diff --git a/web/e2e/utils/config.ts b/web/e2e/utils/config.ts
index 89f37289bd..8e457f5251 100644
--- a/web/e2e/utils/config.ts
+++ b/web/e2e/utils/config.ts
@@ -8,6 +8,7 @@ export const config = {
   authClientId: process.env["REEARTH_WEB_AUTH0_CLIENT_ID"],
   authUrl: process.env["REEARTH_WEB_AUTH0_DOMAIN"],
   signUpSecret: process.env["REEARTH_WEB_E2E_SIGNUP_SECRET"],
+  developerMode: process.env["REEARTH_WEB_DEVELOPER_MODE"],
 };
 
 export type Config = typeof config;
diff --git a/web/src/classic/components/atoms/Icon/Icons/defaultBetaProjectImage.png b/web/src/classic/components/atoms/Icon/Icons/defaultBetaProjectImage.png
new file mode 100644
index 0000000000..0e1b94e9f2
Binary files /dev/null and b/web/src/classic/components/atoms/Icon/Icons/defaultBetaProjectImage.png differ
diff --git a/web/src/classic/components/molecules/Dashboard/defaultProjectImage.jpg b/web/src/classic/components/atoms/Icon/Icons/defaultProjectImage.jpg
similarity index 100%
rename from web/src/classic/components/molecules/Dashboard/defaultProjectImage.jpg
rename to web/src/classic/components/atoms/Icon/Icons/defaultProjectImage.jpg
diff --git a/web/src/classic/components/molecules/Common/Header/types.ts b/web/src/classic/components/molecules/Common/Header/types.ts
index b3e297b715..d167256bdd 100644
--- a/web/src/classic/components/molecules/Common/Header/types.ts
+++ b/web/src/classic/components/molecules/Common/Header/types.ts
@@ -1,3 +1,5 @@
+import { ProjectType } from "@reearth/types";
+
 export type User = {
   name: string;
 };
@@ -15,4 +17,5 @@ export type Workspace = {
 export type Project = {
   id?: string;
   name?: string;
+  projectType?: ProjectType;
 };
diff --git a/web/src/classic/components/molecules/Common/ProjectCreationModal/index.tsx b/web/src/classic/components/molecules/Common/ProjectCreationModal/index.tsx
index 55df016bf0..c5ce975229 100644
--- a/web/src/classic/components/molecules/Common/ProjectCreationModal/index.tsx
+++ b/web/src/classic/components/molecules/Common/ProjectCreationModal/index.tsx
@@ -3,22 +3,26 @@ import React, { useCallback, useEffect } from "react";
 
 import Button from "@reearth/classic/components/atoms/Button";
 import Divider from "@reearth/classic/components/atoms/Divider";
+import defaultBetaProjectImage from "@reearth/classic/components/atoms/Icon/Icons/defaultBetaProjectImage.png";
+import defaultProjectImage from "@reearth/classic/components/atoms/Icon/Icons/defaultProjectImage.jpg";
 import Loading from "@reearth/classic/components/atoms/Loading";
 import Modal from "@reearth/classic/components/atoms/Modal";
 import Text from "@reearth/classic/components/atoms/Text";
-import defaultProjectImage from "@reearth/classic/components/molecules/Dashboard/defaultProjectImage.jpg";
 import { useT } from "@reearth/services/i18n";
 import { styled, useTheme } from "@reearth/services/theme";
 import fonts from "@reearth/services/theme/fonts";
+import { ProjectType } from "@reearth/types";
 
 export interface FormValues {
   name: string;
   description: string;
   imageUrl: string;
+  projectType: ProjectType;
 }
 
 export interface Props {
   open?: boolean;
+  projectType?: ProjectType;
   onClose?: (refetch?: boolean) => void;
   onSubmit?: (values: FormValues) => Promise<void> | void;
   selectedAsset?: string;
@@ -30,10 +34,12 @@ const initialValues: FormValues = {
   name: "",
   description: "",
   imageUrl: "",
+  projectType: "classic",
 };
 
 const ProjectCreationModal: React.FC<Props> = ({
   open,
+  projectType,
   onClose,
   onSubmit,
   selectedAsset,
@@ -62,7 +68,10 @@ const ProjectCreationModal: React.FC<Props> = ({
     if (selectedAsset) {
       formik.setFieldValue("imageUrl", selectedAsset);
     }
-  }, [selectedAsset]); // eslint-disable-line react-hooks/exhaustive-deps
+    if (projectType) {
+      formik.setFieldValue("projectType", projectType);
+    }
+  }, [selectedAsset, projectType]); // eslint-disable-line react-hooks/exhaustive-deps
 
   const handleCreate = useCallback(async () => {
     await formik.submitForm();
@@ -117,7 +126,11 @@ const ProjectCreationModal: React.FC<Props> = ({
           <Text size="s" color={theme.main.text} otherProperties={{ margin: "14px 0" }}>
             {t("Select thumbnail image")}
           </Text>
-          <Thumbnail url={formik.values.imageUrl} onClick={toggleAssetModal} />
+          <Thumbnail
+            url={formik.values.imageUrl}
+            projectType={projectType}
+            onClick={toggleAssetModal}
+          />
         </FormInputWrapper>
       </NewProjectForm>
       {assetModal}
@@ -156,8 +169,13 @@ const StyledTextArea = styled.textarea`
   padding: 5px;
 `;
 
-const Thumbnail = styled.div<{ url: string }>`
-  background-image: ${props => (props.url ? `url(${props.url})` : `url(${defaultProjectImage})`)};
+const Thumbnail = styled.div<{ url: string; projectType?: ProjectType }>`
+  background-image: ${props =>
+    props.url
+      ? `url(${props.url})`
+      : props.projectType === "beta"
+      ? `url(${defaultBetaProjectImage})`
+      : `url(${defaultProjectImage})`};
   background-size: cover;
   background-position: center;
   height: 242px;
diff --git a/web/src/classic/components/molecules/Common/ProjectTypeSelectionModal/index.stories.tsx b/web/src/classic/components/molecules/Common/ProjectTypeSelectionModal/index.stories.tsx
new file mode 100644
index 0000000000..e119aa9b44
--- /dev/null
+++ b/web/src/classic/components/molecules/Common/ProjectTypeSelectionModal/index.stories.tsx
@@ -0,0 +1,18 @@
+import { action } from "@storybook/addon-actions";
+import { Meta, Story } from "@storybook/react";
+
+import ProjectTypeSelectionModal, { Props } from ".";
+
+export default {
+  title: "molecules/common/ProjectTypeSelectionModal",
+  component: ProjectTypeSelectionModal,
+} as Meta;
+
+export const Default: Story<Props> = args => (
+  <ProjectTypeSelectionModal
+    {...args}
+    open
+    onClose={action("onClose")}
+    onSubmit={action("onSubmit")}
+  />
+);
diff --git a/web/src/classic/components/molecules/Common/ProjectTypeSelectionModal/index.tsx b/web/src/classic/components/molecules/Common/ProjectTypeSelectionModal/index.tsx
new file mode 100644
index 0000000000..78498804c4
--- /dev/null
+++ b/web/src/classic/components/molecules/Common/ProjectTypeSelectionModal/index.tsx
@@ -0,0 +1,104 @@
+import React, { useCallback } from "react";
+
+import Icon from "@reearth/classic/components/atoms/Icon";
+import Modal from "@reearth/classic/components/atoms/Modal";
+import Text from "@reearth/classic/components/atoms/Text";
+import { useT } from "@reearth/services/i18n";
+import { styled, useTheme } from "@reearth/services/theme";
+import { ProjectType } from "@reearth/types";
+
+export interface Props {
+  open?: boolean;
+  onClose?: () => void;
+  onSubmit?: (projectType: ProjectType) => void;
+}
+
+const ProjectTypeSelectionModal: React.FC<Props> = ({ open, onClose, onSubmit }) => {
+  const t = useT();
+  const theme = useTheme();
+  const handleTypeSelect = useCallback(
+    (projectType: ProjectType) => {
+      onSubmit?.(projectType);
+      onClose?.();
+    },
+    [onSubmit, onClose],
+  );
+
+  const handleCloseModal = useCallback(() => {
+    onClose?.();
+  }, [onClose]);
+
+  return (
+    <ModalWrapper isVisible={open} onClose={handleCloseModal}>
+      <TitleText size="xl" color={theme.other.white} weight={"bold"}>
+        {t("Choose Project Type")}
+      </TitleText>
+      <ProjectTypeContainer>
+        <ProjectTypeItem onClick={() => handleTypeSelect("classic")}>
+          <Icon icon="logo" size={101} />
+          <Text size="s" color={theme.other.white} weight={"bold"}>
+            {t("classic")}
+          </Text>
+          <HintText size="xs" color={theme.main.weak} weight="normal">
+            {t("Create project with classic UI")}
+          </HintText>
+        </ProjectTypeItem>
+        <ProjectTypeItem onClick={() => handleTypeSelect("beta")}>
+          <Icon icon="logoColorful" size={101} />
+          <Text size="s" color={theme.other.white} weight={"bold"}>
+            {t("Beta")}
+          </Text>
+          <HintText size="xs" color={theme.main.weak} weight="normal">
+            {t(
+              "Create project with the latest features and UI system (projects might break without prior notice)",
+            )}
+          </HintText>
+        </ProjectTypeItem>
+      </ProjectTypeContainer>
+    </ModalWrapper>
+  );
+};
+
+const ModalWrapper = styled(Modal)`
+  padding: 20px 32px 36px;
+  gap: 12px;
+  width: 756px;
+  height: 528px;
+`;
+
+const TitleText = styled(Text)`
+  margin-top: 56px;
+  text-align: center;
+`;
+const ProjectTypeContainer = styled.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: 32px 56px 32px 36px;
+  gap: 102px;
+  height: 373px;
+`;
+
+const ProjectTypeItem = styled.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 20px;
+  gap: 12px;
+  width: 194px;
+  height: 194px;
+  border: 1px dashed #4a4a4a;
+  cursor: pointer;
+`;
+
+const HintText = styled(Text)`
+  margin-top: 12px;
+  width: 154px;
+  height: 42px;
+  line-height: 14px;
+  text-align: center;
+`;
+
+export default ProjectTypeSelectionModal;
diff --git a/web/src/classic/components/molecules/Dashboard/Project.tsx b/web/src/classic/components/molecules/Dashboard/Project.tsx
index dcf63fd0dd..1dc90e35df 100644
--- a/web/src/classic/components/molecules/Dashboard/Project.tsx
+++ b/web/src/classic/components/molecules/Dashboard/Project.tsx
@@ -6,17 +6,18 @@ import { useMedia } from "react-use";
 
 import Button from "@reearth/classic/components/atoms/Button";
 import Flex from "@reearth/classic/components/atoms/Flex";
+import defaultBetaProjectImage from "@reearth/classic/components/atoms/Icon/Icons/defaultBetaProjectImage.png";
+import defaultProjectImage from "@reearth/classic/components/atoms/Icon/Icons/defaultProjectImage.jpg";
 import PublicationStatus from "@reearth/classic/components/atoms/PublicationStatus";
 import Text from "@reearth/classic/components/atoms/Text";
-import { Project as ProjectType } from "@reearth/classic/components/molecules/Dashboard/types";
+import { Project as ProjectObjType } from "@reearth/classic/components/molecules/Dashboard/types";
 import { useT } from "@reearth/services/i18n";
 import { styled, useTheme } from "@reearth/services/theme";
-
-import defaultProjectImage from "./defaultProjectImage.jpg";
+import { ProjectType } from "@reearth/types";
 
 export type Props = {
   className?: string;
-  project: ProjectType;
+  project: ProjectObjType;
 };
 
 const Project: React.FC<Props> = ({ className, project }) => {
@@ -39,6 +40,7 @@ const Project: React.FC<Props> = ({ className, project }) => {
     <StyledWrapper className={className}>
       <Block
         projectImage={image}
+        projectType={project.projectType}
         onMouseEnter={() => setHover(true)}
         onMouseLeave={() => setHover(false)}>
         <Content isHovered={isHovered}>
@@ -47,7 +49,10 @@ const Project: React.FC<Props> = ({ className, project }) => {
           </Text>
           <Actions isHovered={isHovered}>
             <ButtonWrapper>
-              <StyledLink to={`/edit/${sceneId}`}>
+              <StyledLink
+                to={
+                  project.projectType === "beta" ? `/scene/${sceneId}/scene` : `/edit/${sceneId}`
+                }>
                 <Button large buttonType="primary" icon="earthEditor" />
               </StyledLink>
               <Button large buttonType="primary" icon="preview" onClick={onPreviewOpen} />
@@ -86,13 +91,17 @@ const StyledWrapper = styled.div`
   }
 `;
 
-const Block = styled.div<{ projectImage?: string | null }>`
+const Block = styled.div<{ projectImage?: string | null; projectType?: ProjectType }>`
   display: flex;
   height: 238px;
   border-radius: 12px;
   margin: 7px;
-  background-image: ${({ projectImage }) =>
-    projectImage ? `url(${projectImage})` : `url(${defaultProjectImage})`};
+  background-image: ${({ projectImage, projectType }) =>
+    projectImage
+      ? `url(${projectImage})`
+      : projectType === "beta"
+      ? `url(${defaultBetaProjectImage})`
+      : `url(${defaultProjectImage})`};
   background-size: cover;
   background-position: center;
   ${({ projectImage }) => !projectImage && "background-size: 560px 290px;"}
diff --git a/web/src/classic/components/molecules/Dashboard/QuickStart.tsx b/web/src/classic/components/molecules/Dashboard/QuickStart.tsx
index 61e3fae974..86e1cc4977 100644
--- a/web/src/classic/components/molecules/Dashboard/QuickStart.tsx
+++ b/web/src/classic/components/molecules/Dashboard/QuickStart.tsx
@@ -10,6 +10,9 @@ import WorkspaceCreationModal from "@reearth/classic/components/molecules/Common
 import { useT } from "@reearth/services/i18n";
 import { styled, useTheme, metrics, css } from "@reearth/services/theme";
 import { metricsSizes } from "@reearth/services/theme/metrics";
+import { ProjectType } from "@reearth/types";
+
+import ProjectTypeSelectionModal from "../Common/ProjectTypeSelectionModal";
 
 export interface Props {
   className?: string;
@@ -20,6 +23,7 @@ export interface Props {
     name: string;
     description: string;
     imageUrl: string;
+    projectType: ProjectType;
   }) => Promise<void>;
   toggleAssetModal?: () => void;
   onAssetSelect?: (asset?: string) => void;
@@ -36,17 +40,32 @@ const QuickStart: React.FC<Props> = ({
 }) => {
   const documentationUrl = window.REEARTH_CONFIG?.documentationUrl;
   const t = useT();
-  const [projCreateOpen, setProjCreateOpen] = useState(false);
+  const [prjCreateOpen, setPrjCreateOpen] = useState(false);
+  const [prjTypeSelectOpen, setPrjTypeSelectOpen] = useState(false);
   const [workCreateOpen, setWorkCreateOpen] = useState(false);
+  const [prjectType, setPrjectType] = useState<ProjectType>("classic");
+  const theme = useTheme();
+  const isSmallWindow = useMedia("(max-width: 1024px)");
+
+  const handleCreateProjectClick = useCallback(() => {
+    if (window.REEARTH_CONFIG?.developerMode) setPrjTypeSelectOpen(true);
+    else setPrjCreateOpen(true);
+  }, []);
 
   const handleProjModalClose = useCallback(() => {
-    setProjCreateOpen(false);
+    setPrjCreateOpen(false);
     onAssetSelect?.();
   }, [onAssetSelect]);
 
-  const theme = useTheme();
+  const handlePrjTypeSelectModalClose = useCallback(() => {
+    setPrjTypeSelectOpen(false);
+    setPrjCreateOpen(true);
+  }, []);
 
-  const isSmallWindow = useMedia("(max-width: 1024px)");
+  const handleProjectTypeSelect = (type: ProjectType) => {
+    setPrjectType(type);
+    setPrjCreateOpen(true);
+  };
 
   return (
     <StyledDashboardBlock className={className} grow={4}>
@@ -71,7 +90,7 @@ const QuickStart: React.FC<Props> = ({
             align="center"
             justify="center"
             linearGradient={window.REEARTH_CONFIG?.brand?.background}
-            onClick={() => setProjCreateOpen(true)}>
+            onClick={handleCreateProjectClick}>
             <StyledIcon icon="newProject" size={70} />
             <Text size="m" weight="bold" customColor>
               {t("New project")}
@@ -89,8 +108,14 @@ const QuickStart: React.FC<Props> = ({
           </BannerButton>
         </Flex>
       </Content>
+      <ProjectTypeSelectionModal
+        open={prjTypeSelectOpen}
+        onClose={handlePrjTypeSelectModalClose}
+        onSubmit={handleProjectTypeSelect}
+      />
       <ProjectCreationModal
-        open={projCreateOpen}
+        open={prjCreateOpen}
+        projectType={prjectType}
         onClose={handleProjModalClose}
         onSubmit={onProjectCreate}
         toggleAssetModal={toggleAssetModal}
diff --git a/web/src/classic/components/molecules/Dashboard/types.ts b/web/src/classic/components/molecules/Dashboard/types.ts
index 4a858e1cd9..6da62ccaf1 100644
--- a/web/src/classic/components/molecules/Dashboard/types.ts
+++ b/web/src/classic/components/molecules/Dashboard/types.ts
@@ -1,4 +1,5 @@
 import { Status as StatusType } from "@reearth/classic/components/atoms/PublicationStatus";
+import { ProjectType } from "@reearth/types";
 
 export type User = {
   name: string;
@@ -32,4 +33,5 @@ export type Project = {
   description: string;
   sceneId?: string;
   updatedAt?: string;
+  projectType?: ProjectType;
 };
diff --git a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/LocationField/index.tsx b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/LocationField/index.tsx
index a50de433de..7fef2e2c07 100644
--- a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/LocationField/index.tsx
+++ b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/LocationField/index.tsx
@@ -41,7 +41,11 @@ const LocationField: React.FC<Props> = ({
         name={t("Latitude")}
         value={value?.lat}
         onChange={v =>
-          onChange && v !== undefined && !isNaN(v) && onChange({ lat: v, lng: value?.lng ?? 0 })
+          onChange &&
+          v !== undefined &&
+          v !== null &&
+          !isNaN(v) &&
+          onChange({ lat: v, lng: value?.lng ?? 0 })
         }
         linked={linked}
         overridden={overridden}
@@ -53,7 +57,11 @@ const LocationField: React.FC<Props> = ({
         name={t("Longitude")}
         value={value?.lng}
         onChange={v =>
-          onChange && v !== undefined && !isNaN(v) && onChange({ lat: value?.lat ?? 0, lng: v })
+          onChange &&
+          v !== undefined &&
+          v !== null &&
+          !isNaN(v) &&
+          onChange({ lat: value?.lat ?? 0, lng: v })
         }
         linked={linked}
         overridden={overridden}
diff --git a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/NumberField/index.tsx b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/NumberField/index.tsx
index f82dd05ca4..16b42824bc 100644
--- a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/NumberField/index.tsx
+++ b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyField/NumberField/index.tsx
@@ -7,7 +7,7 @@ import { metricsSizes } from "@reearth/services/theme/metrics";
 
 import { FieldProps } from "../types";
 
-export type Props = FieldProps<number> & {
+export type Props = FieldProps<number | null> & {
   suffix?: string;
   range?: boolean;
   min?: number;
diff --git a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyItem/index.tsx b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyItem/index.tsx
index fc8d91f07c..4172145fdc 100644
--- a/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyItem/index.tsx
+++ b/web/src/classic/components/molecules/EarthEditor/PropertyPane/PropertyItem/index.tsx
@@ -93,7 +93,7 @@ export type WidgetAreaState = {
   area: "top" | "middle" | "bottom";
   align?: WidgetAlignment;
   padding?: WidgetAreaPadding;
-  gap?: number;
+  gap?: number | null;
   centered?: boolean;
   background?: string;
 };
diff --git a/web/src/classic/components/molecules/EarthEditor/PropertyPane/WidgetAlignSystemAreaForm/index.tsx b/web/src/classic/components/molecules/EarthEditor/PropertyPane/WidgetAlignSystemAreaForm/index.tsx
index 9e3c23ec82..349135510e 100644
--- a/web/src/classic/components/molecules/EarthEditor/PropertyPane/WidgetAlignSystemAreaForm/index.tsx
+++ b/web/src/classic/components/molecules/EarthEditor/PropertyPane/WidgetAlignSystemAreaForm/index.tsx
@@ -33,7 +33,7 @@ const WidgetAlignSystemAreaForm: React.FC<Props> = ({ selectedWidgetArea, onArea
                 suffix="px"
                 min={0}
                 value={selectedWidgetArea.padding?.top}
-                onChange={(value?: number) =>
+                onChange={(value?: number | null) =>
                   onAreaStateChange?.({
                     ...selectedWidgetArea,
                     padding: {
@@ -52,7 +52,7 @@ const WidgetAlignSystemAreaForm: React.FC<Props> = ({ selectedWidgetArea, onArea
                 suffix="px"
                 min={0}
                 value={selectedWidgetArea.padding?.left}
-                onChange={(value?: number) =>
+                onChange={(value?: number | null) =>
                   onAreaStateChange?.({
                     ...selectedWidgetArea,
                     padding: {
@@ -68,7 +68,7 @@ const WidgetAlignSystemAreaForm: React.FC<Props> = ({ selectedWidgetArea, onArea
                 suffix="px"
                 min={0}
                 value={selectedWidgetArea.padding?.right}
-                onChange={(value?: number) =>
+                onChange={(value?: number | null) =>
                   onAreaStateChange?.({
                     ...selectedWidgetArea,
                     padding: {
@@ -86,7 +86,7 @@ const WidgetAlignSystemAreaForm: React.FC<Props> = ({ selectedWidgetArea, onArea
                 suffix="px"
                 min={0}
                 value={selectedWidgetArea.padding?.bottom}
-                onChange={(value?: number) =>
+                onChange={(value?: number | null) =>
                   onAreaStateChange?.({
                     ...selectedWidgetArea,
                     padding: {
@@ -112,7 +112,7 @@ const WidgetAlignSystemAreaForm: React.FC<Props> = ({ selectedWidgetArea, onArea
             suffix="px"
             min={0}
             value={selectedWidgetArea.gap}
-            onChange={(value?: number) =>
+            onChange={(value?: number | null) =>
               onAreaStateChange?.({
                 ...selectedWidgetArea,
                 gap: value,
diff --git a/web/src/classic/components/molecules/Settings/Project/EditableItem/index.tsx b/web/src/classic/components/molecules/Settings/Project/EditableItem/index.tsx
index 3940daf23d..04798d12dd 100644
--- a/web/src/classic/components/molecules/Settings/Project/EditableItem/index.tsx
+++ b/web/src/classic/components/molecules/Settings/Project/EditableItem/index.tsx
@@ -2,8 +2,8 @@ import React, { useState, useCallback } from "react";
 
 import Avatar from "@reearth/classic/components/atoms/Avatar";
 import Icon from "@reearth/classic/components/atoms/Icon";
+import defaultProjectImage from "@reearth/classic/components/atoms/Icon/Icons/defaultProjectImage.jpg";
 import TextBox from "@reearth/classic/components/atoms/TextBox";
-import defaultProjectImage from "@reearth/classic/components/molecules/Dashboard/defaultProjectImage.jpg";
 import Field from "@reearth/classic/components/molecules/Settings/Field";
 import SelectField from "@reearth/classic/components/molecules/Settings/SelectField";
 import { styled } from "@reearth/services/theme";
diff --git a/web/src/classic/components/molecules/Settings/ProjectList/ProjectCell/defaultProjectImage.jpg b/web/src/classic/components/molecules/Settings/ProjectList/ProjectCell/defaultProjectImage.jpg
deleted file mode 100644
index 4432ce210a..0000000000
Binary files a/web/src/classic/components/molecules/Settings/ProjectList/ProjectCell/defaultProjectImage.jpg and /dev/null differ
diff --git a/web/src/classic/components/molecules/Settings/ProjectList/ProjectCell/index.tsx b/web/src/classic/components/molecules/Settings/ProjectList/ProjectCell/index.tsx
index 9e07e85b9f..eace638ab9 100644
--- a/web/src/classic/components/molecules/Settings/ProjectList/ProjectCell/index.tsx
+++ b/web/src/classic/components/molecules/Settings/ProjectList/ProjectCell/index.tsx
@@ -1,6 +1,8 @@
 import React, { useState } from "react";
 
 // Components
+import defaultBetaProjectImage from "@reearth/classic/components/atoms/Icon/Icons/defaultBetaProjectImage.png";
+import defaultProjectImage from "@reearth/classic/components/atoms/Icon/Icons/defaultProjectImage.jpg";
 import PublicationStatus, {
   Status as StatusType,
 } from "@reearth/classic/components/atoms/PublicationStatus";
@@ -8,8 +10,7 @@ import Text from "@reearth/classic/components/atoms/Text";
 import { useT } from "@reearth/services/i18n";
 import { styled, useTheme } from "@reearth/services/theme";
 import { metricsSizes } from "@reearth/services/theme/metrics";
-
-import defaultProjectImage from "./defaultProjectImage.jpg";
+import { ProjectType } from "@reearth/types";
 
 export type Status = StatusType;
 
@@ -21,6 +22,7 @@ export type Project = {
   isArchived?: boolean;
   description: string;
   sceneId?: string;
+  projectType?: ProjectType;
 };
 
 export type Props = {
@@ -66,7 +68,11 @@ const ProjectCell: React.FC<Props> = ({ project, onSelect }) => {
 
 const StyledWrapper = styled.div<{ project: Project }>`
   background: ${props =>
-    props.project.imageUrl ? `url(${props.project.imageUrl})` : `url(${defaultProjectImage})`};
+    props.project.imageUrl
+      ? `url(${props.project.imageUrl})`
+      : props.project.projectType === "beta"
+      ? `url(${defaultBetaProjectImage})`
+      : `url(${defaultProjectImage})`};
   background-size: ${props => (props.project.imageUrl ? "cover" : "400px 240px")};
   background-position: center;
   box-shadow: 0 0 5px ${props => props.theme.projectCell.shadow};
diff --git a/web/src/classic/components/molecules/Settings/SettingPage/index.tsx b/web/src/classic/components/molecules/Settings/SettingPage/index.tsx
index 20bd048fcb..fcaf907729 100644
--- a/web/src/classic/components/molecules/Settings/SettingPage/index.tsx
+++ b/web/src/classic/components/molecules/Settings/SettingPage/index.tsx
@@ -45,7 +45,8 @@ const SettingPage: React.FC<SettingPageProps> = ({
         currentWorkspace={currentWorkspace}
         icon={
           currentProject && (
-            <StyledLink to={`/edit/${sceneId}`}>
+            <StyledLink
+              to={currentProject.projectType === "beta" ? `/scene/${sceneId}` : `/edit/${sceneId}`}>
               <StyledIcon icon="earthEditor" size={25} />
             </StyledLink>
           )
diff --git a/web/src/classic/components/molecules/Visualizer/WidgetAlignSystem/hooks.ts b/web/src/classic/components/molecules/Visualizer/WidgetAlignSystem/hooks.ts
index 82471e3f2b..be9c353e0e 100644
--- a/web/src/classic/components/molecules/Visualizer/WidgetAlignSystem/hooks.ts
+++ b/web/src/classic/components/molecules/Visualizer/WidgetAlignSystem/hooks.ts
@@ -21,7 +21,7 @@ export type WidgetArea = {
   align?: Alignment;
   padding?: WidgetAreaPadding;
   widgets?: Widget[];
-  gap?: number;
+  gap?: number | null;
   centered?: boolean;
   background?: string;
 };
diff --git a/web/src/classic/components/organisms/Dashboard/hooks.ts b/web/src/classic/components/organisms/Dashboard/hooks.ts
index 0f4c1cb384..597f1ffbf3 100644
--- a/web/src/classic/components/organisms/Dashboard/hooks.ts
+++ b/web/src/classic/components/organisms/Dashboard/hooks.ts
@@ -22,6 +22,7 @@ import {
   useNotification,
   useSessionWorkspace,
 } from "@reearth/services/state";
+import { ProjectType } from "@reearth/types";
 
 export type ProjectNodes = NonNullable<GetProjectsQuery["projects"]["nodes"][number]>[];
 
@@ -38,6 +39,7 @@ export default (workspaceId?: string) => {
   const { data, refetch } = useGetMeQuery();
   const [modalShown, setModalShown] = useState(false);
   const handleModalOpen = useCallback(() => setModalShown(true), []);
+
   const t = useT();
   const navigate = useNavigate();
 
@@ -156,6 +158,7 @@ export default (workspaceId?: string) => {
               isArchived: project.isArchived,
               sceneId: project.scene?.id,
               updatedAt: project.updatedAt.toString(),
+              projectType: project.coreSupport ? "beta" : "classic",
             }
           : undefined,
       )
@@ -184,7 +187,12 @@ export default (workspaceId?: string) => {
   const [createNewProject] = useCreateProjectMutation();
   const [createScene] = useCreateSceneMutation({ refetchQueries: ["GetProjects"] });
   const handleProjectCreate = useCallback(
-    async (data: { name: string; description: string; imageUrl: string | null }) => {
+    async (data: {
+      name: string;
+      description: string;
+      imageUrl: string | null;
+      projectType: ProjectType;
+    }) => {
       if (!workspaceId) return;
       const project = await createNewProject({
         variables: {
@@ -193,6 +201,7 @@ export default (workspaceId?: string) => {
           name: data.name,
           description: data.description,
           imageUrl: data.imageUrl,
+          coreSupport: data.projectType === "beta" ? true : false,
         },
       });
       if (project.errors || !project.data?.createProject) {
diff --git a/web/src/classic/components/organisms/EarthEditor/PropertyPane/hooks.ts b/web/src/classic/components/organisms/EarthEditor/PropertyPane/hooks.ts
index 306de4196a..ba961183e4 100644
--- a/web/src/classic/components/organisms/EarthEditor/PropertyPane/hooks.ts
+++ b/web/src/classic/components/organisms/EarthEditor/PropertyPane/hooks.ts
@@ -58,7 +58,7 @@ export type WidgetAreaState = {
   area: "top" | "middle" | "bottom";
   align?: WidgetAlignment;
   padding?: WidgetAreaPadding;
-  gap?: number;
+  gap?: number | null;
   centered?: boolean;
   background?: string;
 };
diff --git a/web/src/classic/components/organisms/Published/core/types.ts b/web/src/classic/components/organisms/Published/core/types.ts
index bbcb435bc0..2889aae9ac 100644
--- a/web/src/classic/components/organisms/Published/core/types.ts
+++ b/web/src/classic/components/organisms/Published/core/types.ts
@@ -84,7 +84,7 @@ export type WidgetArea = {
   widgetIds: string[];
   align: WidgetAlignment;
   padding?: WidgetAreaPadding;
-  gap?: number;
+  gap?: number | null;
   centered?: boolean;
   background?: string;
 };
diff --git a/web/src/classic/components/organisms/Published/types.ts b/web/src/classic/components/organisms/Published/types.ts
index bbcb435bc0..2889aae9ac 100644
--- a/web/src/classic/components/organisms/Published/types.ts
+++ b/web/src/classic/components/organisms/Published/types.ts
@@ -84,7 +84,7 @@ export type WidgetArea = {
   widgetIds: string[];
   align: WidgetAlignment;
   padding?: WidgetAreaPadding;
-  gap?: number;
+  gap?: number | null;
   centered?: boolean;
   background?: string;
 };
diff --git a/web/src/classic/components/organisms/Settings/ProjectList/hooks.ts b/web/src/classic/components/organisms/Settings/ProjectList/hooks.ts
index e51ea323f1..479090b8fc 100644
--- a/web/src/classic/components/organisms/Settings/ProjectList/hooks.ts
+++ b/web/src/classic/components/organisms/Settings/ProjectList/hooks.ts
@@ -19,6 +19,7 @@ import {
   useNotification,
   useSessionWorkspace,
 } from "@reearth/services/state";
+import { ProjectType } from "@reearth/types";
 
 const toPublishmentStatus = (s: PublishmentStatus) =>
   s === PublishmentStatus.Public
@@ -35,6 +36,8 @@ export default (workspaceId: string) => {
   const [, setNotification] = useNotification();
   const [currentWorkspace, setWorkspace] = useSessionWorkspace();
   const [lastWorkspace, setLastWorkspace] = useWorkspace();
+  const [prjectType, setPrjectType] = useState<ProjectType>("classic");
+  const [prjTypeSelectOpen, setPrjTypeSelectOpen] = useState(false);
 
   const [, setProject] = useProject();
   const navigate = useNavigate();
@@ -42,7 +45,10 @@ export default (workspaceId: string) => {
   const gqlCache = useApolloClient().cache;
 
   const [modalShown, setModalShown] = useState(false);
-  const openModal = useCallback(() => setModalShown(true), []);
+  const openModal = useCallback(() => {
+    if (window.REEARTH_CONFIG?.developerMode) setPrjTypeSelectOpen(true);
+    else setModalShown(true);
+  }, []);
 
   const { data, loading, refetch } = useGetMeQuery();
   const [createNewProject] = useCreateProjectMutation({
@@ -92,6 +98,7 @@ export default (workspaceId: string) => {
             isArchived: project.isArchived,
             status: toPublishmentStatus(project.publishmentStatus),
             sceneId: project.scene?.id,
+            projectType: project.coreSupport ? "beta" : "classic",
           }
         : undefined,
     )
@@ -128,7 +135,12 @@ export default (workspaceId: string) => {
 
   // Submit Form
   const createProject = useCallback(
-    async (data: { name: string; description: string; imageUrl: string | null }) => {
+    async (data: {
+      name: string;
+      description: string;
+      imageUrl: string | null;
+      projectType: ProjectType;
+    }) => {
       if (!workspaceId) return;
       const project = await createNewProject({
         variables: {
@@ -137,6 +149,7 @@ export default (workspaceId: string) => {
           name: data.name,
           description: data.description,
           imageUrl: data.imageUrl,
+          coreSupport: data.projectType === "beta" ? true : false,
         },
       });
       if (project.errors || !project.data?.createProject) {
@@ -196,6 +209,16 @@ export default (workspaceId: string) => {
     };
   }, [gqlCache]);
 
+  const handlePrjTypeSelectModalClose = useCallback(() => {
+    setPrjTypeSelectOpen(false);
+    setModalShown(true);
+  }, []);
+
+  const handleProjectTypeSelect = (type: ProjectType) => {
+    setPrjectType(type);
+    setModalShown(true);
+  };
+
   return {
     currentProjects,
     totalProjects,
@@ -205,6 +228,8 @@ export default (workspaceId: string) => {
     loading,
     modalShown,
     openModal,
+    prjectType,
+    prjTypeSelectOpen,
     handleModalClose,
     createProject,
     selectProject,
@@ -213,5 +238,7 @@ export default (workspaceId: string) => {
     toggleAssetModal,
     onAssetSelect,
     handleGetMoreProjects,
+    handlePrjTypeSelectModalClose,
+    handleProjectTypeSelect,
   };
 };
diff --git a/web/src/classic/components/organisms/Settings/ProjectList/index.tsx b/web/src/classic/components/organisms/Settings/ProjectList/index.tsx
index fc8caad23f..d0001d444c 100644
--- a/web/src/classic/components/organisms/Settings/ProjectList/index.tsx
+++ b/web/src/classic/components/organisms/Settings/ProjectList/index.tsx
@@ -4,6 +4,7 @@ import Button from "@reearth/classic/components/atoms/Button";
 import Loading from "@reearth/classic/components/atoms/Loading";
 import TabSection from "@reearth/classic/components/atoms/TabSection";
 import ProjectCreationModal from "@reearth/classic/components/molecules/Common/ProjectCreationModal";
+import ProjectTypeSelectionModal from "@reearth/classic/components/molecules/Common/ProjectTypeSelectionModal";
 import MoleculeProjectList from "@reearth/classic/components/molecules/Settings/ProjectList/ProjectList";
 import SettingsHeader from "@reearth/classic/components/molecules/Settings/SettingsHeader";
 import AssetModal from "@reearth/classic/components/organisms/Common/AssetModal";
@@ -26,6 +27,8 @@ const ProjectList: React.FC<Props> = ({ workspaceId }) => {
     hasMoreProjects,
     modalShown,
     openModal,
+    prjectType,
+    prjTypeSelectOpen,
     handleModalClose,
     createProject,
     selectProject,
@@ -34,6 +37,8 @@ const ProjectList: React.FC<Props> = ({ workspaceId }) => {
     toggleAssetModal,
     onAssetSelect,
     handleGetMoreProjects,
+    handlePrjTypeSelectModalClose,
+    handleProjectTypeSelect,
   } = useHooks(workspaceId);
 
   type Tab = "Working";
@@ -63,12 +68,18 @@ const ProjectList: React.FC<Props> = ({ workspaceId }) => {
           ),
         }}
       </TabSection>
+      <ProjectTypeSelectionModal
+        open={prjTypeSelectOpen}
+        onClose={handlePrjTypeSelectModalClose}
+        onSubmit={handleProjectTypeSelect}
+      />
       <ProjectCreationModal
         open={modalShown}
         onClose={handleModalClose}
         onSubmit={createProject}
         toggleAssetModal={toggleAssetModal}
         selectedAsset={selectedAsset}
+        projectType={prjectType}
         assetModal={
           <AssetModal
             workspaceId={workspaceId}
diff --git a/web/src/classic/components/organisms/Settings/SettingPage/hooks.ts b/web/src/classic/components/organisms/Settings/SettingPage/hooks.ts
index 0797f42765..eec2a7844e 100644
--- a/web/src/classic/components/organisms/Settings/SettingPage/hooks.ts
+++ b/web/src/classic/components/organisms/Settings/SettingPage/hooks.ts
@@ -84,6 +84,7 @@ export default (params: Params) => {
               name: project.name,
               isArchived: project.isArchived,
               sceneId: project.scene?.id,
+              projectType: project.coreSupport ? "beta" : "classic",
             }
           : undefined
         : p,
diff --git a/web/src/classic/core/Crust/Widgets/WidgetAlignSystem/Area.tsx b/web/src/classic/core/Crust/Widgets/WidgetAlignSystem/Area.tsx
index a6942a6c29..9564321717 100644
--- a/web/src/classic/core/Crust/Widgets/WidgetAlignSystem/Area.tsx
+++ b/web/src/classic/core/Crust/Widgets/WidgetAlignSystem/Area.tsx
@@ -22,7 +22,7 @@ export type WidgetAreaType = {
   align?: Alignment;
   padding?: WidgetAreaPadding;
   widgets?: InternalWidget[];
-  gap?: number;
+  gap?: number | null;
   centered?: boolean;
   background?: string;
 };
@@ -35,7 +35,7 @@ type Props = {
   align?: Alignment;
   padding?: WidgetAreaPadding;
   backgroundColor?: string;
-  gap?: number;
+  gap?: number | null;
   centered?: boolean;
   built?: boolean;
   widgets?: InternalWidget[];
@@ -112,7 +112,7 @@ export default function Area({
           ? `${padding?.top}px ${padding?.right}px ${padding?.bottom}px ${padding?.left}px`
           : "0",
         backgroundColor: backgroundColor,
-        gap: gap,
+        gap: gap ?? 0,
         alignItems: centered ? "center" : "unset",
         borderRadius: 0,
         transition: built ? "none" : undefined,
@@ -132,7 +132,7 @@ export default function Area({
             : area === "middle"
             ? `1px solid ${theme.alignSystem.blueHighlight}`
             : `1px solid ${theme.alignSystem.orangeHighlight}`,
-        gap: gap,
+        gap: gap ?? 0,
         alignItems: centered ? "center" : "unset",
       }}
       iconColor={area === "middle" ? "#4770FF" : "#E95518"}>
diff --git a/web/src/classic/core/Crust/Widgets/WidgetAlignSystem/types.ts b/web/src/classic/core/Crust/Widgets/WidgetAlignSystem/types.ts
index 972f32618c..62ea49e0d6 100644
--- a/web/src/classic/core/Crust/Widgets/WidgetAlignSystem/types.ts
+++ b/web/src/classic/core/Crust/Widgets/WidgetAlignSystem/types.ts
@@ -18,7 +18,7 @@ export type WidgetArea = {
   align?: Alignment;
   padding?: WidgetAreaPadding;
   widgets?: InternalWidget[];
-  gap?: number;
+  gap?: number | null;
   centered?: boolean;
   background?: string;
 };
diff --git a/web/src/services/config/index.ts b/web/src/services/config/index.ts
index 426f48fc17..550951246c 100644
--- a/web/src/services/config/index.ts
+++ b/web/src/services/config/index.ts
@@ -15,6 +15,7 @@ export type Config = {
   sentryDsn?: string;
   sentryEnv?: string;
   cesiumIonAccessToken?: string;
+  developerMode?: boolean;
   brand?: {
     logoUrl?: string;
     background?: string;
@@ -63,6 +64,7 @@ export const defaultConfig: Config = {
   auth0Audience: "http://localhost:8080",
   auth0Domain: "http://localhost:8080",
   auth0ClientId: "reearth-authsrv-client-default",
+  developerMode: true,
   policy: {
     modalTitle: {
       en: "Re:Earth Cloud",
diff --git a/web/src/services/gql/fragments/project.ts b/web/src/services/gql/fragments/project.ts
index 3b953be6a4..fb1c7cce06 100644
--- a/web/src/services/gql/fragments/project.ts
+++ b/web/src/services/gql/fragments/project.ts
@@ -16,5 +16,6 @@ export const projectFragment = gql`
     alias
     publishmentStatus
     updatedAt
+    coreSupport
   }
 `;
diff --git a/web/src/services/gql/graphql-client-api.tsx b/web/src/services/gql/graphql-client-api.tsx
index 23cd57e32c..50ff2b0c6b 100644
--- a/web/src/services/gql/graphql-client-api.tsx
+++ b/web/src/services/gql/graphql-client-api.tsx
@@ -240,6 +240,7 @@ export type CreateInfoboxPayload = {
 export type CreateProjectInput = {
   alias?: InputMaybe<Scalars['String']>;
   archived?: InputMaybe<Scalars['Boolean']>;
+  coreSupport?: InputMaybe<Scalars['Boolean']>;
   description?: InputMaybe<Scalars['String']>;
   imageUrl?: InputMaybe<Scalars['URL']>;
   name?: InputMaybe<Scalars['String']>;
@@ -1264,6 +1265,7 @@ export type Project = Node & {
   alias: Scalars['String'];
   basicAuthPassword: Scalars['String'];
   basicAuthUsername: Scalars['String'];
+  coreSupport: Scalars['Boolean'];
   createdAt: Scalars['DateTime'];
   description: Scalars['String'];
   id: Scalars['ID'];
@@ -2142,8 +2144,8 @@ export type WidgetArea = {
   align: WidgetAreaAlign;
   background?: Maybe<Scalars['String']>;
   centered: Scalars['Boolean'];
-  gap: Scalars['Int'];
-  padding: WidgetAreaPadding;
+  gap?: Maybe<Scalars['Int']>;
+  padding?: Maybe<WidgetAreaPadding>;
   widgetIds: Array<Scalars['ID']>;
 };
 
@@ -2226,13 +2228,13 @@ export enum WidgetZoneType {
   Outer = 'OUTER'
 }
 
-export type WidgetAlignSystemFragmentFragment = { __typename?: 'WidgetAlignSystem', outer?: { __typename?: 'WidgetZone', left?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null } | null, center?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null } | null, right?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null } | null } | null, inner?: { __typename?: 'WidgetZone', left?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null } | null, center?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null } | null, right?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null } | null } | null };
+export type WidgetAlignSystemFragmentFragment = { __typename?: 'WidgetAlignSystem', outer?: { __typename?: 'WidgetZone', left?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null } | null, center?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null } | null, right?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null } | null } | null, inner?: { __typename?: 'WidgetZone', left?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null } | null, center?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null } | null, right?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null } | null } | null };
 
-export type WidgetZoneFragmentFragment = { __typename?: 'WidgetZone', left?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null } | null, center?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null } | null, right?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null } | null };
+export type WidgetZoneFragmentFragment = { __typename?: 'WidgetZone', left?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null } | null, center?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null } | null, right?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null } | null };
 
-export type WidgetSectionFragmentFragment = { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null };
+export type WidgetSectionFragmentFragment = { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null };
 
-export type WidgetAreaFragmentFragment = { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } };
+export type WidgetAreaFragmentFragment = { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null };
 
 export type DatasetFragmentFragment = { __typename?: 'Dataset', id: string, source: string, schemaId: string, name?: string | null, fields: Array<{ __typename?: 'DatasetField', fieldId: string, type: ValueType, value?: any | null, field?: { __typename?: 'DatasetSchemaField', id: string, name: string } | null }> };
 
@@ -2364,7 +2366,7 @@ export type Layer5FragmentFragment = Layer5Fragment_LayerGroup_Fragment | Layer5
 
 export type PluginFragmentFragment = { __typename?: 'Plugin', id: string, name: string, extensions: Array<{ __typename?: 'PluginExtension', extensionId: string, type: PluginExtensionType, name: string, description: string, icon: string, translatedName: string }> };
 
-export type ProjectFragmentFragment = { __typename?: 'Project', id: string, name: string, description: string, imageUrl?: string | null, isArchived: boolean, isBasicAuthActive: boolean, basicAuthUsername: string, basicAuthPassword: string, publicTitle: string, publicDescription: string, publicImage: string, alias: string, publishmentStatus: PublishmentStatus, updatedAt: Date };
+export type ProjectFragmentFragment = { __typename?: 'Project', id: string, name: string, description: string, imageUrl?: string | null, isArchived: boolean, isBasicAuthActive: boolean, basicAuthUsername: string, basicAuthPassword: string, publicTitle: string, publicDescription: string, publicImage: string, alias: string, publishmentStatus: PublishmentStatus, updatedAt: Date, coreSupport: boolean };
 
 export type PropertySchemaGroupFragmentFragment = { __typename?: 'PropertySchemaGroup', schemaGroupId: string, title?: string | null, translatedTitle: string, isList: boolean, representativeFieldId?: string | null, isAvailableIf?: { __typename?: 'PropertyCondition', fieldId: string, type: ValueType, value?: any | null } | null, fields: Array<{ __typename?: 'PropertySchemaField', fieldId: string, title: string, description: string, translatedTitle: string, translatedDescription: string, prefix?: string | null, suffix?: string | null, type: ValueType, defaultValue?: any | null, ui?: PropertySchemaFieldUi | null, min?: number | null, max?: number | null, choices?: Array<{ __typename?: 'PropertySchemaFieldChoice', key: string, icon?: string | null, title: string, translatedTitle: string }> | null, isAvailableIf?: { __typename?: 'PropertyCondition', fieldId: string, type: ValueType, value?: any | null } | null }> };
 
@@ -2736,14 +2738,14 @@ export type GetProjectQueryVariables = Exact<{
 }>;
 
 
-export type GetProjectQuery = { __typename?: 'Query', node?: { __typename?: 'Asset', id: string } | { __typename?: 'Dataset', id: string } | { __typename?: 'DatasetSchema', id: string } | { __typename?: 'DatasetSchemaField', id: string } | { __typename?: 'Project', id: string, name: string, description: string, imageUrl?: string | null, isArchived: boolean, isBasicAuthActive: boolean, basicAuthUsername: string, basicAuthPassword: string, publicTitle: string, publicDescription: string, publicImage: string, alias: string, publishmentStatus: PublishmentStatus, updatedAt: Date } | { __typename?: 'Property', id: string } | { __typename?: 'Scene', id: string } | { __typename?: 'Team', id: string } | { __typename?: 'User', id: string } | null };
+export type GetProjectQuery = { __typename?: 'Query', node?: { __typename?: 'Asset', id: string } | { __typename?: 'Dataset', id: string } | { __typename?: 'DatasetSchema', id: string } | { __typename?: 'DatasetSchemaField', id: string } | { __typename?: 'Project', id: string, name: string, description: string, imageUrl?: string | null, isArchived: boolean, isBasicAuthActive: boolean, basicAuthUsername: string, basicAuthPassword: string, publicTitle: string, publicDescription: string, publicImage: string, alias: string, publishmentStatus: PublishmentStatus, updatedAt: Date, coreSupport: boolean } | { __typename?: 'Property', id: string } | { __typename?: 'Scene', id: string } | { __typename?: 'Team', id: string } | { __typename?: 'User', id: string } | null };
 
 export type GetProjectWithSceneIdQueryVariables = Exact<{
   projectId: Scalars['ID'];
 }>;
 
 
-export type GetProjectWithSceneIdQuery = { __typename?: 'Query', node?: { __typename?: 'Asset', id: string } | { __typename?: 'Dataset', id: string } | { __typename?: 'DatasetSchema', id: string } | { __typename?: 'DatasetSchemaField', id: string } | { __typename?: 'Project', id: string, name: string, description: string, imageUrl?: string | null, isArchived: boolean, isBasicAuthActive: boolean, basicAuthUsername: string, basicAuthPassword: string, publicTitle: string, publicDescription: string, publicImage: string, alias: string, publishmentStatus: PublishmentStatus, updatedAt: Date, scene?: { __typename?: 'Scene', id: string } | null } | { __typename?: 'Property', id: string } | { __typename?: 'Scene', id: string } | { __typename?: 'Team', id: string } | { __typename?: 'User', id: string } | null };
+export type GetProjectWithSceneIdQuery = { __typename?: 'Query', node?: { __typename?: 'Asset', id: string } | { __typename?: 'Dataset', id: string } | { __typename?: 'DatasetSchema', id: string } | { __typename?: 'DatasetSchemaField', id: string } | { __typename?: 'Project', id: string, name: string, description: string, imageUrl?: string | null, isArchived: boolean, isBasicAuthActive: boolean, basicAuthUsername: string, basicAuthPassword: string, publicTitle: string, publicDescription: string, publicImage: string, alias: string, publishmentStatus: PublishmentStatus, updatedAt: Date, coreSupport: boolean, scene?: { __typename?: 'Scene', id: string } | null } | { __typename?: 'Property', id: string } | { __typename?: 'Scene', id: string } | { __typename?: 'Team', id: string } | { __typename?: 'User', id: string } | null };
 
 export type GetProjectBySceneQueryVariables = Exact<{
   sceneId: Scalars['ID'];
@@ -2771,7 +2773,7 @@ export type GetProjectsQueryVariables = Exact<{
 }>;
 
 
-export type GetProjectsQuery = { __typename?: 'Query', projects: { __typename?: 'ProjectConnection', totalCount: number, edges: Array<{ __typename?: 'ProjectEdge', node?: { __typename?: 'Project', id: string, name: string, description: string, imageUrl?: string | null, isArchived: boolean, isBasicAuthActive: boolean, basicAuthUsername: string, basicAuthPassword: string, publicTitle: string, publicDescription: string, publicImage: string, alias: string, publishmentStatus: PublishmentStatus, updatedAt: Date, scene?: { __typename?: 'Scene', id: string } | null } | null }>, nodes: Array<{ __typename?: 'Project', id: string, name: string, description: string, imageUrl?: string | null, isArchived: boolean, isBasicAuthActive: boolean, basicAuthUsername: string, basicAuthPassword: string, publicTitle: string, publicDescription: string, publicImage: string, alias: string, publishmentStatus: PublishmentStatus, updatedAt: Date, scene?: { __typename?: 'Scene', id: string } | null } | null>, pageInfo: { __typename?: 'PageInfo', endCursor?: string | null, hasNextPage: boolean, hasPreviousPage: boolean, startCursor?: string | null } } };
+export type GetProjectsQuery = { __typename?: 'Query', projects: { __typename?: 'ProjectConnection', totalCount: number, edges: Array<{ __typename?: 'ProjectEdge', node?: { __typename?: 'Project', id: string, name: string, description: string, imageUrl?: string | null, isArchived: boolean, isBasicAuthActive: boolean, basicAuthUsername: string, basicAuthPassword: string, publicTitle: string, publicDescription: string, publicImage: string, alias: string, publishmentStatus: PublishmentStatus, updatedAt: Date, coreSupport: boolean, scene?: { __typename?: 'Scene', id: string } | null } | null }>, nodes: Array<{ __typename?: 'Project', id: string, name: string, description: string, imageUrl?: string | null, isArchived: boolean, isBasicAuthActive: boolean, basicAuthUsername: string, basicAuthPassword: string, publicTitle: string, publicDescription: string, publicImage: string, alias: string, publishmentStatus: PublishmentStatus, updatedAt: Date, coreSupport: boolean, scene?: { __typename?: 'Scene', id: string } | null } | null>, pageInfo: { __typename?: 'PageInfo', endCursor?: string | null, hasNextPage: boolean, hasPreviousPage: boolean, startCursor?: string | null } } };
 
 export type CheckProjectAliasQueryVariables = Exact<{
   alias: Scalars['String'];
@@ -2786,10 +2788,11 @@ export type CreateProjectMutationVariables = Exact<{
   name: Scalars['String'];
   description: Scalars['String'];
   imageUrl?: InputMaybe<Scalars['URL']>;
+  coreSupport?: InputMaybe<Scalars['Boolean']>;
 }>;
 
 
-export type CreateProjectMutation = { __typename?: 'Mutation', createProject?: { __typename?: 'ProjectPayload', project: { __typename?: 'Project', id: string, name: string, description: string, imageUrl?: string | null } } | null };
+export type CreateProjectMutation = { __typename?: 'Mutation', createProject?: { __typename?: 'ProjectPayload', project: { __typename?: 'Project', id: string, name: string, description: string, imageUrl?: string | null, coreSupport: boolean } } | null };
 
 export type DeleteProjectMutationVariables = Exact<{
   projectId: Scalars['ID'];
@@ -2811,7 +2814,7 @@ export type UpdateProjectMutationVariables = Exact<{
 }>;
 
 
-export type UpdateProjectMutation = { __typename?: 'Mutation', updateProject?: { __typename?: 'ProjectPayload', project: { __typename?: 'Project', id: string, name: string, description: string, imageUrl?: string | null, isArchived: boolean, isBasicAuthActive: boolean, basicAuthUsername: string, basicAuthPassword: string, publicTitle: string, publicDescription: string, publicImage: string, alias: string, publishmentStatus: PublishmentStatus, updatedAt: Date } } | null };
+export type UpdateProjectMutation = { __typename?: 'Mutation', updateProject?: { __typename?: 'ProjectPayload', project: { __typename?: 'Project', id: string, name: string, description: string, imageUrl?: string | null, isArchived: boolean, isBasicAuthActive: boolean, basicAuthUsername: string, basicAuthPassword: string, publicTitle: string, publicDescription: string, publicImage: string, alias: string, publishmentStatus: PublishmentStatus, updatedAt: Date, coreSupport: boolean } } | null };
 
 export type UpdateProjectBasicAuthMutationVariables = Exact<{
   projectId: Scalars['ID'];
@@ -3128,7 +3131,7 @@ export type GetEarthWidgetsQueryVariables = Exact<{
 }>;
 
 
-export type GetEarthWidgetsQuery = { __typename?: 'Query', node?: { __typename?: 'Asset', id: string } | { __typename?: 'Dataset', id: string } | { __typename?: 'DatasetSchema', id: string } | { __typename?: 'DatasetSchemaField', id: string } | { __typename?: 'Project', id: string } | { __typename?: 'Property', id: string } | { __typename?: 'Scene', id: string, project?: { __typename?: 'Project', id: string, publicTitle: string } | null, property?: { __typename?: 'Property', id: string, schema?: { __typename?: 'PropertySchema', id: string, groups: Array<{ __typename?: 'PropertySchemaGroup', schemaGroupId: string, title?: string | null, translatedTitle: string, isList: boolean, representativeFieldId?: string | null, isAvailableIf?: { __typename?: 'PropertyCondition', fieldId: string, type: ValueType, value?: any | null } | null, fields: Array<{ __typename?: 'PropertySchemaField', fieldId: string, title: string, description: string, translatedTitle: string, translatedDescription: string, prefix?: string | null, suffix?: string | null, type: ValueType, defaultValue?: any | null, ui?: PropertySchemaFieldUi | null, min?: number | null, max?: number | null, choices?: Array<{ __typename?: 'PropertySchemaFieldChoice', key: string, icon?: string | null, title: string, translatedTitle: string }> | null, isAvailableIf?: { __typename?: 'PropertyCondition', fieldId: string, type: ValueType, value?: any | null } | null }> }> } | null, items: Array<{ __typename?: 'PropertyGroup', id: string, schemaGroupId: string, fields: Array<{ __typename?: 'PropertyField', id: string, fieldId: string, type: ValueType, value?: any | null, links?: Array<{ __typename?: 'PropertyFieldLink', datasetId?: string | null, datasetSchemaId: string, datasetSchemaFieldId: string, datasetSchema?: { __typename?: 'DatasetSchema', id: string, name: string } | null, dataset?: { __typename?: 'Dataset', id: string, name?: string | null } | null, datasetSchemaField?: { __typename?: 'DatasetSchemaField', id: string, name: string } | null }> | null }> } | { __typename?: 'PropertyGroupList', id: string, schemaGroupId: string, groups: Array<{ __typename?: 'PropertyGroup', id: string, schemaGroupId: string, fields: Array<{ __typename?: 'PropertyField', id: string, fieldId: string, type: ValueType, value?: any | null, links?: Array<{ __typename?: 'PropertyFieldLink', datasetId?: string | null, datasetSchemaId: string, datasetSchemaFieldId: string, datasetSchema?: { __typename?: 'DatasetSchema', id: string, name: string } | null, dataset?: { __typename?: 'Dataset', id: string, name?: string | null } | null, datasetSchemaField?: { __typename?: 'DatasetSchemaField', id: string, name: string } | null }> | null }> }> }> } | null, clusters: Array<{ __typename?: 'Cluster', id: string, name: string, propertyId: string, property?: { __typename?: 'Property', id: string, schema?: { __typename?: 'PropertySchema', id: string, groups: Array<{ __typename?: 'PropertySchemaGroup', schemaGroupId: string, title?: string | null, translatedTitle: string, isList: boolean, representativeFieldId?: string | null, isAvailableIf?: { __typename?: 'PropertyCondition', fieldId: string, type: ValueType, value?: any | null } | null, fields: Array<{ __typename?: 'PropertySchemaField', fieldId: string, title: string, description: string, translatedTitle: string, translatedDescription: string, prefix?: string | null, suffix?: string | null, type: ValueType, defaultValue?: any | null, ui?: PropertySchemaFieldUi | null, min?: number | null, max?: number | null, choices?: Array<{ __typename?: 'PropertySchemaFieldChoice', key: string, icon?: string | null, title: string, translatedTitle: string }> | null, isAvailableIf?: { __typename?: 'PropertyCondition', fieldId: string, type: ValueType, value?: any | null } | null }> }> } | null, items: Array<{ __typename?: 'PropertyGroup', id: string, schemaGroupId: string, fields: Array<{ __typename?: 'PropertyField', id: string, fieldId: string, type: ValueType, value?: any | null, links?: Array<{ __typename?: 'PropertyFieldLink', datasetId?: string | null, datasetSchemaId: string, datasetSchemaFieldId: string, datasetSchema?: { __typename?: 'DatasetSchema', id: string, name: string } | null, dataset?: { __typename?: 'Dataset', id: string, name?: string | null } | null, datasetSchemaField?: { __typename?: 'DatasetSchemaField', id: string, name: string } | null }> | null }> } | { __typename?: 'PropertyGroupList', id: string, schemaGroupId: string, groups: Array<{ __typename?: 'PropertyGroup', id: string, schemaGroupId: string, fields: Array<{ __typename?: 'PropertyField', id: string, fieldId: string, type: ValueType, value?: any | null, links?: Array<{ __typename?: 'PropertyFieldLink', datasetId?: string | null, datasetSchemaId: string, datasetSchemaFieldId: string, datasetSchema?: { __typename?: 'DatasetSchema', id: string, name: string } | null, dataset?: { __typename?: 'Dataset', id: string, name?: string | null } | null, datasetSchemaField?: { __typename?: 'DatasetSchemaField', id: string, name: string } | null }> | null }> }> }> } | null }>, tags: Array<{ __typename?: 'TagGroup', id: string, label: string, tags: Array<{ __typename?: 'TagItem', id: string, label: string }> } | { __typename?: 'TagItem', id: string, label: string }>, plugins: Array<{ __typename?: 'ScenePlugin', pluginId: string, property?: { __typename?: 'Property', id: string, schema?: { __typename?: 'PropertySchema', id: string, groups: Array<{ __typename?: 'PropertySchemaGroup', schemaGroupId: string, title?: string | null, translatedTitle: string, isList: boolean, representativeFieldId?: string | null, isAvailableIf?: { __typename?: 'PropertyCondition', fieldId: string, type: ValueType, value?: any | null } | null, fields: Array<{ __typename?: 'PropertySchemaField', fieldId: string, title: string, description: string, translatedTitle: string, translatedDescription: string, prefix?: string | null, suffix?: string | null, type: ValueType, defaultValue?: any | null, ui?: PropertySchemaFieldUi | null, min?: number | null, max?: number | null, choices?: Array<{ __typename?: 'PropertySchemaFieldChoice', key: string, icon?: string | null, title: string, translatedTitle: string }> | null, isAvailableIf?: { __typename?: 'PropertyCondition', fieldId: string, type: ValueType, value?: any | null } | null }> }> } | null, items: Array<{ __typename?: 'PropertyGroup', id: string, schemaGroupId: string, fields: Array<{ __typename?: 'PropertyField', id: string, fieldId: string, type: ValueType, value?: any | null, links?: Array<{ __typename?: 'PropertyFieldLink', datasetId?: string | null, datasetSchemaId: string, datasetSchemaFieldId: string, datasetSchema?: { __typename?: 'DatasetSchema', id: string, name: string } | null, dataset?: { __typename?: 'Dataset', id: string, name?: string | null } | null, datasetSchemaField?: { __typename?: 'DatasetSchemaField', id: string, name: string } | null }> | null }> } | { __typename?: 'PropertyGroupList', id: string, schemaGroupId: string, groups: Array<{ __typename?: 'PropertyGroup', id: string, schemaGroupId: string, fields: Array<{ __typename?: 'PropertyField', id: string, fieldId: string, type: ValueType, value?: any | null, links?: Array<{ __typename?: 'PropertyFieldLink', datasetId?: string | null, datasetSchemaId: string, datasetSchemaFieldId: string, datasetSchema?: { __typename?: 'DatasetSchema', id: string, name: string } | null, dataset?: { __typename?: 'Dataset', id: string, name?: string | null } | null, datasetSchemaField?: { __typename?: 'DatasetSchemaField', id: string, name: string } | null }> | null }> }> }> } | null, plugin?: { __typename?: 'Plugin', id: string, extensions: Array<{ __typename?: 'PluginExtension', extensionId: string, type: PluginExtensionType, widgetLayout?: { __typename?: 'WidgetLayout', floating: boolean, extended: boolean, extendable: { __typename?: 'WidgetExtendable', vertically: boolean, horizontally: boolean }, defaultLocation?: { __typename?: 'WidgetLocation', zone: WidgetZoneType, section: WidgetSectionType, area: WidgetAreaType } | null } | null }> } | null }>, widgets: Array<{ __typename?: 'SceneWidget', id: string, enabled: boolean, extended: boolean, pluginId: string, extensionId: string, property?: { __typename?: 'Property', id: string, schema?: { __typename?: 'PropertySchema', id: string, groups: Array<{ __typename?: 'PropertySchemaGroup', schemaGroupId: string, title?: string | null, translatedTitle: string, isList: boolean, representativeFieldId?: string | null, isAvailableIf?: { __typename?: 'PropertyCondition', fieldId: string, type: ValueType, value?: any | null } | null, fields: Array<{ __typename?: 'PropertySchemaField', fieldId: string, title: string, description: string, translatedTitle: string, translatedDescription: string, prefix?: string | null, suffix?: string | null, type: ValueType, defaultValue?: any | null, ui?: PropertySchemaFieldUi | null, min?: number | null, max?: number | null, choices?: Array<{ __typename?: 'PropertySchemaFieldChoice', key: string, icon?: string | null, title: string, translatedTitle: string }> | null, isAvailableIf?: { __typename?: 'PropertyCondition', fieldId: string, type: ValueType, value?: any | null } | null }> }> } | null, items: Array<{ __typename?: 'PropertyGroup', id: string, schemaGroupId: string, fields: Array<{ __typename?: 'PropertyField', id: string, fieldId: string, type: ValueType, value?: any | null, links?: Array<{ __typename?: 'PropertyFieldLink', datasetId?: string | null, datasetSchemaId: string, datasetSchemaFieldId: string, datasetSchema?: { __typename?: 'DatasetSchema', id: string, name: string } | null, dataset?: { __typename?: 'Dataset', id: string, name?: string | null } | null, datasetSchemaField?: { __typename?: 'DatasetSchemaField', id: string, name: string } | null }> | null }> } | { __typename?: 'PropertyGroupList', id: string, schemaGroupId: string, groups: Array<{ __typename?: 'PropertyGroup', id: string, schemaGroupId: string, fields: Array<{ __typename?: 'PropertyField', id: string, fieldId: string, type: ValueType, value?: any | null, links?: Array<{ __typename?: 'PropertyFieldLink', datasetId?: string | null, datasetSchemaId: string, datasetSchemaFieldId: string, datasetSchema?: { __typename?: 'DatasetSchema', id: string, name: string } | null, dataset?: { __typename?: 'Dataset', id: string, name?: string | null } | null, datasetSchemaField?: { __typename?: 'DatasetSchemaField', id: string, name: string } | null }> | null }> }> }> } | null }>, widgetAlignSystem?: { __typename?: 'WidgetAlignSystem', outer?: { __typename?: 'WidgetZone', left?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null } | null, center?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null } | null, right?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null } | null } | null, inner?: { __typename?: 'WidgetZone', left?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null } | null, center?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null } | null, right?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null } | null } | null } | null } | { __typename?: 'Team', id: string } | { __typename?: 'User', id: string } | null };
+export type GetEarthWidgetsQuery = { __typename?: 'Query', node?: { __typename?: 'Asset', id: string } | { __typename?: 'Dataset', id: string } | { __typename?: 'DatasetSchema', id: string } | { __typename?: 'DatasetSchemaField', id: string } | { __typename?: 'Project', id: string } | { __typename?: 'Property', id: string } | { __typename?: 'Scene', id: string, project?: { __typename?: 'Project', id: string, publicTitle: string } | null, property?: { __typename?: 'Property', id: string, schema?: { __typename?: 'PropertySchema', id: string, groups: Array<{ __typename?: 'PropertySchemaGroup', schemaGroupId: string, title?: string | null, translatedTitle: string, isList: boolean, representativeFieldId?: string | null, isAvailableIf?: { __typename?: 'PropertyCondition', fieldId: string, type: ValueType, value?: any | null } | null, fields: Array<{ __typename?: 'PropertySchemaField', fieldId: string, title: string, description: string, translatedTitle: string, translatedDescription: string, prefix?: string | null, suffix?: string | null, type: ValueType, defaultValue?: any | null, ui?: PropertySchemaFieldUi | null, min?: number | null, max?: number | null, choices?: Array<{ __typename?: 'PropertySchemaFieldChoice', key: string, icon?: string | null, title: string, translatedTitle: string }> | null, isAvailableIf?: { __typename?: 'PropertyCondition', fieldId: string, type: ValueType, value?: any | null } | null }> }> } | null, items: Array<{ __typename?: 'PropertyGroup', id: string, schemaGroupId: string, fields: Array<{ __typename?: 'PropertyField', id: string, fieldId: string, type: ValueType, value?: any | null, links?: Array<{ __typename?: 'PropertyFieldLink', datasetId?: string | null, datasetSchemaId: string, datasetSchemaFieldId: string, datasetSchema?: { __typename?: 'DatasetSchema', id: string, name: string } | null, dataset?: { __typename?: 'Dataset', id: string, name?: string | null } | null, datasetSchemaField?: { __typename?: 'DatasetSchemaField', id: string, name: string } | null }> | null }> } | { __typename?: 'PropertyGroupList', id: string, schemaGroupId: string, groups: Array<{ __typename?: 'PropertyGroup', id: string, schemaGroupId: string, fields: Array<{ __typename?: 'PropertyField', id: string, fieldId: string, type: ValueType, value?: any | null, links?: Array<{ __typename?: 'PropertyFieldLink', datasetId?: string | null, datasetSchemaId: string, datasetSchemaFieldId: string, datasetSchema?: { __typename?: 'DatasetSchema', id: string, name: string } | null, dataset?: { __typename?: 'Dataset', id: string, name?: string | null } | null, datasetSchemaField?: { __typename?: 'DatasetSchemaField', id: string, name: string } | null }> | null }> }> }> } | null, clusters: Array<{ __typename?: 'Cluster', id: string, name: string, propertyId: string, property?: { __typename?: 'Property', id: string, schema?: { __typename?: 'PropertySchema', id: string, groups: Array<{ __typename?: 'PropertySchemaGroup', schemaGroupId: string, title?: string | null, translatedTitle: string, isList: boolean, representativeFieldId?: string | null, isAvailableIf?: { __typename?: 'PropertyCondition', fieldId: string, type: ValueType, value?: any | null } | null, fields: Array<{ __typename?: 'PropertySchemaField', fieldId: string, title: string, description: string, translatedTitle: string, translatedDescription: string, prefix?: string | null, suffix?: string | null, type: ValueType, defaultValue?: any | null, ui?: PropertySchemaFieldUi | null, min?: number | null, max?: number | null, choices?: Array<{ __typename?: 'PropertySchemaFieldChoice', key: string, icon?: string | null, title: string, translatedTitle: string }> | null, isAvailableIf?: { __typename?: 'PropertyCondition', fieldId: string, type: ValueType, value?: any | null } | null }> }> } | null, items: Array<{ __typename?: 'PropertyGroup', id: string, schemaGroupId: string, fields: Array<{ __typename?: 'PropertyField', id: string, fieldId: string, type: ValueType, value?: any | null, links?: Array<{ __typename?: 'PropertyFieldLink', datasetId?: string | null, datasetSchemaId: string, datasetSchemaFieldId: string, datasetSchema?: { __typename?: 'DatasetSchema', id: string, name: string } | null, dataset?: { __typename?: 'Dataset', id: string, name?: string | null } | null, datasetSchemaField?: { __typename?: 'DatasetSchemaField', id: string, name: string } | null }> | null }> } | { __typename?: 'PropertyGroupList', id: string, schemaGroupId: string, groups: Array<{ __typename?: 'PropertyGroup', id: string, schemaGroupId: string, fields: Array<{ __typename?: 'PropertyField', id: string, fieldId: string, type: ValueType, value?: any | null, links?: Array<{ __typename?: 'PropertyFieldLink', datasetId?: string | null, datasetSchemaId: string, datasetSchemaFieldId: string, datasetSchema?: { __typename?: 'DatasetSchema', id: string, name: string } | null, dataset?: { __typename?: 'Dataset', id: string, name?: string | null } | null, datasetSchemaField?: { __typename?: 'DatasetSchemaField', id: string, name: string } | null }> | null }> }> }> } | null }>, tags: Array<{ __typename?: 'TagGroup', id: string, label: string, tags: Array<{ __typename?: 'TagItem', id: string, label: string }> } | { __typename?: 'TagItem', id: string, label: string }>, plugins: Array<{ __typename?: 'ScenePlugin', pluginId: string, property?: { __typename?: 'Property', id: string, schema?: { __typename?: 'PropertySchema', id: string, groups: Array<{ __typename?: 'PropertySchemaGroup', schemaGroupId: string, title?: string | null, translatedTitle: string, isList: boolean, representativeFieldId?: string | null, isAvailableIf?: { __typename?: 'PropertyCondition', fieldId: string, type: ValueType, value?: any | null } | null, fields: Array<{ __typename?: 'PropertySchemaField', fieldId: string, title: string, description: string, translatedTitle: string, translatedDescription: string, prefix?: string | null, suffix?: string | null, type: ValueType, defaultValue?: any | null, ui?: PropertySchemaFieldUi | null, min?: number | null, max?: number | null, choices?: Array<{ __typename?: 'PropertySchemaFieldChoice', key: string, icon?: string | null, title: string, translatedTitle: string }> | null, isAvailableIf?: { __typename?: 'PropertyCondition', fieldId: string, type: ValueType, value?: any | null } | null }> }> } | null, items: Array<{ __typename?: 'PropertyGroup', id: string, schemaGroupId: string, fields: Array<{ __typename?: 'PropertyField', id: string, fieldId: string, type: ValueType, value?: any | null, links?: Array<{ __typename?: 'PropertyFieldLink', datasetId?: string | null, datasetSchemaId: string, datasetSchemaFieldId: string, datasetSchema?: { __typename?: 'DatasetSchema', id: string, name: string } | null, dataset?: { __typename?: 'Dataset', id: string, name?: string | null } | null, datasetSchemaField?: { __typename?: 'DatasetSchemaField', id: string, name: string } | null }> | null }> } | { __typename?: 'PropertyGroupList', id: string, schemaGroupId: string, groups: Array<{ __typename?: 'PropertyGroup', id: string, schemaGroupId: string, fields: Array<{ __typename?: 'PropertyField', id: string, fieldId: string, type: ValueType, value?: any | null, links?: Array<{ __typename?: 'PropertyFieldLink', datasetId?: string | null, datasetSchemaId: string, datasetSchemaFieldId: string, datasetSchema?: { __typename?: 'DatasetSchema', id: string, name: string } | null, dataset?: { __typename?: 'Dataset', id: string, name?: string | null } | null, datasetSchemaField?: { __typename?: 'DatasetSchemaField', id: string, name: string } | null }> | null }> }> }> } | null, plugin?: { __typename?: 'Plugin', id: string, extensions: Array<{ __typename?: 'PluginExtension', extensionId: string, type: PluginExtensionType, widgetLayout?: { __typename?: 'WidgetLayout', floating: boolean, extended: boolean, extendable: { __typename?: 'WidgetExtendable', vertically: boolean, horizontally: boolean }, defaultLocation?: { __typename?: 'WidgetLocation', zone: WidgetZoneType, section: WidgetSectionType, area: WidgetAreaType } | null } | null }> } | null }>, widgets: Array<{ __typename?: 'SceneWidget', id: string, enabled: boolean, extended: boolean, pluginId: string, extensionId: string, property?: { __typename?: 'Property', id: string, schema?: { __typename?: 'PropertySchema', id: string, groups: Array<{ __typename?: 'PropertySchemaGroup', schemaGroupId: string, title?: string | null, translatedTitle: string, isList: boolean, representativeFieldId?: string | null, isAvailableIf?: { __typename?: 'PropertyCondition', fieldId: string, type: ValueType, value?: any | null } | null, fields: Array<{ __typename?: 'PropertySchemaField', fieldId: string, title: string, description: string, translatedTitle: string, translatedDescription: string, prefix?: string | null, suffix?: string | null, type: ValueType, defaultValue?: any | null, ui?: PropertySchemaFieldUi | null, min?: number | null, max?: number | null, choices?: Array<{ __typename?: 'PropertySchemaFieldChoice', key: string, icon?: string | null, title: string, translatedTitle: string }> | null, isAvailableIf?: { __typename?: 'PropertyCondition', fieldId: string, type: ValueType, value?: any | null } | null }> }> } | null, items: Array<{ __typename?: 'PropertyGroup', id: string, schemaGroupId: string, fields: Array<{ __typename?: 'PropertyField', id: string, fieldId: string, type: ValueType, value?: any | null, links?: Array<{ __typename?: 'PropertyFieldLink', datasetId?: string | null, datasetSchemaId: string, datasetSchemaFieldId: string, datasetSchema?: { __typename?: 'DatasetSchema', id: string, name: string } | null, dataset?: { __typename?: 'Dataset', id: string, name?: string | null } | null, datasetSchemaField?: { __typename?: 'DatasetSchemaField', id: string, name: string } | null }> | null }> } | { __typename?: 'PropertyGroupList', id: string, schemaGroupId: string, groups: Array<{ __typename?: 'PropertyGroup', id: string, schemaGroupId: string, fields: Array<{ __typename?: 'PropertyField', id: string, fieldId: string, type: ValueType, value?: any | null, links?: Array<{ __typename?: 'PropertyFieldLink', datasetId?: string | null, datasetSchemaId: string, datasetSchemaFieldId: string, datasetSchema?: { __typename?: 'DatasetSchema', id: string, name: string } | null, dataset?: { __typename?: 'Dataset', id: string, name?: string | null } | null, datasetSchemaField?: { __typename?: 'DatasetSchemaField', id: string, name: string } | null }> | null }> }> }> } | null }>, widgetAlignSystem?: { __typename?: 'WidgetAlignSystem', outer?: { __typename?: 'WidgetZone', left?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null } | null, center?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null } | null, right?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null } | null } | null, inner?: { __typename?: 'WidgetZone', left?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null } | null, center?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null } | null, right?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null } | null } | null } | null } | { __typename?: 'Team', id: string } | { __typename?: 'User', id: string } | null };
 
 export type AddWidgetMutationVariables = Exact<{
   sceneId: Scalars['ID'];
@@ -3171,7 +3174,7 @@ export type UpdateWidgetAlignSystemMutationVariables = Exact<{
 }>;
 
 
-export type UpdateWidgetAlignSystemMutation = { __typename?: 'Mutation', updateWidgetAlignSystem?: { __typename?: 'UpdateWidgetAlignSystemPayload', scene: { __typename?: 'Scene', id: string, widgets: Array<{ __typename?: 'SceneWidget', id: string, enabled: boolean, pluginId: string, extensionId: string, propertyId: string }>, widgetAlignSystem?: { __typename?: 'WidgetAlignSystem', outer?: { __typename?: 'WidgetZone', left?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null } | null, center?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null } | null, right?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null } | null } | null, inner?: { __typename?: 'WidgetZone', left?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null } | null, center?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null } | null, right?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap: number, centered: boolean, background?: string | null, padding: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } } | null } | null } | null } | null } } | null };
+export type UpdateWidgetAlignSystemMutation = { __typename?: 'Mutation', updateWidgetAlignSystem?: { __typename?: 'UpdateWidgetAlignSystemPayload', scene: { __typename?: 'Scene', id: string, widgets: Array<{ __typename?: 'SceneWidget', id: string, enabled: boolean, pluginId: string, extensionId: string, propertyId: string }>, widgetAlignSystem?: { __typename?: 'WidgetAlignSystem', outer?: { __typename?: 'WidgetZone', left?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null } | null, center?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null } | null, right?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null } | null } | null, inner?: { __typename?: 'WidgetZone', left?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null } | null, center?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null } | null, right?: { __typename?: 'WidgetSection', top?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, middle?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null, bottom?: { __typename?: 'WidgetArea', widgetIds: Array<string>, align: WidgetAreaAlign, gap?: number | null, centered: boolean, background?: string | null, padding?: { __typename?: 'WidgetAreaPadding', top: number, bottom: number, left: number, right: number } | null } | null } | null } | null } | null } } | null };
 
 export type TeamFragment = { __typename?: 'Team', id: string, name: string, personal: boolean, policyId?: string | null, members: Array<{ __typename?: 'TeamMember', userId: string, role: Role, user?: { __typename?: 'User', id: string, name: string, email: string } | null }>, policy?: { __typename?: 'Policy', id: string, name: string, projectCount?: number | null, memberCount?: number | null, publishedProjectCount?: number | null, layerCount?: number | null, assetStorageSize?: number | null, datasetSchemaCount?: number | null, datasetCount?: number | null } | null };
 
@@ -3936,6 +3939,7 @@ export const ProjectFragmentFragmentDoc = gql`
   alias
   publishmentStatus
   updatedAt
+  coreSupport
 }
     `;
 export const TeamFragmentDoc = gql`
@@ -5931,15 +5935,16 @@ export type CheckProjectAliasQueryHookResult = ReturnType<typeof useCheckProject
 export type CheckProjectAliasLazyQueryHookResult = ReturnType<typeof useCheckProjectAliasLazyQuery>;
 export type CheckProjectAliasQueryResult = Apollo.QueryResult<CheckProjectAliasQuery, CheckProjectAliasQueryVariables>;
 export const CreateProjectDocument = gql`
-    mutation CreateProject($teamId: ID!, $visualizer: Visualizer!, $name: String!, $description: String!, $imageUrl: URL) {
+    mutation CreateProject($teamId: ID!, $visualizer: Visualizer!, $name: String!, $description: String!, $imageUrl: URL, $coreSupport: Boolean) {
   createProject(
-    input: {teamId: $teamId, visualizer: $visualizer, name: $name, description: $description, imageUrl: $imageUrl}
+    input: {teamId: $teamId, visualizer: $visualizer, name: $name, description: $description, imageUrl: $imageUrl, coreSupport: $coreSupport}
   ) {
     project {
       id
       name
       description
       imageUrl
+      coreSupport
     }
   }
 }
@@ -5964,6 +5969,7 @@ export type CreateProjectMutationFn = Apollo.MutationFunction<CreateProjectMutat
  *      name: // value for 'name'
  *      description: // value for 'description'
  *      imageUrl: // value for 'imageUrl'
+ *      coreSupport: // value for 'coreSupport'
  *   },
  * });
  */
diff --git a/web/src/services/gql/graphql.schema.json b/web/src/services/gql/graphql.schema.json
index 28dca4d076..849566529c 100644
--- a/web/src/services/gql/graphql.schema.json
+++ b/web/src/services/gql/graphql.schema.json
@@ -1853,6 +1853,18 @@
             "isDeprecated": false,
             "deprecationReason": null
           },
+          {
+            "name": "coreSupport",
+            "description": null,
+            "type": {
+              "kind": "SCALAR",
+              "name": "Boolean",
+              "ofType": null
+            },
+            "defaultValue": null,
+            "isDeprecated": false,
+            "deprecationReason": null
+          },
           {
             "name": "description",
             "description": null,
@@ -9793,6 +9805,22 @@
             "isDeprecated": false,
             "deprecationReason": null
           },
+          {
+            "name": "coreSupport",
+            "description": null,
+            "args": [],
+            "type": {
+              "kind": "NON_NULL",
+              "name": null,
+              "ofType": {
+                "kind": "SCALAR",
+                "name": "Boolean",
+                "ofType": null
+              }
+            },
+            "isDeprecated": false,
+            "deprecationReason": null
+          },
           {
             "name": "createdAt",
             "description": null,
@@ -17360,13 +17388,9 @@
             "description": null,
             "args": [],
             "type": {
-              "kind": "NON_NULL",
-              "name": null,
-              "ofType": {
-                "kind": "SCALAR",
-                "name": "Int",
-                "ofType": null
-              }
+              "kind": "SCALAR",
+              "name": "Int",
+              "ofType": null
             },
             "isDeprecated": false,
             "deprecationReason": null
@@ -17376,13 +17400,9 @@
             "description": null,
             "args": [],
             "type": {
-              "kind": "NON_NULL",
-              "name": null,
-              "ofType": {
-                "kind": "OBJECT",
-                "name": "WidgetAreaPadding",
-                "ofType": null
-              }
+              "kind": "OBJECT",
+              "name": "WidgetAreaPadding",
+              "ofType": null
             },
             "isDeprecated": false,
             "deprecationReason": null
@@ -18937,88 +18957,6 @@
           }
         ]
       },
-      {
-        "name": "goField",
-        "description": null,
-        "isRepeatable": false,
-        "locations": [
-          "FIELD_DEFINITION",
-          "INPUT_FIELD_DEFINITION"
-        ],
-        "args": [
-          {
-            "name": "forceResolver",
-            "description": null,
-            "type": {
-              "kind": "SCALAR",
-              "name": "Boolean",
-              "ofType": null
-            },
-            "defaultValue": null,
-            "isDeprecated": false,
-            "deprecationReason": null
-          },
-          {
-            "name": "name",
-            "description": null,
-            "type": {
-              "kind": "SCALAR",
-              "name": "String",
-              "ofType": null
-            },
-            "defaultValue": null,
-            "isDeprecated": false,
-            "deprecationReason": null
-          }
-        ]
-      },
-      {
-        "name": "goModel",
-        "description": null,
-        "isRepeatable": false,
-        "locations": [
-          "ENUM",
-          "INPUT_OBJECT",
-          "INTERFACE",
-          "OBJECT",
-          "SCALAR",
-          "UNION"
-        ],
-        "args": [
-          {
-            "name": "model",
-            "description": null,
-            "type": {
-              "kind": "SCALAR",
-              "name": "String",
-              "ofType": null
-            },
-            "defaultValue": null,
-            "isDeprecated": false,
-            "deprecationReason": null
-          },
-          {
-            "name": "models",
-            "description": null,
-            "type": {
-              "kind": "LIST",
-              "name": null,
-              "ofType": {
-                "kind": "NON_NULL",
-                "name": null,
-                "ofType": {
-                  "kind": "SCALAR",
-                  "name": "String",
-                  "ofType": null
-                }
-              }
-            },
-            "defaultValue": null,
-            "isDeprecated": false,
-            "deprecationReason": null
-          }
-        ]
-      },
       {
         "name": "include",
         "description": "The @include directive may be provided for fields, fragment spreads, and inline fragments, and allows for conditional inclusion during execution as described by the if argument.",
diff --git a/web/src/services/gql/queries/project.ts b/web/src/services/gql/queries/project.ts
index b9c31aca65..a6b6ff45f5 100644
--- a/web/src/services/gql/queries/project.ts
+++ b/web/src/services/gql/queries/project.ts
@@ -108,6 +108,7 @@ export const CREATE_PROJECT = gql`
     $name: String!
     $description: String!
     $imageUrl: URL
+    $coreSupport: Boolean
   ) {
     createProject(
       input: {
@@ -116,6 +117,7 @@ export const CREATE_PROJECT = gql`
         name: $name
         description: $description
         imageUrl: $imageUrl
+        coreSupport: $coreSupport
       }
     ) {
       project {
@@ -123,6 +125,7 @@ export const CREATE_PROJECT = gql`
         name
         description
         imageUrl
+        coreSupport
       }
     }
   }
diff --git a/web/src/services/i18n/translations/en.yml b/web/src/services/i18n/translations/en.yml
index cb4dee1c59..06c2bd9000 100644
--- a/web/src/services/i18n/translations/en.yml
+++ b/web/src/services/i18n/translations/en.yml
@@ -78,6 +78,13 @@ Datasets: Datasets
 Plugins: Plugins
 Manage projects: Manage projects
 Documentation: Documentation
+Choose Project Type: Choose Project Type
+classic: classic
+Create project with classic UI: Create project with classic UI
+Beta: Beta
+Create project with the latest features and UI system (projects might break without prior notice): >-
+  Create project with the latest features and UI system (projects might break
+  without prior notice)
 Create New Workspace: Create New Workspace
 Workspace Name: Workspace Name
 Workspaces: Workspaces
diff --git a/web/src/services/i18n/translations/ja.yml b/web/src/services/i18n/translations/ja.yml
index dc8c6d6461..24bb21aece 100644
--- a/web/src/services/i18n/translations/ja.yml
+++ b/web/src/services/i18n/translations/ja.yml
@@ -72,6 +72,11 @@ Datasets: データセット
 Plugins: プラグイン
 Manage projects: プロジェクト管理
 Documentation: ヘルプ
+Choose Project Type: Choose Project Type
+classic: classic
+Create project with classic UI: Create project with classic UI
+Beta: Beta
+Create project with the latest features and UI system (projects might break without prior notice): Create project with the latest features and UI system (projects might break without prior notice)
 Create New Workspace: 新規ワークスペース作成
 Workspace Name: ワークスペース名
 Workspaces: ワークスペース
diff --git a/web/src/services/state/index.ts b/web/src/services/state/index.ts
index 23f811a9ef..5c0ffb3216 100644
--- a/web/src/services/state/index.ts
+++ b/web/src/services/state/index.ts
@@ -29,7 +29,7 @@ export type WidgetAreaState = {
   area: "top" | "middle" | "bottom";
   align?: WidgetAlignment;
   padding?: WidgetAreaPadding;
-  gap?: number;
+  gap?: number | null;
   centered?: boolean;
   background?: string;
 };
diff --git a/web/src/types.ts b/web/src/types.ts
index 6ebf2ed70b..181081eae1 100644
--- a/web/src/types.ts
+++ b/web/src/types.ts
@@ -54,3 +54,5 @@ export type OmitFuncProps2<P extends { [key in string]?: (...args: any) => any }
 export type OmitFuncProps3<P extends { [key in string]?: (...args: any) => any }> = {
   [K in keyof P]?: OmitFunc3<NonNullable<P[K]>>;
 };
+
+export type ProjectType = "classic" | "beta";