@malloy-publisher/app 0.0.53 → 0.0.54

package/dist/index.es.js

@@ -8,13 +8,13 @@ import React__default, { createContext, useContext, lazy, Suspense, useEffect, u
 import { unstable_createGetCssVar, createSpacing as createSpacing$1, useTheme as useTheme$3, unstable_memoTheme, ThemeProvider as ThemeProvider$1, unstable_createCssVarsProvider, Box as Box$1, Stack as Stack$2, createStack, keyframes, shouldForwardProp as shouldForwardProp$1, alpha as alpha$1, createContainer, css } from "@mui/system";
 import emStyled from "@emotion/styled";
 import { ThemeContext } from "@emotion/react";
-import { styled as styled$2, Card, CardContent, CardMedia, Typography as Typography$1, Box, CircularProgress as CircularProgress$1, Stack as Stack$1, CardActions, Tooltip, IconButton as IconButton$1, Collapse as Collapse$1, Divider, Button, Tabs, Tab, List, ListItem, ListItemText, Table, TableBody, TableRow, TableCell, TableHead, Dialog, DialogTitle, DialogContent, TableContainer, Paper, Grid, DialogActions, FormControl, Chip, Menu, MenuItem, DialogContentText, AppBar, Toolbar, ListItemIcon, TextField, CssBaseline } from "@mui/material";
+import { styled as styled$2, Card, CardContent, CardMedia, Typography as Typography$1, Box, CircularProgress as CircularProgress$1, Stack as Stack$1, CardActions, Tooltip, IconButton as IconButton$1, Collapse as Collapse$1, Divider, Button, Tabs, Tab, List, ListItem, ListItemText, Table, TableBody, TableRow, TableCell, TableHead, Dialog, DialogTitle, DialogContent, TableContainer, Paper, Grid, DialogActions, FormControl, Chip, Menu, MenuItem, DialogContentText, ListItemIcon, TextField, AppBar, Toolbar, CssBaseline } from "@mui/material";
 import globalAxios from "axios";
 import { QueryClient, useQuery, useMutation } from "@tanstack/react-query";
 import * as QueryBuilder from "@malloydata/malloy-query-builder";
 import { MalloyExplorerProvider, ResizableCollapsiblePanel, SourcePanel, QueryPanel, ResultPanel } from "@malloydata/malloy-explorer";
 import Markdown from "markdown-to-jsx";
-import { ExpandLess, ExpandMore, Speed, Security, ChevronRight, Add, Launch } from "@mui/icons-material";
+import { ExpandLess, ExpandMore, Add, Launch, ChevronRight } from "@mui/icons-material";
 import { animated, useSpring } from "@react-spring/web";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default from "react-dom";
@@ -32151,6 +32151,62 @@ function ExportMalloyButton({
   };
   return /* @__PURE__ */ jsx(Button, { color: "primary", onClick: handleExport, size: "small", children: copied ? "Copied!" : "Export" });
 }
+function MutableNotebookList({
+  onNotebookClick
+}) {
+  const { notebookStorage, userContext } = useNotebookStorage();
+  const [notebooks, setNotebooks] = React__default.useState([]);
+  React__default.useEffect(() => {
+    if (notebookStorage && userContext) {
+      setNotebooks(notebookStorage.listNotebooks(userContext));
+    }
+  }, [notebookStorage, userContext]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        sx: {
+          maxHeight: "300px",
+          overflow: "auto",
+          "&::-webkit-scrollbar": {
+            width: "8px"
+          },
+          "&::-webkit-scrollbar-track": {
+            background: "transparent"
+          },
+          "&::-webkit-scrollbar-thumb": {
+            background: "rgba(0,0,0,0.2)",
+            borderRadius: "4px"
+          }
+        },
+        children: /* @__PURE__ */ jsxs(List, { dense: true, children: [
+          notebooks.length === 0 && /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(
+            ListItemText,
+            {
+              primary: "No notebooks found.",
+              sx: { textAlign: "center" }
+            }
+          ) }),
+          notebooks.map((notebook) => /* @__PURE__ */ jsx(
+            ListItem,
+            {
+              onClick: (event) => onNotebookClick(notebook, event),
+              sx: {
+                cursor: "pointer",
+                "&:hover": {
+                  backgroundColor: "action.hover"
+                }
+              },
+              children: /* @__PURE__ */ jsx(ListItemText, { primary: notebook })
+            },
+            notebook
+          ))
+        ] })
+      }
+    )
+  ] });
+}
 const projectsApi$1 = new ProjectsApi(new Configuration());
 function About() {
   const { projectName } = useProject();
@@ -32292,211 +32348,196 @@ function Home({ navigate }) {
     return /* @__PURE__ */ jsx(Loading, { text: "Loading projects..." });
   }
 }
-new ConnectionsApi(new Configuration());
-globalAxios.defaults.baseURL = "IfYouAreSeeingThis_baseURL_IsNotSet";
-function HomePage() {
+function AnalyzePackageButton({
+  projectName,
+  packageName
+}) {
+  const [workbookName, setWorkbookName] = React__default.useState("");
+  const [anchorEl, setAnchorEl] = React__default.useState(null);
+  const [newDialogOpen, setNewDialogOpen] = React__default.useState(false);
+  const [openDialogOpen, setOpenDialogOpen] = React__default.useState(false);
   const navigate = useRouterClickHandler();
-  return /* @__PURE__ */ jsxs(Box, { sx: { minHeight: "100%" }, children: [
+  const open = Boolean(anchorEl);
+  const handleClick = (event) => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handleMenuClose = () => {
+    setAnchorEl(null);
+  };
+  const handleOpenDialogClose = () => {
+    setOpenDialogOpen(false);
+  };
+  const handleNewDialogClose = () => {
+    setNewDialogOpen(false);
+  };
+  const handleNotebookClick = (notebook, event) => {
+    setOpenDialogOpen(false);
+    navigate(
+      `/${projectName}/${packageName}/scratchNotebook/${encodeURIComponent(notebook)}`,
+      event
+    );
+  };
+  const createNotebookClick = (event) => {
+    setNewDialogOpen(false);
+    navigate(
+      `/${projectName}/${packageName}/scratchNotebook/${encodeURIComponent(workbookName)}`,
+      event
+    );
+    setWorkbookName("");
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      Card,
+      Button,
       {
-        variant: "outlined",
+        "aria-controls": open ? "basic-menu" : void 0,
+        "aria-haspopup": "true",
+        "aria-expanded": open ? "true" : void 0,
+        onClick: handleClick,
+        variant: "contained",
         sx: {
-          background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
-          color: "white",
-          mb: 1,
-          p: 1
+          height: "40px",
+          px: 2,
+          backgroundColor: "#fbbb04",
+          "&:hover": {
+            backgroundColor: "#eab308"
+          }
         },
-        children: /* @__PURE__ */ jsxs(Stack$1, { spacing: 0.5, alignItems: "center", textAlign: "center", children: [
-          /* @__PURE__ */ jsx(
-            Typography$1,
+        children: "Analyze Package"
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Menu,
+      {
+        id: "basic-menu",
+        anchorEl,
+        open,
+        onClose: handleMenuClose,
+        MenuListProps: {
+          "aria-labelledby": "basic-button",
+          sx: { py: 0.5 }
+        },
+        children: [
+          /* @__PURE__ */ jsxs(
+            MenuItem,
             {
-              variant: "h5",
-              sx: {
-                fontWeight: 700,
-                letterSpacing: "-0.025em",
-                mb: 0.25
+              onClick: () => {
+                setNewDialogOpen(true);
+                handleMenuClose();
               },
-              children: "Welcome to Malloy Publisher"
+              sx: { py: 1, px: 2 },
+              children: [
+                /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Add, { fontSize: "small" }) }),
+                /* @__PURE__ */ jsxs(ListItemText, { children: [
+                  /* @__PURE__ */ jsx(Typography$1, { variant: "body2", fontWeight: 500, children: "New Workbook" }),
+                  /* @__PURE__ */ jsx(Typography$1, { variant: "caption", color: "text.secondary", children: "Create a new analysis workbook" })
+                ] })
+              ]
             }
           ),
-          /* @__PURE__ */ jsx(
-            Typography$1,
+          /* @__PURE__ */ jsxs(
+            MenuItem,
             {
-              variant: "body1",
-              sx: {
-                opacity: 0.9,
-                maxWidth: "600px",
-                lineHeight: 1.4
+              onClick: () => {
+                setOpenDialogOpen(true);
+                handleMenuClose();
               },
-              children: "Discover, analyze, and share your data with powerful Malloy models"
+              sx: { py: 1, px: 2 },
+              children: [
+                /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Launch, { fontSize: "small" }) }),
+                /* @__PURE__ */ jsxs(ListItemText, { children: [
+                  /* @__PURE__ */ jsx(Typography$1, { variant: "body2", fontWeight: 500, children: "Open Workbook" }),
+                  /* @__PURE__ */ jsx(Typography$1, { variant: "caption", color: "text.secondary", children: "Open an existing workbook" })
+                ] })
+              ]
             }
           )
-        ] })
+        ]
       }
     ),
     /* @__PURE__ */ jsxs(
-      Stack$1,
+      Dialog,
       {
-        direction: { xs: "column", md: "row" },
-        spacing: 1,
-        sx: { mb: 1 },
+        open: newDialogOpen,
+        onClose: handleNewDialogClose,
+        maxWidth: "sm",
+        fullWidth: true,
         children: [
-          /* @__PURE__ */ jsx(
-            Card,
-            {
-              variant: "outlined",
-              sx: {
-                flex: 1,
-                p: 1,
-                transition: "all 0.2s ease-in-out",
-                "&:hover": {
-                  boxShadow: "0 4px 12px rgba(0, 0, 0, 0.1)",
-                  transform: "translateY(-2px)"
+          /* @__PURE__ */ jsxs(DialogTitle, { sx: { pb: 1, pt: 2, px: 2 }, children: [
+            /* @__PURE__ */ jsx(Typography$1, { variant: "h6", fontWeight: 600, sx: { mb: 0.5 }, children: "Create New Workbook" }),
+            /* @__PURE__ */ jsx(Typography$1, { variant: "body2", color: "text.secondary", children: "Start a new analysis workbook to explore your data" })
+          ] }),
+          /* @__PURE__ */ jsx(DialogContent, { sx: { px: 2, pb: 2 }, children: /* @__PURE__ */ jsxs(Stack$1, { spacing: 2, sx: { mt: 1 }, children: [
+            /* @__PURE__ */ jsx(FormControl, { fullWidth: true, children: /* @__PURE__ */ jsx(
+              TextField,
+              {
+                label: "Workbook Name",
+                value: workbookName,
+                onChange: (e) => setWorkbookName(e.target.value),
+                placeholder: "Enter workbook name...",
+                fullWidth: true,
+                autoFocus: true,
+                size: "small"
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(Stack$1, { direction: "row", spacing: 1, justifyContent: "flex-end", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  onClick: handleNewDialogClose,
+                  variant: "outlined",
+                  size: "small",
+                  children: "Cancel"
                 }
-              },
-              children: /* @__PURE__ */ jsxs(Stack$1, { spacing: 0.5, children: [
-                /* @__PURE__ */ jsx(
-                  Typography$1,
-                  {
-                    variant: "subtitle1",
-                    fontWeight: 600,
-                    sx: { mb: 0.25 },
-                    children: "Data Discovery"
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Typography$1,
-                  {
-                    variant: "body2",
-                    color: "text.secondary",
-                    sx: { lineHeight: 1.4 },
-                    children: "Explore your data with interactive Malloy models and queries"
-                  }
-                )
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Card,
-            {
-              variant: "outlined",
-              sx: {
-                flex: 1,
-                p: 1,
-                transition: "all 0.2s ease-in-out",
-                "&:hover": {
-                  boxShadow: "0 4px 12px rgba(0, 0, 0, 0.1)",
-                  transform: "translateY(-2px)"
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  onClick: (event) => createNotebookClick(event),
+                  variant: "contained",
+                  disabled: !workbookName.trim(),
+                  size: "small",
+                  children: "Create Workbook"
                 }
-              },
-              children: /* @__PURE__ */ jsxs(Stack$1, { spacing: 0.5, children: [
-                /* @__PURE__ */ jsx(
-                  Typography$1,
-                  {
-                    variant: "subtitle1",
-                    fontWeight: 600,
-                    sx: { mb: 0.25 },
-                    children: "Analysis Tools"
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Typography$1,
-                  {
-                    variant: "body2",
-                    color: "text.secondary",
-                    sx: { lineHeight: 1.4 },
-                    children: "Create and share interactive workbooks for data analysis"
-                  }
-                )
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Card,
+              )
+            ] })
+          ] }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Dialog,
+      {
+        open: openDialogOpen,
+        onClose: handleOpenDialogClose,
+        maxWidth: "md",
+        fullWidth: true,
+        children: [
+          /* @__PURE__ */ jsxs(DialogTitle, { sx: { pb: 1, pt: 2, px: 2 }, children: [
+            /* @__PURE__ */ jsx(Typography$1, { variant: "h6", fontWeight: 600, sx: { mb: 0.5 }, children: "Open Workbook" }),
+            /* @__PURE__ */ jsx(Typography$1, { variant: "body2", color: "text.secondary", children: "Select an existing workbook to continue your analysis" })
+          ] }),
+          /* @__PURE__ */ jsx(DialogContent, { sx: { px: 2, pb: 2 }, children: /* @__PURE__ */ jsx(
+            NotebookStorageProvider,
             {
-              variant: "outlined",
-              sx: {
-                flex: 1,
-                p: 1,
-                transition: "all 0.2s ease-in-out",
-                "&:hover": {
-                  boxShadow: "0 4px 12px rgba(0, 0, 0, 0.1)",
-                  transform: "translateY(-2px)"
-                }
+              notebookStorage: new BrowserNotebookStorage(),
+              userContext: {
+                project: projectName,
+                package: packageName
               },
-              children: /* @__PURE__ */ jsxs(Stack$1, { spacing: 0.5, children: [
-                /* @__PURE__ */ jsx(
-                  Typography$1,
-                  {
-                    variant: "subtitle1",
-                    fontWeight: 600,
-                    sx: { mb: 0.25 },
-                    children: "Collaboration"
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Typography$1,
-                  {
-                    variant: "body2",
-                    color: "text.secondary",
-                    sx: { lineHeight: 1.4 },
-                    children: "Share insights and collaborate with your team on data projects"
-                  }
-                )
-              ] })
+              children: /* @__PURE__ */ jsx(MutableNotebookList, { onNotebookClick: handleNotebookClick })
             }
-          )
+          ) })
         ]
       }
-    ),
-    /* @__PURE__ */ jsxs(Stack$1, { direction: { xs: "column", md: "row" }, spacing: 1, children: [
-      /* @__PURE__ */ jsx(Card, { sx: { flex: 1, p: 1 }, children: /* @__PURE__ */ jsx(CardContent, { sx: { p: 0 }, children: /* @__PURE__ */ jsxs(Stack$1, { spacing: 0.5, children: [
-        /* @__PURE__ */ jsxs(
-          Box,
-          {
-            sx: { display: "flex", alignItems: "center", gap: 1 },
-            children: [
-              /* @__PURE__ */ jsx(Speed, { sx: { color: "warning.main", fontSize: 28 } }),
-              /* @__PURE__ */ jsx(Typography$1, { variant: "subtitle1", fontWeight: 600, children: "High Performance" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Typography$1,
-          {
-            variant: "body2",
-            color: "text.secondary",
-            sx: { lineHeight: 1.4 },
-            children: "Optimized query execution and intelligent caching ensure fast performance even with large datasets and complex analytical queries."
-          }
-        )
-      ] }) }) }),
-      /* @__PURE__ */ jsx(Card, { sx: { flex: 1, p: 1 }, children: /* @__PURE__ */ jsx(CardContent, { sx: { p: 0 }, children: /* @__PURE__ */ jsxs(Stack$1, { spacing: 0.5, children: [
-        /* @__PURE__ */ jsxs(
-          Box,
-          {
-            sx: { display: "flex", alignItems: "center", gap: 1 },
-            children: [
-              /* @__PURE__ */ jsx(Security, { sx: { color: "info.main", fontSize: 28 } }),
-              /* @__PURE__ */ jsx(Typography$1, { variant: "subtitle1", fontWeight: 600, children: "Enterprise Ready" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Typography$1,
-          {
-            variant: "body2",
-            color: "text.secondary",
-            sx: { lineHeight: 1.4 },
-            children: "Built with enterprise security and scalability in mind. Supports authentication, authorization, and comprehensive audit logging."
-          }
-        )
-      ] }) }) })
-    ] }),
-    /* @__PURE__ */ jsx(Box, { sx: { display: "none" }, children: /* @__PURE__ */ jsx(Home, { navigate }) })
+    )
   ] });
 }
+new ConnectionsApi(new Configuration());
+globalAxios.defaults.baseURL = "IfYouAreSeeingThis_baseURL_IsNotSet";
+function HomePage() {
+  const navigate = useRouterClickHandler();
+  return /* @__PURE__ */ jsx(Home, { navigate });
+}
 const Container = createContainer({
   createStyledComponent: styled("div", {
     name: "MuiContainer",
@@ -33255,103 +33296,14 @@ function BreadcrumbNav() {
     }
   ) });
 }
-function SimpleNotebookList({
-  onNotebookClick
-}) {
-  const { notebookStorage, userContext } = useNotebookStorage();
-  const [notebooks, setNotebooks] = React__default.useState([]);
-  React__default.useEffect(() => {
-    if (notebookStorage && userContext) {
-      setNotebooks(notebookStorage.listNotebooks(userContext));
-    }
-  }, [notebookStorage, userContext]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Divider, {}),
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        sx: {
-          maxHeight: "300px",
-          overflow: "auto",
-          "&::-webkit-scrollbar": {
-            width: "8px"
-          },
-          "&::-webkit-scrollbar-track": {
-            background: "transparent"
-          },
-          "&::-webkit-scrollbar-thumb": {
-            background: "rgba(0,0,0,0.2)",
-            borderRadius: "4px"
-          }
-        },
-        children: /* @__PURE__ */ jsxs(List, { dense: true, children: [
-          notebooks.length === 0 && /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(
-            ListItemText,
-            {
-              primary: "No notebooks found.",
-              sx: { textAlign: "center" }
-            }
-          ) }),
-          notebooks.map((notebook) => /* @__PURE__ */ jsx(
-            ListItem,
-            {
-              onClick: (event) => onNotebookClick(notebook, event),
-              sx: {
-                cursor: "pointer",
-                "&:hover": {
-                  backgroundColor: "action.hover"
-                }
-              },
-              children: /* @__PURE__ */ jsx(ListItemText, { primary: notebook })
-            },
-            notebook
-          ))
-        ] })
-      }
-    )
-  ] });
-}
-function MainPage() {
+function MainPage({ showHeader = true }) {
   const { projectName, packageName } = useParams();
-  const navigate = useRouterClickHandler();
-  const [workbookName, setWorkbookName] = React__default.useState("");
-  const [anchorEl, setAnchorEl] = React__default.useState(null);
-  const [newDialogOpen, setNewDialogOpen] = React__default.useState(false);
-  const [openDialogOpen, setOpenDialogOpen] = React__default.useState(false);
-  const open = Boolean(anchorEl);
-  const handleClick = (event) => {
-    setAnchorEl(event.currentTarget);
-  };
-  const handleMenuClose = () => {
-    setAnchorEl(null);
-  };
-  const handleOpenDialogClose = () => {
-    setOpenDialogOpen(false);
-  };
-  const handleNewDialogClose = () => {
-    setNewDialogOpen(false);
-  };
-  const handleNotebookClick = (notebook, event) => {
-    setOpenDialogOpen(false);
-    navigate(
-      `/${projectName}/${packageName}/scratchNotebook/${encodeURIComponent(notebook)}`,
-      event
-    );
-  };
-  const createNotebookClick = (event) => {
-    setNewDialogOpen(false);
-    navigate(
-      `/${projectName}/${packageName}/scratchNotebook/${encodeURIComponent(workbookName)}`,
-      event
-    );
-    setWorkbookName("");
-  };
   return /* @__PURE__ */ jsxs(
     Box,
     {
       sx: { display: "flex", flexDirection: "column", minHeight: "100vh" },
       children: [
-        /* @__PURE__ */ jsx(
+        showHeader && /* @__PURE__ */ jsx(
           AppBar,
           {
             position: "sticky",
@@ -33363,32 +33315,38 @@ function MainPage() {
             },
             children: /* @__PURE__ */ jsxs(Toolbar, { sx: { justifyContent: "space-between" }, children: [
               /* @__PURE__ */ jsxs(Stack$1, { direction: "row", spacing: 2, alignItems: "center", children: [
-                /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                  /* @__PURE__ */ jsx(
-                    Box,
-                    {
-                      component: "img",
-                      src: "/logo.svg",
-                      alt: "Malloy",
-                      sx: {
-                        width: 28,
-                        height: 28
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Typography$1,
-                    {
-                      variant: "h5",
-                      sx: {
-                        color: "text.primary",
-                        fontWeight: 700,
-                        letterSpacing: "-0.025em"
-                      },
-                      children: "Malloy Publisher"
-                    }
-                  )
-                ] }),
+                /* @__PURE__ */ jsxs(
+                  Box,
+                  {
+                    sx: { display: "flex", alignItems: "center", gap: 1 },
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        Box,
+                        {
+                          component: "img",
+                          src: "/logo.svg",
+                          alt: "Malloy",
+                          sx: {
+                            width: 28,
+                            height: 28
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        Typography$1,
+                        {
+                          variant: "h5",
+                          sx: {
+                            color: "text.primary",
+                            fontWeight: 700,
+                            letterSpacing: "-0.025em"
+                          },
+                          children: "Malloy Publisher"
+                        }
+                      )
+                    ]
+                  }
+                ),
                 /* @__PURE__ */ jsx(BreadcrumbNav, {})
               ] }),
               /* @__PURE__ */ jsx(Stack$1, { direction: "row", spacing: 2, alignItems: "center", children: !projectName || !packageName ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -33409,90 +33367,13 @@ function MainPage() {
                   }
                 ),
                 /* @__PURE__ */ jsx(Button, { href: "/api-doc.html", size: "small", children: "Publisher API" })
-              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    "aria-controls": open ? "basic-menu" : void 0,
-                    "aria-haspopup": "true",
-                    "aria-expanded": open ? "true" : void 0,
-                    onClick: handleClick,
-                    variant: "contained",
-                    sx: {
-                      height: "40px",
-                      px: 2,
-                      backgroundColor: "#fbbb04",
-                      "&:hover": {
-                        backgroundColor: "#eab308"
-                      }
-                    },
-                    children: "Analyze Package"
-                  }
-                ),
-                /* @__PURE__ */ jsxs(
-                  Menu,
-                  {
-                    id: "basic-menu",
-                    anchorEl,
-                    open,
-                    onClose: handleMenuClose,
-                    MenuListProps: {
-                      "aria-labelledby": "basic-button",
-                      sx: { py: 0.5 }
-                    },
-                    children: [
-                      /* @__PURE__ */ jsxs(
-                        MenuItem,
-                        {
-                          onClick: () => {
-                            setNewDialogOpen(true);
-                            handleMenuClose();
-                          },
-                          sx: { py: 1, px: 2 },
-                          children: [
-                            /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Add, { fontSize: "small" }) }),
-                            /* @__PURE__ */ jsxs(ListItemText, { children: [
-                              /* @__PURE__ */ jsx(Typography$1, { variant: "body2", fontWeight: 500, children: "New Workbook" }),
-                              /* @__PURE__ */ jsx(
-                                Typography$1,
-                                {
-                                  variant: "caption",
-                                  color: "text.secondary",
-                                  children: "Create a new analysis workbook"
-                                }
-                              )
-                            ] })
-                          ]
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs(
-                        MenuItem,
-                        {
-                          onClick: () => {
-                            setOpenDialogOpen(true);
-                            handleMenuClose();
-                          },
-                          sx: { py: 1, px: 2 },
-                          children: [
-                            /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Launch, { fontSize: "small" }) }),
-                            /* @__PURE__ */ jsxs(ListItemText, { children: [
-                              /* @__PURE__ */ jsx(Typography$1, { variant: "body2", fontWeight: 500, children: "Open Workbook" }),
-                              /* @__PURE__ */ jsx(
-                                Typography$1,
-                                {
-                                  variant: "caption",
-                                  color: "text.secondary",
-                                  children: "Open an existing workbook"
-                                }
-                              )
-                            ] })
-                          ]
-                        }
-                      )
-                    ]
-                  }
-                )
-              ] }) })
+              ] }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+                AnalyzePackageButton,
+                {
+                  projectName,
+                  packageName
+                }
+              ) }) })
             ] })
           }
         ),
@@ -33510,82 +33391,6 @@ function MainPage() {
             },
             children: /* @__PURE__ */ jsx(Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsx(Outlet, {}) })
           }
-        ),
-        /* @__PURE__ */ jsxs(
-          Dialog,
-          {
-            open: newDialogOpen,
-            onClose: handleNewDialogClose,
-            maxWidth: "sm",
-            fullWidth: true,
-            children: [
-              /* @__PURE__ */ jsxs(DialogTitle, { sx: { pb: 1, pt: 2, px: 2 }, children: [
-                /* @__PURE__ */ jsx(Typography$1, { variant: "h6", fontWeight: 600, sx: { mb: 0.5 }, children: "Create New Workbook" }),
-                /* @__PURE__ */ jsx(Typography$1, { variant: "body2", color: "text.secondary", children: "Start a new analysis workbook to explore your data" })
-              ] }),
-              /* @__PURE__ */ jsx(DialogContent, { sx: { px: 2, pb: 2 }, children: /* @__PURE__ */ jsxs(Stack$1, { spacing: 2, sx: { mt: 1 }, children: [
-                /* @__PURE__ */ jsx(FormControl, { fullWidth: true, children: /* @__PURE__ */ jsx(
-                  TextField,
-                  {
-                    label: "Workbook Name",
-                    value: workbookName,
-                    onChange: (e) => setWorkbookName(e.target.value),
-                    placeholder: "Enter workbook name...",
-                    fullWidth: true,
-                    autoFocus: true,
-                    size: "small"
-                  }
-                ) }),
-                /* @__PURE__ */ jsxs(Stack$1, { direction: "row", spacing: 1, justifyContent: "flex-end", children: [
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      onClick: handleNewDialogClose,
-                      variant: "outlined",
-                      size: "small",
-                      children: "Cancel"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      onClick: (event) => createNotebookClick(event),
-                      variant: "contained",
-                      disabled: !workbookName.trim(),
-                      size: "small",
-                      children: "Create Workbook"
-                    }
-                  )
-                ] })
-              ] }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          Dialog,
-          {
-            open: openDialogOpen,
-            onClose: handleOpenDialogClose,
-            maxWidth: "md",
-            fullWidth: true,
-            children: [
-              /* @__PURE__ */ jsxs(DialogTitle, { sx: { pb: 1, pt: 2, px: 2 }, children: [
-                /* @__PURE__ */ jsx(Typography$1, { variant: "h6", fontWeight: 600, sx: { mb: 0.5 }, children: "Open Workbook" }),
-                /* @__PURE__ */ jsx(Typography$1, { variant: "body2", color: "text.secondary", children: "Select an existing workbook to continue your analysis" })
-              ] }),
-              /* @__PURE__ */ jsx(DialogContent, { sx: { px: 2, pb: 2 }, children: /* @__PURE__ */ jsx(
-                NotebookStorageProvider,
-                {
-                  notebookStorage: new BrowserNotebookStorage(),
-                  userContext: {
-                    project: projectName || "",
-                    package: packageName || ""
-                  },
-                  children: /* @__PURE__ */ jsx(SimpleNotebookList, { onNotebookClick: handleNotebookClick })
-                }
-              ) })
-            ]
-          }
         )
       ]
     }