@malloy-publisher/sdk 0.0.196-dev → 0.0.197-dev

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CW09s4Xx.cjs.js"),o=require("./ServerProvider-BMsmCksc.cjs.js");exports.AnalyzePackageButton=e.AnalyzePackageButton;exports.BrowserWorkbookStorage=e.BrowserWorkbookStorage;exports.ConnectionExplorer=e.ConnectionExplorer;exports.DimensionFilter=e.DimensionFilter;exports.EmbeddedQueryResult=e.EmbeddedQueryResult;exports.Home=e.Home;exports.Loading=e.Loading;exports.Model=e.Model;exports.ModelExplorer=e.ModelExplorer;exports.ModelExplorerDialog=e.ModelExplorerDialog;exports.Models=e.Models;exports.Notebook=e.Notebook;exports.Package=e.Package;exports.Packages=e.Packages;exports.Project=e.Project;exports.QueryResult=e.QueryResult;exports.RenderedResult=e.RenderedResult;exports.ResultContainer=e.ResultContainer;exports.SourceExplorerComponent=e.SourceExplorerComponent;exports.SourcesExplorer=e.SourcesExplorer;exports.Workbook=e.Workbook;exports.WorkbookList=e.WorkbookList;exports.WorkbookManager=e.WorkbookManager;exports.WorkbookStorageProvider=e.WorkbookStorageProvider;exports.createEmbeddedQueryResult=e.createEmbeddedQueryResult;exports.encodeResourceUri=e.encodeResourceUri;exports.extractDimensionSpecs=e.extractDimensionSpecs;exports.extractSourceFromQuery=e.extractSourceFromQuery;exports.generateFilterClause=e.generateFilterClause;exports.getDimensionKey=e.getDimensionKey;exports.getJoinedSources=e.getJoinedSources;exports.injectWhereClause=e.injectWhereClause;exports.makeDimensionKey=e.makeDimensionKey;exports.parseAllSourceInfos=e.parseAllSourceInfos;exports.parseDimensionFilterAnnotation=e.parseDimensionFilterAnnotation;exports.parseNotebookFilterAnnotation=e.parseNotebookFilterAnnotation;exports.parseResourceUri=e.parseResourceUri;exports.useDimensionFilters=e.useDimensionFilters;exports.useDimensionFiltersFromSpec=e.useDimensionFiltersFromSpec;exports.useDimensionFiltersQuery=e.useDimensionFiltersQuery;exports.useDimensionalFilterRangeData=e.useDimensionalFilterRangeData;exports.useModelData=e.useModelData;exports.useRawQueryData=e.useRawQueryData;exports.useRouterClickHandler=e.useRouterClickHandler;exports.ServerProvider=o.ServerProvider;exports.useServer=o.useServer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Xo_ADux9.cjs.js"),o=require("./ServerProvider-IhQ4aYBm.cjs.js");exports.AnalyzePackageButton=e.AnalyzePackageButton;exports.BrowserWorkbookStorage=e.BrowserWorkbookStorage;exports.ConnectionExplorer=e.ConnectionExplorer;exports.DimensionFilter=e.DimensionFilter;exports.EmbeddedQueryResult=e.EmbeddedQueryResult;exports.Environment=e.Environment;exports.Home=e.Home;exports.Loading=e.Loading;exports.Model=e.Model;exports.ModelExplorer=e.ModelExplorer;exports.ModelExplorerDialog=e.ModelExplorerDialog;exports.Models=e.Models;exports.Notebook=e.Notebook;exports.Package=e.Package;exports.Packages=e.Packages;exports.QueryResult=e.QueryResult;exports.RenderedResult=e.RenderedResult;exports.ResultContainer=e.ResultContainer;exports.SourceExplorerComponent=e.SourceExplorerComponent;exports.SourcesExplorer=e.SourcesExplorer;exports.Workbook=e.Workbook;exports.WorkbookList=e.WorkbookList;exports.WorkbookManager=e.WorkbookManager;exports.WorkbookStorageProvider=e.WorkbookStorageProvider;exports.createEmbeddedQueryResult=e.createEmbeddedQueryResult;exports.encodeResourceUri=e.encodeResourceUri;exports.extractDimensionSpecs=e.extractDimensionSpecs;exports.extractSourceFromQuery=e.extractSourceFromQuery;exports.generateFilterClause=e.generateFilterClause;exports.getDimensionKey=e.getDimensionKey;exports.getJoinedSources=e.getJoinedSources;exports.injectWhereClause=e.injectWhereClause;exports.makeDimensionKey=e.makeDimensionKey;exports.parseAllSourceInfos=e.parseAllSourceInfos;exports.parseDimensionFilterAnnotation=e.parseDimensionFilterAnnotation;exports.parseNotebookFilterAnnotation=e.parseNotebookFilterAnnotation;exports.parseResourceUri=e.parseResourceUri;exports.useDimensionFilters=e.useDimensionFilters;exports.useDimensionFiltersFromSpec=e.useDimensionFiltersFromSpec;exports.useDimensionFiltersQuery=e.useDimensionFiltersQuery;exports.useDimensionalFilterRangeData=e.useDimensionalFilterRangeData;exports.useModelData=e.useModelData;exports.useRawQueryData=e.useRawQueryData;exports.useRouterClickHandler=e.useRouterClickHandler;exports.ServerProvider=o.ServerProvider;exports.useServer=o.useServer;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export * from './components';
-export { default as ConnectionExplorer } from './components/Project/ConnectionExplorer';
+export { default as ConnectionExplorer } from './components/Environment/ConnectionExplorer';
 export { useServer } from './components/ServerProvider';
 export * from './hooks';
 export { useRawQueryData } from './hooks/useRawQueryData';

package/dist/index.es.js

@@ -1,21 +1,21 @@
-import { A as a, J as o, C as r, D as n, E as t, H as i, L as l, M as u, o as c, q as d, v as m, N as k, P as p, y as D, x as g, Q as S, R, F, r as x, S as y, W as b, G as E, K as C, I as M, B as P, _ as Q, g as W, i as v, j as A, X as f, k as j, l as B, Y as H, p as K, m as L, n as N, Z as U, O as w, T as I, U as J, V as h, t as q, u as z, e as G } from "./index-ClRkROAM.es.js";
-import { S as T, u as V } from "./ServerProvider-CvZTC0sJ.es.js";
+import { A as a, J as o, C as r, D as n, y as t, E as i, H as l, L as u, M as m, o as c, q as d, x as k, N as p, v as D, P as g, Q as S, R, F, r as x, S as y, W as b, G as E, K as C, I as M, B as Q, _ as W, g as v, i as P, j as A, X as f, k as B, l as H, Y as K, p as L, m as N, n as U, Z as j, O as w, T as I, U as J, V as h, t as q, u as z, e as G } from "./index-CN0_kZSF.es.js";
+import { S as T, u as V } from "./ServerProvider-DDScRRDc.es.js";
 export {
   a as AnalyzePackageButton,
   o as BrowserWorkbookStorage,
   r as ConnectionExplorer,
   n as DimensionFilter,
   t as EmbeddedQueryResult,
-  i as Home,
-  l as Loading,
-  u as Model,
+  i as Environment,
+  l as Home,
+  u as Loading,
+  m as Model,
   c as ModelExplorer,
   d as ModelExplorerDialog,
-  m as Models,
-  k as Notebook,
-  p as Package,
-  D as Packages,
-  g as Project,
+  k as Models,
+  p as Notebook,
+  D as Package,
+  g as Packages,
   S as QueryResult,
   R as RenderedResult,
   F as ResultContainer,
@@ -26,19 +26,19 @@ export {
   E as WorkbookList,
   C as WorkbookManager,
   M as WorkbookStorageProvider,
-  P as createEmbeddedQueryResult,
-  Q as encodeResourceUri,
-  W as extractDimensionSpecs,
-  v as extractSourceFromQuery,
+  Q as createEmbeddedQueryResult,
+  W as encodeResourceUri,
+  v as extractDimensionSpecs,
+  P as extractSourceFromQuery,
   A as generateFilterClause,
   f as getDimensionKey,
-  j as getJoinedSources,
-  B as injectWhereClause,
-  H as makeDimensionKey,
-  K as parseAllSourceInfos,
-  L as parseDimensionFilterAnnotation,
-  N as parseNotebookFilterAnnotation,
-  U as parseResourceUri,
+  B as getJoinedSources,
+  H as injectWhereClause,
+  K as makeDimensionKey,
+  L as parseAllSourceInfos,
+  N as parseDimensionFilterAnnotation,
+  U as parseNotebookFilterAnnotation,
+  j as parseResourceUri,
   w as useDimensionFilters,
   I as useDimensionFiltersFromSpec,
   J as useDimensionFiltersQuery,

package/dist/utils/formatting.d.ts

@@ -1,5 +1,5 @@
 export type ParsedResource = {
-    projectName: string;
+    environmentName: string;
     packageName?: string | undefined;
     connectionName?: string | undefined;
     versionId?: string | undefined;

package/dist/utils/parsing.d.ts

@@ -1,5 +1,5 @@
-export declare const getProjectDescription: (readme: string | undefined) => string;
-export declare const generateProjectReadme: (project: {
+export declare const getEnvironmentDescription: (readme: string | undefined) => string;
+export declare const generateEnvironmentReadme: (environment: {
     name: string;
     readme?: string;
 }, description?: string) => string;

package/package.json

@@ -1,7 +1,7 @@
 {
    "name": "@malloy-publisher/sdk",
    "description": "Malloy Publisher SDK",
-   "version": "0.0.196-dev",
+   "version": "0.0.197-dev",
    "type": "module",
    "main": "dist/index.cjs.js",
    "module": "dist/index.es.js",

package/src/components/Connections/DeleteConnectionDialog.tsx

@@ -35,6 +35,7 @@ export default function DeleteConnectionDialog({
    return (
       <React.Fragment>
          <IconButton
+            aria-label={`Delete connection ${connection?.name ?? ""}`.trim()}
             onClick={(event) => {
                event.stopPropagation();
                handleClickOpen();

package/src/components/Connections/EditConnectionDialog.tsx

@@ -447,6 +447,7 @@ export default function EditConnectionDialog({
    return (
       <React.Fragment>
          <IconButton
+            aria-label={`Edit connection ${connection?.name ?? ""}`.trim()}
             onClick={(event) => {
                event.preventDefault();
                event.stopPropagation();
@@ -737,6 +738,7 @@ export default function EditConnectionDialog({
                                        Database {index + 1}
                                     </Typography>
                                     <IconButton
+                                       aria-label={`Remove attached database ${index + 1}`}
                                        onClick={() =>
                                           removeAttachedDatabase(index)
                                        }

package/src/components/{Project → Environment}/About.tsx

@@ -16,14 +16,15 @@ interface AboutProps {
 }
 
 export default function About({ resourceUri }: AboutProps) {
-   const { projectName } = parseResourceUri(resourceUri);
+   const { environmentName } = parseResourceUri(resourceUri);
    const { apiClients } = useServer();
    const [expanded, setExpanded] = useState(false);
    const wordLimit = 90;
 
    const { data, isSuccess, isError, error } = useQueryWithApiError({
-      queryKey: ["about", projectName],
-      queryFn: () => apiClients.projects.getProject(projectName, false),
+      queryKey: ["about", environmentName],
+      queryFn: () =>
+         apiClients.environments.getEnvironment(environmentName, false),
    });
 
    const readmeContent = data?.data?.readme || "";
@@ -93,7 +94,10 @@ export default function About({ resourceUri }: AboutProps) {
             </PackageCard>
          )}
          {isError && (
-            <ApiErrorDisplay error={error} context={`${projectName} > About`} />
+            <ApiErrorDisplay
+               error={error}
+               context={`${environmentName} > About`}
+            />
          )}
       </>
    );

package/src/components/{Project → Environment}/AddPackageDialog.tsx

@@ -35,10 +35,10 @@ export default function AddPackageDialog({
       setOpen(false);
    };
 
-   const { projectName } = parseResourceUri(resourceUri);
+   const { environmentName } = parseResourceUri(resourceUri);
    const addPackage = useMutationWithApiError({
       async mutationFn(variables: Package) {
-         return apiClients.packages.createPackage(projectName, {
+         return apiClients.packages.createPackage(environmentName, {
             name: variables.name,
             description: variables.description,
             location: variables.location,
@@ -47,7 +47,9 @@ export default function AddPackageDialog({
       onSuccess() {
          handleClose();
          setNotificationMessage("Package created successfully");
-         queryClient.invalidateQueries({ queryKey: ["packages", projectName] });
+         queryClient.invalidateQueries({
+            queryKey: ["packages", environmentName],
+         });
       },
       onError(error) {
          setNotificationMessage(

package/src/components/{Project → Environment}/ConnectionExplorer.tsx

@@ -62,7 +62,7 @@ export default function ConnectionExplorer({
    connection,
 }: ConnectionExplorerProps) {
    const { apiClients } = useServer();
-   const { projectName: projectName } = parseResourceUri(resourceUri);
+   const { environmentName: environmentName } = parseResourceUri(resourceUri);
    const [selectedTableResource, setSelectedTableResource] = React.useState<
       string | null
    >(null);
@@ -76,9 +76,9 @@ export default function ConnectionExplorer({
       isLoading: schemasLoading,
       error: schemasErrorObj,
    } = useQueryWithApiError({
-      queryKey: ["schemas", projectName, connectionName],
+      queryKey: ["schemas", environmentName, connectionName],
       queryFn: () =>
-         apiClients.connections.listSchemas(projectName, connectionName),
+         apiClients.connections.listSchemas(environmentName, connectionName),
    });
 
    const availableSchemas = schemasData?.data || [];
@@ -119,7 +119,7 @@ export default function ConnectionExplorer({
                      {schemasError && (
                         <ApiErrorDisplay
                            error={schemasErrorObj}
-                           context={`${projectName} > ${connectionName} > Schemas`}
+                           context={`${environmentName} > ${connectionName} > Schemas`}
                         />
                      )}
                      {!schemasLoading &&
@@ -181,7 +181,7 @@ export default function ConnectionExplorer({
          <Grid size={{ xs: 12, md: schema ? 6 : 4 }}>
             {selectedSchema && selectedTableResource && (
                <SelectedTableDetailPanel
-                  projectName={projectName}
+                  environmentName={environmentName}
                   connectionName={connectionName}
                   schemaName={selectedSchema}
                   tableResource={selectedTableResource}
@@ -198,12 +198,12 @@ type TableSchemaViewerProps = {
 };
 
 function SelectedTableDetailPanel({
-   projectName,
+   environmentName,
    connectionName,
    schemaName,
    tableResource,
 }: {
-   projectName: string;
+   environmentName: string;
    connectionName: string;
    schemaName: string;
    tableResource: string;
@@ -217,14 +217,14 @@ function SelectedTableDetailPanel({
    } = useQueryWithApiError({
       queryKey: [
          "connectionTableDetail",
-         projectName,
+         environmentName,
          connectionName,
          schemaName,
          tableResource,
       ],
       queryFn: () =>
          apiClients.connections.getTable(
-            projectName,
+            environmentName,
             connectionName,
             schemaName,
             tableResource,
@@ -242,7 +242,7 @@ function SelectedTableDetailPanel({
          {tableDetailError && (
             <ApiErrorDisplay
                error={tableDetailErrorObj}
-               context={`${projectName} > ${connectionName} > ${schemaName} > ${tableResource}`}
+               context={`${environmentName} > ${connectionName} > ${schemaName} > ${tableResource}`}
             />
          )}
          {!tableDetailError && (
@@ -319,14 +319,14 @@ function TablesInSchema({
    resourceUri,
    connection,
 }: TablesInSchemaProps) {
-   const { projectName: projectName } = parseResourceUri(resourceUri);
+   const { environmentName: environmentName } = parseResourceUri(resourceUri);
    const { apiClients } = useServer();
    const [searchTerm, setSearchTerm] = useState("");
    const { data, isSuccess, isError, error, isLoading } = useQueryWithApiError({
-      queryKey: ["tablesInSchema", projectName, connectionName, schemaName],
+      queryKey: ["tablesInSchema", environmentName, connectionName, schemaName],
       queryFn: () =>
          apiClients.connections.listTables(
-            projectName,
+            environmentName,
             connectionName,
             schemaName,
          ),
@@ -376,7 +376,7 @@ function TablesInSchema({
             {isError && (
                <ApiErrorDisplay
                   error={error}
-                  context={`${projectName} > ${connectionName} > ${schemaName}`}
+                  context={`${environmentName} > ${connectionName} > ${schemaName}`}
                />
             )}
             {isSuccess && filteredTables.length === 0 && (

package/src/components/{Project → Environment}/DeletePackageDialog.tsx

@@ -32,11 +32,11 @@ export default function DeletePackageDialog({
       setOpen(false);
       onCloseDialog();
    };
-   const { projectName, packageName } = parseResourceUri(resourceUri);
+   const { environmentName, packageName } = parseResourceUri(resourceUri);
 
    const deletePackage = useMutationWithApiError({
       mutationFn: () =>
-         apiClients.packages.deletePackage(projectName, packageName),
+         apiClients.packages.deletePackage(environmentName, packageName),
       onSuccess() {
          handleClose();
          queryClient.invalidateQueries({ queryKey: ["packages"] });

package/src/components/{Project → Environment}/EditPackageDialog.tsx

@@ -1,19 +1,18 @@
-import React from "react";
+import { Edit } from "@mui/icons-material";
+import { ListItemIcon, ListItemText, MenuItem, Snackbar } from "@mui/material";
 import Button from "@mui/material/Button";
-import TextField from "@mui/material/TextField";
 import Dialog from "@mui/material/Dialog";
 import DialogActions from "@mui/material/DialogActions";
 import DialogContent from "@mui/material/DialogContent";
 import DialogContentText from "@mui/material/DialogContentText";
 import DialogTitle from "@mui/material/DialogTitle";
-import { useState } from "react";
-import { Edit } from "@mui/icons-material";
-import { MenuItem, ListItemIcon, ListItemText, Snackbar } from "@mui/material";
-import { Package } from "../../client";
+import TextField from "@mui/material/TextField";
 import { useQueryClient } from "@tanstack/react-query";
+import React, { useState } from "react";
+import { Package } from "../../client";
 import { useMutationWithApiError } from "../../hooks/useQueryWithApiError";
-import { useServer } from "../ServerProvider";
 import { parseResourceUri } from "../../utils/formatting";
+import { useServer } from "../ServerProvider";
 
 interface EditPackageDialogProps {
    package: Package;
@@ -40,18 +39,24 @@ export default function EditPackageDialog({
       onCloseDialog();
    };
 
-   const { packageName, projectName } = parseResourceUri(resourceUri);
+   const { packageName, environmentName } = parseResourceUri(resourceUri);
    const editPackage = useMutationWithApiError({
       async mutationFn(variables: { description: string }) {
-         return apiClients.packages.updatePackage(projectName, packageName, {
-            name: packageName,
-            description: variables.description,
-         });
+         return apiClients.packages.updatePackage(
+            environmentName,
+            packageName,
+            {
+               name: packageName,
+               description: variables.description,
+            },
+         );
       },
       onSuccess() {
          handleClose();
          setNotificationMessage("Package updated successfully");
-         queryClient.invalidateQueries({ queryKey: ["packages", projectName] });
+         queryClient.invalidateQueries({
+            queryKey: ["packages", environmentName],
+         });
       },
       onError(error) {
          setNotificationMessage(

package/src/components/{Project/Project.tsx → Environment/Environment.tsx}

@@ -1,23 +1,23 @@
 import { Box, Grid, Typography } from "@mui/material";
+import { useEffect } from "react";
 import { parseResourceUri } from "../../utils/formatting";
 import { useServer } from "../ServerProvider";
 import { PackageContainer } from "../styles";
 import About from "./About";
 import AddPackageDialog from "./AddPackageDialog";
 import Packages from "./Packages";
-import { useEffect } from "react";
 
-interface ProjectProps {
+interface EnvironmentProps {
    onSelectPackage: (to: string, event?: React.MouseEvent) => void;
    resourceUri: string;
 }
 
-export default function Project({
+export default function Environment({
    onSelectPackage,
    resourceUri,
-}: ProjectProps) {
+}: EnvironmentProps) {
    const { mutable } = useServer();
-   const { projectName } = parseResourceUri(resourceUri);
+   const { environmentName } = parseResourceUri(resourceUri);
 
    useEffect(() => {
       window.scrollTo({ top: 0, behavior: "auto" });
@@ -32,7 +32,7 @@ export default function Project({
                alignItems="center"
                mb={2}
             >
-               <Typography variant="h6">{projectName} packages</Typography>
+               <Typography variant="h6">{environmentName} packages</Typography>
                {mutable && <AddPackageDialog resourceUri={resourceUri} />}
             </Box>
             <Grid container spacing={3} columns={12}>

package/src/components/{Project → Environment}/Packages.tsx

@@ -45,6 +45,7 @@ const PackageMenu = ({
          {mutable && (
             <>
                <IconButton
+                  aria-label={`Package actions for ${p.name}`}
                   onClick={(event) => {
                      event.stopPropagation();
                      openMenu(event);
@@ -96,10 +97,10 @@ export default function Packages({
    resourceUri,
 }: PackagesProps) {
    const { apiClients } = useServer();
-   const { projectName: projectName } = parseResourceUri(resourceUri);
+   const { environmentName: environmentName } = parseResourceUri(resourceUri);
    const { data, isSuccess, isError, error } = useQueryWithApiError({
-      queryKey: ["packages", projectName],
-      queryFn: () => apiClients.packages.listPackages(projectName),
+      queryKey: ["packages", environmentName],
+      queryFn: () => apiClients.packages.listPackages(environmentName),
    });
 
    return (
@@ -113,7 +114,7 @@ export default function Packages({
                   })
                   .map((p) => {
                      const packageResourceUri = encodeResourceUri({
-                        projectName,
+                        environmentName,
                         packageName: p.name,
                      });
                      return (
@@ -183,7 +184,7 @@ export default function Packages({
          {isError && (
             <ApiErrorDisplay
                error={error}
-               context={`${projectName} > Packages`}
+               context={`${environmentName} > Packages`}
             />
          )}
       </>

package/src/components/Environment/index.ts

@@ -0,0 +1,2 @@
+export { default as Environment } from "./Environment";
+export { default as Packages } from "./Packages";

package/src/components/Home/{AddProjectDialog.tsx → AddEnvironmentDialog.tsx}

@@ -10,10 +10,10 @@ import TextField from "@mui/material/TextField";
 import { useQueryClient } from "@tanstack/react-query";
 import React, { useState } from "react";
 import { useMutationWithApiError } from "../../hooks/useQueryWithApiError";
-import { generateProjectReadme } from "../../utils/parsing";
+import { generateEnvironmentReadme } from "../../utils/parsing";
 import { useServer } from "../ServerProvider";
 
-export default function AddProjectDialog() {
+export default function AddEnvironmentDialog() {
    const [open, setOpen] = useState(false);
    const { apiClients } = useServer();
    const [notificationMessage, setNotificationMessage] = useState("");
@@ -25,11 +25,11 @@ export default function AddProjectDialog() {
       setOpen(false);
    };
    const queryClient = useQueryClient();
-   const addProject = useMutationWithApiError({
+   const addEnvironment = useMutationWithApiError({
       async mutationFn(variables: { name: string; description: string }) {
-         return apiClients.projects.createProject({
+         return apiClients.environments.createEnvironment({
             name: variables.name,
-            readme: generateProjectReadme(
+            readme: generateEnvironmentReadme(
                {
                   name: variables.name,
                   readme: "",
@@ -40,8 +40,8 @@ export default function AddProjectDialog() {
       },
       onSuccess() {
          handleClose();
-         queryClient.invalidateQueries({ queryKey: ["projects"] });
-         setNotificationMessage("Project created successfully");
+         queryClient.invalidateQueries({ queryKey: ["environments"] });
+         setNotificationMessage("Environment created successfully");
       },
       onError(error) {
          setNotificationMessage(
@@ -61,7 +61,7 @@ export default function AddProjectDialog() {
       if (!name) {
          throw new Error("Name is required");
       }
-      addProject.mutate({ name, description });
+      addEnvironment.mutate({ name, description });
    };
 
    return (
@@ -72,23 +72,23 @@ export default function AddProjectDialog() {
             startIcon={<AddCircleRounded />}
             sx={{ mt: 2, color: "white" }}
          >
-            Create New Project
+            Create New Environment
          </Button>
          <Dialog open={open} onClose={handleClose}>
-            <DialogTitle>Create New Project</DialogTitle>
+            <DialogTitle>Create New Environment</DialogTitle>
             <DialogContent>
                <DialogContentText>
-                  Add a new project to start exploring semantic models and
+                  Add a new environment to start exploring semantic models and
                   analyzing data.
                </DialogContentText>
-               <form onSubmit={handleSubmit} id="project-form">
+               <form onSubmit={handleSubmit} id="environment-form">
                   <TextField
                      autoFocus
                      required
                      margin="dense"
                      id="name"
                      name="name"
-                     label="Project Name"
+                     label="Environment Name"
                      type="text"
                      fullWidth
                      variant="standard"
@@ -97,7 +97,7 @@ export default function AddProjectDialog() {
                      margin="dense"
                      id="description"
                      name="description"
-                     label="Project Description"
+                     label="Environment Description"
                      placeholder="Explore semantic models, run queries, and build dashboards"
                      type="text"
                      fullWidth
@@ -106,15 +106,18 @@ export default function AddProjectDialog() {
                </form>
             </DialogContent>
             <DialogActions>
-               <Button disabled={addProject.isPending} onClick={handleClose}>
+               <Button
+                  disabled={addEnvironment.isPending}
+                  onClick={handleClose}
+               >
                   Cancel
                </Button>
                <Button
                   type="submit"
-                  form="project-form"
-                  loading={addProject.isPending}
+                  form="environment-form"
+                  loading={addEnvironment.isPending}
                >
-                  Create Project
+                  Create Environment
                </Button>
             </DialogActions>
          </Dialog>

package/src/components/Home/{DeleteProjectDialog.tsx → DeleteEnvironmentDialog.tsx}

@@ -9,16 +9,16 @@ import CloseIcon from "@mui/icons-material/Close";
 import Typography from "@mui/material/Typography";
 import { ListItemIcon, ListItemText, MenuItem, Snackbar } from "@mui/material";
 import { Delete } from "@mui/icons-material";
-import { Project } from "../../client";
+import { Environment } from "../../client";
 import { useMutationWithApiError } from "../../hooks/useQueryWithApiError";
 import { useServer } from "../ServerProvider";
 import { useQueryClient } from "@tanstack/react-query";
 
-export default function DeleteProjectDialog({
-   project,
+export default function DeleteEnvironmentDialog({
+   environment,
    onCloseDialog,
 }: {
-   project: Project;
+   environment: Environment;
    onCloseDialog: () => void;
 }) {
    const [open, setOpen] = useState(false);
@@ -33,12 +33,13 @@ export default function DeleteProjectDialog({
       onCloseDialog();
    };
 
-   const deleteProject = useMutationWithApiError({
-      mutationFn: () => apiClients.projects.deleteProject(project.name),
+   const deleteEnvironment = useMutationWithApiError({
+      mutationFn: () =>
+         apiClients.environments.deleteEnvironment(environment.name),
       onSuccess() {
          handleClose();
-         queryClient.invalidateQueries({ queryKey: ["projects"] });
-         setNotificationMessage("Project deleted successfully");
+         queryClient.invalidateQueries({ queryKey: ["environments"] });
+         setNotificationMessage("Environment deleted successfully");
       },
       onError(error) {
          setNotificationMessage(
@@ -63,7 +64,7 @@ export default function DeleteProjectDialog({
             open={open}
          >
             <DialogTitle sx={{ m: 0, p: 2 }} id="customized-dialog-title">
-               Delete Project
+               Delete Environment
             </DialogTitle>
             <IconButton
                aria-label="close"
@@ -79,8 +80,8 @@ export default function DeleteProjectDialog({
             </IconButton>
             <DialogContent dividers>
                <Typography gutterBottom>
-                  Are you sure you want to delete &quot;{project.name}&quot;?
-                  This action cannot be undone.
+                  Are you sure you want to delete &quot;{environment.name}
+                  &quot;? This action cannot be undone.
                </Typography>
             </DialogContent>
             <DialogActions>
@@ -95,10 +96,10 @@ export default function DeleteProjectDialog({
                   Cancel
                </Button>
                <Button
-                  loading={deleteProject.isPending}
+                  loading={deleteEnvironment.isPending}
                   variant="contained"
                   autoFocus
-                  onClick={() => deleteProject.mutate()}
+                  onClick={() => deleteEnvironment.mutate()}
                   color="error"
                >
                   Delete