diff --git a/web/src/beta/components/DragAndDropList/Item.tsx b/web/src/beta/components/DragAndDropList/Item.tsx
index 9626e546d9..7ddcb0ddbd 100644
--- a/web/src/beta/components/DragAndDropList/Item.tsx
+++ b/web/src/beta/components/DragAndDropList/Item.tsx
@@ -70,9 +70,6 @@ const Item: FC<Props> = ({
       onItemMove(dragIndex, hoverIndex);
       item.index = hoverIndex;
     },
-    drop(item) {
-      onItemDropOnItem(item.index);
-    },
   });
 
   const [{ isDragging }, drag] = useDrag({
diff --git a/web/src/beta/components/DragAndDropList/index.tsx b/web/src/beta/components/DragAndDropList/index.tsx
index b9405e8546..367db4f558 100644
--- a/web/src/beta/components/DragAndDropList/index.tsx
+++ b/web/src/beta/components/DragAndDropList/index.tsx
@@ -10,7 +10,7 @@ type Props<Item extends { id: string } = { id: string }> = {
   items: Item[];
   getId: (item: Item) => string;
   onItemDrop(item: Item, targetIndex: number): void;
-  renderItem: (item: Item) => ReactNode;
+  renderItem: (item: Item, index: number) => ReactNode;
   gap: number;
 };
 
@@ -40,9 +40,10 @@ function DragAndDropList<Item extends { id: string } = { id: string }>({
   const onItemDropOnItem = useCallback(
     (index: number) => {
       const item = movingItems[index];
+      if (items[index].id === item.id) return;
       item && onItemDrop(movingItems[index], index);
     },
-    [movingItems, onItemDrop],
+    [items, movingItems, onItemDrop],
   );
 
   const onItemDropOutside = useCallback(() => {
@@ -62,7 +63,7 @@ function DragAndDropList<Item extends { id: string } = { id: string }>({
             onItemMove={onItemMove}
             onItemDropOnItem={onItemDropOnItem}
             onItemDropOutside={onItemDropOutside}>
-            {renderItem(item)}
+            {renderItem(item, i)}
           </Item>
         );
       })}
diff --git a/web/src/beta/features/Editor/index.tsx b/web/src/beta/features/Editor/index.tsx
index d3cd5fc1bc..3cc0a334ae 100644
--- a/web/src/beta/features/Editor/index.tsx
+++ b/web/src/beta/features/Editor/index.tsx
@@ -3,9 +3,11 @@ import StoryPanel from "@reearth/beta/features/Editor/tabs/story/StoryPanel";
 import useLeftPanel from "@reearth/beta/features/Editor/useLeftPanel";
 import useRightPanel from "@reearth/beta/features/Editor/useRightPanel";
 import useSecondaryNavbar from "@reearth/beta/features/Editor/useSecondaryNavbar";
+import useStorytelling from "@reearth/beta/features/Editor/useStorytelling";
 import Visualizer from "@reearth/beta/features/Editor/Visualizer";
 import Navbar, { type Tab } from "@reearth/beta/features/Navbar";
 import { Provider as DndProvider } from "@reearth/beta/utils/use-dnd";
+import { StoryFragmentFragment } from "@reearth/services/gql";
 import { metrics, styled } from "@reearth/services/theme";
 
 import useHooks from "./hooks";
@@ -13,12 +15,13 @@ import { navbarHeight } from "./SecondaryNav";
 
 type Props = {
   sceneId: string;
-  projectId?: string; // gotten through injection
-  workspaceId?: string; // gotten through injection
   tab: Tab;
+  projectId?: string;
+  workspaceId?: string;
+  stories: StoryFragmentFragment[];
 };
 
-const Editor: React.FC<Props> = ({ sceneId, projectId, workspaceId, tab }) => {
+const Editor: React.FC<Props> = ({ sceneId, projectId, workspaceId, tab, stories }) => {
   const {
     selectedDevice,
     visualizerWidth,
@@ -27,7 +30,28 @@ const Editor: React.FC<Props> = ({ sceneId, projectId, workspaceId, tab }) => {
     handleWidgetEditorToggle,
   } = useHooks({ tab });
 
-  const { leftPanel } = useLeftPanel({ tab });
+  const {
+    selectedStory,
+    selectedPage,
+    onPageSelect,
+    onPageDuplicate,
+    onPageDelete,
+    onPageAdd,
+    onPageMove,
+  } = useStorytelling({
+    sceneId,
+    stories,
+  });
+  const { leftPanel } = useLeftPanel({
+    tab,
+    selectedStory,
+    selectedPage,
+    onPageSelect,
+    onPageDuplicate,
+    onPageDelete,
+    onPageAdd,
+    onPageMove,
+  });
   const { rightPanel } = useRightPanel({ tab, sceneId });
   const { secondaryNavbar } = useSecondaryNavbar({
     tab,
@@ -61,7 +85,13 @@ const Editor: React.FC<Props> = ({ sceneId, projectId, workspaceId, tab }) => {
           <Center>
             {secondaryNavbar}
             <CenterContents hasNav={!!secondaryNavbar}>
-              {isStory && <StoryPanel />}
+              {isStory && (
+                <StoryPanel
+                  selectedStory={selectedStory}
+                  selectedPage={selectedPage}
+                  onPageSelect={onPageSelect}
+                />
+              )}
               <VisualizerWrapper tab={tab} visualizerWidth={visualizerWidth}>
                 <Visualizer sceneId={sceneId} />
               </VisualizerWrapper>
diff --git a/web/src/beta/features/Editor/tabs/story/PageIndicator/index.tsx b/web/src/beta/features/Editor/tabs/story/PageIndicator/index.tsx
index 6fd3219d23..9a3684358d 100644
--- a/web/src/beta/features/Editor/tabs/story/PageIndicator/index.tsx
+++ b/web/src/beta/features/Editor/tabs/story/PageIndicator/index.tsx
@@ -1,4 +1,4 @@
-import { FC } from "react";
+import { FC, useMemo } from "react";
 
 import { styled } from "@reearth/services/theme";
 
@@ -15,16 +15,16 @@ const StoryPageIndicator: FC<Props> = ({
   maxPage,
   onPageChange,
 }) => {
+  const widthPercentage = useMemo(() => {
+    const onePageWidth = 100 / maxPage;
+    const base = (currentPage - 1) * onePageWidth;
+    const progress = (onePageWidth / 100) * currentPageProgress;
+    return base + progress;
+  }, [currentPage, currentPageProgress, maxPage]);
   return (
-    <Wrapper>
+    <Wrapper widthPercentage={widthPercentage}>
       {[...Array(maxPage)].map((_, i) => {
-        const page = i + 1;
-        const isActive = currentPage >= page;
-        const isCurrentPage = page === currentPage;
-        const progress = isCurrentPage ? currentPageProgress : isActive ? 100 : 0;
-        return (
-          <Indicator key={i} progress={progress} type="button" onClick={() => onPageChange(page)} />
-        );
+        return <Indicator key={i} type="button" onClick={() => onPageChange(i + 1)} />;
       })}
     </Wrapper>
   );
@@ -32,18 +32,27 @@ const StoryPageIndicator: FC<Props> = ({
 
 export default StoryPageIndicator;
 
-const Wrapper = styled.div`
+// TODO: fix colors/transitions including hover
+const Wrapper = styled.div<{ widthPercentage: number }>`
+  position: relative;
   display: flex;
+  background-color: #c2deff;
+
+  :after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    background-color: #3592ff;
+    transition: width 0.2s ease-out;
+    width: ${({ widthPercentage }) => widthPercentage}%;
+  }
 `;
 
-// TODO: fix colors/transitions including hover
-const Indicator = styled.button<{ progress: number }>`
+const Indicator = styled.button`
   position: relative;
   flex: 1;
   height: 8px;
-  background-color: #c2deff;
-  transition: all 0.15s;
-
+  z-index: 1;
   :hover {
     opacity: 0.8;
   }
@@ -51,15 +60,4 @@ const Indicator = styled.button<{ progress: number }>`
   :not(:first-of-type) {
     border-left: 1px solid #ffffff;
   }
-
-  :after {
-    content: "";
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    width: ${({ progress }) => progress}%;
-    background-color: #3592ff;
-    transition: width 0.15s;
-  }
 `;
diff --git a/web/src/beta/features/Editor/tabs/story/SidePanel/ContentPage/index.stories.tsx b/web/src/beta/features/Editor/tabs/story/SidePanel/ContentPage/index.stories.tsx
index 4341dd90c9..880e39a4ca 100644
--- a/web/src/beta/features/Editor/tabs/story/SidePanel/ContentPage/index.stories.tsx
+++ b/web/src/beta/features/Editor/tabs/story/SidePanel/ContentPage/index.stories.tsx
@@ -8,6 +8,12 @@ export default {
 
 type Story = StoryObj<typeof ContentPage>;
 
+const dummyPages = [...Array(25)].map((_, i) => ({
+  id: i.toString(),
+  title: `Page ${i}`,
+  swipeable: i % 2 === 0,
+}));
+
 export const Default: Story = {
   render: args => {
     return (
@@ -16,4 +22,9 @@ export const Default: Story = {
       </div>
     );
   },
+  args: {
+    // need API mock
+    storyPages: dummyPages,
+    selectedPage: dummyPages[1],
+  },
 };
diff --git a/web/src/beta/features/Editor/tabs/story/SidePanel/ContentPage/index.tsx b/web/src/beta/features/Editor/tabs/story/SidePanel/ContentPage/index.tsx
index a2eef19241..24ed9588b8 100644
--- a/web/src/beta/features/Editor/tabs/story/SidePanel/ContentPage/index.tsx
+++ b/web/src/beta/features/Editor/tabs/story/SidePanel/ContentPage/index.tsx
@@ -1,35 +1,40 @@
-import { useState } from "react";
+import { useEffect, useState } from "react";
 
 import DragAndDropList from "@reearth/beta/components/DragAndDropList";
 import ListItem from "@reearth/beta/components/ListItem";
 import PopoverMenuContent from "@reearth/beta/components/PopoverMenuContent";
 import Action from "@reearth/beta/features/Editor/tabs/story/SidePanel/Action";
 import PageItemWrapper from "@reearth/beta/features/Editor/tabs/story/SidePanel/PageItemWrapper";
+import { StoryPageFragmentFragment } from "@reearth/services/gql";
 import { useT } from "@reearth/services/i18n";
 import { styled } from "@reearth/services/theme";
 
 type Props = {
+  storyPages: StoryPageFragmentFragment[];
+  selectedPage?: StoryPageFragmentFragment;
   onPageSelect: (id: string) => void;
-  onPageAdd: () => void;
+  onPageAdd: (isSwipeable: boolean) => void;
   onPageDuplicate: (id: string) => void;
   onPageDelete: (id: string) => void;
+  onPageMove: (id: string, targetIndex: number) => void;
 };
 const ContentPage: React.FC<Props> = ({
+  storyPages,
+  selectedPage,
   onPageSelect,
   onPageAdd,
   onPageDuplicate,
   onPageDelete,
+  onPageMove,
 }) => {
   const t = useT();
   const [openedPageId, setOpenedPageId] = useState<string | undefined>(undefined);
 
-  const [items, setItems] = useState(
-    [...Array(100)].map((_, i) => ({
-      id: i.toString(),
-      index: i,
-      text: "page" + i,
-    })),
-  );
+  const [items, setItems] = useState(storyPages);
+
+  useEffect(() => {
+    setItems(storyPages);
+  }, [storyPages]);
   return (
     <SContent>
       <SContentUp onScroll={openedPageId ? () => setOpenedPageId(undefined) : undefined}>
@@ -38,7 +43,7 @@ const ContentPage: React.FC<Props> = ({
           gap={8}
           items={items}
           getId={item => item.id}
-          onItemDrop={(item, index) => {
+          onItemDrop={async (item, index) => {
             setItems(old => {
               const items = [...old];
               items.splice(
@@ -48,19 +53,24 @@ const ContentPage: React.FC<Props> = ({
               items.splice(index, 0, item);
               return items;
             });
+            await onPageMove(item.id, index);
           }}
-          renderItem={item => {
+          renderItem={(storyPage, i) => {
             return (
-              <PageItemWrapper pageCount={item.index + 1} isSwipable={item.index % 2 === 0}>
+              <PageItemWrapper
+                key={storyPage.id}
+                pageCount={i + 1}
+                isSwipeable={storyPage.swipeable}>
                 <ListItem
+                  key={i}
                   border
-                  onItemClick={() => onPageSelect(item.id)}
-                  onActionClick={() => setOpenedPageId(old => (old ? undefined : item.id))}
+                  onItemClick={() => onPageSelect(storyPage.id)}
+                  onActionClick={() => setOpenedPageId(old => (old ? undefined : storyPage.id))}
                   onOpenChange={isOpen => {
-                    setOpenedPageId(isOpen ? item.id : undefined);
+                    setOpenedPageId(isOpen ? storyPage.id : undefined);
                   }}
-                  isSelected={item.index === 0}
-                  isOpenAction={openedPageId === item.id}
+                  isSelected={selectedPage?.id === storyPage.id}
+                  isOpenAction={openedPageId === storyPage.id}
                   actionContent={
                     <PopoverMenuContent
                       width="120px"
@@ -71,7 +81,7 @@ const ContentPage: React.FC<Props> = ({
                           name: "Duplicate",
                           onClick: () => {
                             setOpenedPageId(undefined);
-                            onPageDuplicate(item.id);
+                            onPageDuplicate(storyPage.id);
                           },
                         },
                         {
@@ -79,13 +89,13 @@ const ContentPage: React.FC<Props> = ({
                           name: "Delete",
                           onClick: () => {
                             setOpenedPageId(undefined);
-                            onPageDelete(item.id);
+                            onPageDelete(storyPage.id);
                           },
                         },
                       ]}
                     />
                   }>
-                  Page
+                  {storyPage.title}
                 </ListItem>
               </PageItemWrapper>
             );
@@ -93,8 +103,8 @@ const ContentPage: React.FC<Props> = ({
         />
       </SContentUp>
       <SContentBottom>
-        <Action icon="square" title={`+ ${t("New Page")}`} onClick={onPageAdd} />
-        <Action icon="swiper" title={`+ ${t("New Swipe")}`} onClick={onPageAdd} />
+        <Action icon="square" title={`+ ${t("New Page")}`} onClick={() => onPageAdd(false)} />
+        <Action icon="swiper" title={`+ ${t("New Swipe")}`} onClick={() => onPageAdd(true)} />
       </SContentBottom>
     </SContent>
   );
diff --git a/web/src/beta/features/Editor/tabs/story/SidePanel/ContentStory/index.tsx b/web/src/beta/features/Editor/tabs/story/SidePanel/ContentStory/index.tsx
index 3908c6f396..1a69a706a4 100644
--- a/web/src/beta/features/Editor/tabs/story/SidePanel/ContentStory/index.tsx
+++ b/web/src/beta/features/Editor/tabs/story/SidePanel/ContentStory/index.tsx
@@ -53,7 +53,7 @@ const ContentStory: React.FC<Props> = ({
           }}
           renderItem={item => {
             return (
-              <PageItemWrapper pageCount={item.index + 1} isSwipable={item.index % 2 === 0}>
+              <PageItemWrapper pageCount={item.index + 1} isSwipeable={item.index % 2 === 0}>
                 <ListItem
                   border
                   onItemClick={() => onStorySelect(item.id)}
diff --git a/web/src/beta/features/Editor/tabs/story/SidePanel/PageItemWrapper/index.stories.tsx b/web/src/beta/features/Editor/tabs/story/SidePanel/PageItemWrapper/index.stories.tsx
index 12686bdee5..e70549b400 100644
--- a/web/src/beta/features/Editor/tabs/story/SidePanel/PageItemWrapper/index.stories.tsx
+++ b/web/src/beta/features/Editor/tabs/story/SidePanel/PageItemWrapper/index.stories.tsx
@@ -11,7 +11,7 @@ type Story = StoryObj<typeof ActionItem>;
 export const Default: Story = {
   args: {
     pageCount: 10,
-    isSwipable: true,
+    isSwipeable: true,
     children: <div>test</div>,
   },
 };
diff --git a/web/src/beta/features/Editor/tabs/story/SidePanel/PageItemWrapper/index.tsx b/web/src/beta/features/Editor/tabs/story/SidePanel/PageItemWrapper/index.tsx
index cd401f819f..c67e7da9fb 100644
--- a/web/src/beta/features/Editor/tabs/story/SidePanel/PageItemWrapper/index.tsx
+++ b/web/src/beta/features/Editor/tabs/story/SidePanel/PageItemWrapper/index.tsx
@@ -7,10 +7,10 @@ import { styled } from "@reearth/services/theme";
 type Props = {
   children: ReactNode;
   pageCount: number;
-  isSwipable: boolean;
+  isSwipeable: boolean;
 };
 
-const StorySidePanelPageWrapper: FC<Props> = ({ children, pageCount, isSwipable }) => {
+const StorySidePanelPageWrapper: FC<Props> = ({ children, pageCount, isSwipeable }) => {
   return (
     <Wrapper>
       <Left>
@@ -18,7 +18,7 @@ const StorySidePanelPageWrapper: FC<Props> = ({ children, pageCount, isSwipable
           <Text size="footnote">{pageCount}</Text>
         </div>
         <div>
-          <Icon icon={isSwipable ? "swiper" : "square"} color="#4A4A4A" size={12} />
+          <Icon icon={isSwipeable ? "swiper" : "square"} color="#4A4A4A" size={12} />
         </div>
       </Left>
       <Right>{children}</Right>
diff --git a/web/src/beta/features/Editor/tabs/story/SidePanel/index.tsx b/web/src/beta/features/Editor/tabs/story/SidePanel/index.tsx
index 7d6c877e43..76808ea85b 100644
--- a/web/src/beta/features/Editor/tabs/story/SidePanel/index.tsx
+++ b/web/src/beta/features/Editor/tabs/story/SidePanel/index.tsx
@@ -1,24 +1,27 @@
 import SidePanelCommon from "@reearth/beta/features/Editor/SidePanel";
 import ContentPage from "@reearth/beta/features/Editor/tabs/story/SidePanel/ContentPage";
+import { StoryFragmentFragment, StoryPageFragmentFragment } from "@reearth/services/gql";
 import { useT } from "@reearth/services/i18n";
 
-// TODO: these are currently rough definition
 type Props = {
-  // story
-  // stories: any;
-  // selectedStory: any;
-  // onStorySelect: (id: string) => void;
-  // onStoryAdd: () => void;
-
-  // page
-  selectedPageId?: string;
+  selectedStory?: StoryFragmentFragment;
+  selectedPage?: StoryPageFragmentFragment;
   onPageSelect: (id: string) => void;
   onPageDuplicate: (id: string) => void;
   onPageDelete: (id: string) => void;
-  onPageAdd: () => void;
+  onPageAdd: (isSwipeable: boolean) => void;
+  onPageMove: (id: string, targetIndex: number) => void;
 };
 
-const SidePanel: React.FC<Props> = ({ onPageAdd, onPageSelect, onPageDuplicate, onPageDelete }) => {
+const SidePanel: React.FC<Props> = ({
+  selectedStory,
+  selectedPage,
+  onPageSelect,
+  onPageDuplicate,
+  onPageDelete,
+  onPageAdd,
+  onPageMove,
+}) => {
   const t = useT();
 
   return (
@@ -37,10 +40,13 @@ const SidePanel: React.FC<Props> = ({ onPageAdd, onPageSelect, onPageDuplicate,
           title: t("Page"),
           children: (
             <ContentPage
+              storyPages={selectedStory?.pages ?? []}
+              selectedPage={selectedPage}
               onPageAdd={onPageAdd}
               onPageSelect={onPageSelect}
               onPageDuplicate={onPageDuplicate}
               onPageDelete={onPageDelete}
+              onPageMove={onPageMove}
             />
           ),
         },
diff --git a/web/src/beta/features/Editor/tabs/story/StoryPanel/index.tsx b/web/src/beta/features/Editor/tabs/story/StoryPanel/index.tsx
index 59811d5c66..9125925e21 100644
--- a/web/src/beta/features/Editor/tabs/story/StoryPanel/index.tsx
+++ b/web/src/beta/features/Editor/tabs/story/StoryPanel/index.tsx
@@ -1,19 +1,37 @@
-import { FC } from "react";
+import { FC, useMemo } from "react";
 
 import PageIndicator from "@reearth/beta/features/Editor/tabs/story/PageIndicator";
+import { StoryFragmentFragment, StoryPageFragmentFragment } from "@reearth/services/gql";
 import { styled } from "@reearth/services/theme";
 
-type Props = {};
+type Props = {
+  selectedStory?: StoryFragmentFragment;
+  selectedPage?: StoryPageFragmentFragment;
+  onPageSelect: (id: string) => void;
+};
+
+export const StoryPanel: FC<Props> = ({ selectedStory, selectedPage, onPageSelect }) => {
+  const pageInfo = useMemo(() => {
+    const pages = selectedStory?.pages ?? [];
+    if ((pages?.length ?? 0) < 2) return;
 
-export const StoryPanel: FC<Props> = () => {
+    const currentIndex = pages.findIndex(p => p.id === selectedPage?.id);
+    return {
+      currentPage: currentIndex + 1,
+      maxPage: pages.length,
+      onPageChange: (page: number) => onPageSelect(pages[page - 1]?.id),
+    };
+  }, [onPageSelect, selectedPage, selectedStory]);
   return (
     <Wrapper>
-      <PageIndicator
-        currentPage={3}
-        currentPageProgress={33}
-        maxPage={6}
-        onPageChange={page => console.log(page)}
-      />
+      {!!pageInfo && (
+        <PageIndicator
+          currentPage={pageInfo.currentPage}
+          currentPageProgress={33}
+          onPageChange={pageInfo.onPageChange}
+          maxPage={pageInfo.maxPage}
+        />
+      )}
       <Content>
         <div>StoryPanel</div>
       </Content>
diff --git a/web/src/beta/features/Editor/useLeftPanel.tsx b/web/src/beta/features/Editor/useLeftPanel.tsx
index 2755e2b9eb..f8087439fd 100644
--- a/web/src/beta/features/Editor/useLeftPanel.tsx
+++ b/web/src/beta/features/Editor/useLeftPanel.tsx
@@ -2,12 +2,31 @@ import { ReactNode, useMemo } from "react";
 
 import StorySidePanel from "@reearth/beta/features/Editor/tabs/story/SidePanel";
 import { Tab } from "@reearth/beta/features/Navbar";
+import { StoryFragmentFragment, StoryPageFragmentFragment } from "@reearth/services/gql";
 
 type Props = {
   tab: Tab;
+
+  // for story tab
+  selectedStory?: StoryFragmentFragment;
+  selectedPage?: StoryPageFragmentFragment;
+  onPageSelect: (id: string) => void;
+  onPageDuplicate: (id: string) => void;
+  onPageDelete: (id: string) => void;
+  onPageAdd: (isSwipeable: boolean) => void;
+  onPageMove: (id: string, targetIndex: number) => void;
 };
 
-export default ({ tab }: Props) => {
+export default ({
+  tab,
+  selectedStory,
+  selectedPage,
+  onPageSelect,
+  onPageDuplicate,
+  onPageDelete,
+  onPageAdd,
+  onPageMove,
+}: Props) => {
   const leftPanel = useMemo<ReactNode | undefined>(() => {
     switch (tab) {
       case "scene":
@@ -15,15 +34,13 @@ export default ({ tab }: Props) => {
       case "story":
         return (
           <StorySidePanel
-            // stories={[]}
-            // selectedStory={undefined}
-            // onStorySelect={() => console.log("onSelectStory")}
-            // onStoryAdd={() => console.log("onStoryAdd")}
-            selectedPageId={"1"}
-            onPageSelect={() => console.log("onSelectPage")}
-            onPageAdd={() => console.log("onPageAdd")}
-            onPageDuplicate={() => console.log("onPageDuplicate")}
-            onPageDelete={() => console.log("onPageDelete")}
+            selectedStory={selectedStory}
+            selectedPage={selectedPage}
+            onPageSelect={onPageSelect}
+            onPageDuplicate={onPageDuplicate}
+            onPageDelete={onPageDelete}
+            onPageAdd={onPageAdd}
+            onPageMove={onPageMove}
           />
         );
       case "widgets":
@@ -31,7 +48,16 @@ export default ({ tab }: Props) => {
       default:
         return undefined;
     }
-  }, [tab]);
+  }, [
+    onPageAdd,
+    onPageDelete,
+    onPageDuplicate,
+    onPageMove,
+    onPageSelect,
+    selectedPage,
+    selectedStory,
+    tab,
+  ]);
 
   return {
     leftPanel,
diff --git a/web/src/beta/features/Editor/useStorytelling.ts b/web/src/beta/features/Editor/useStorytelling.ts
new file mode 100644
index 0000000000..92ef8960ae
--- /dev/null
+++ b/web/src/beta/features/Editor/useStorytelling.ts
@@ -0,0 +1,88 @@
+import { useCallback, useMemo, useState } from "react";
+
+import useStorytellingAPI from "@reearth/services/api/storytellingApi";
+import { StoryFragmentFragment } from "@reearth/services/gql";
+import { useT } from "@reearth/services/i18n";
+
+type Props = {
+  sceneId: string;
+  stories: StoryFragmentFragment[];
+};
+export default function ({ sceneId, stories }: Props) {
+  const t = useT();
+  const { useCreateStoryPage, useDeleteStoryPage, useMoveStoryPage } = useStorytellingAPI();
+  const [selectedPageId, setSelectedPageId] = useState<string | undefined>(undefined);
+
+  const selectedStory = useMemo(() => {
+    return stories.length ? stories[0] : undefined;
+  }, [stories]);
+
+  const selectedPage = useMemo(() => {
+    if (!selectedPageId && selectedStory?.pages?.length) {
+      return selectedStory?.pages[0];
+    }
+
+    return (selectedStory?.pages ?? []).find(p => p.id === selectedPageId);
+  }, [selectedPageId, selectedStory?.pages]);
+
+  const onPageSelect = useCallback((pageId: string) => {
+    setSelectedPageId(pageId);
+  }, []);
+  const onPageDuplicate = useCallback(async (pageId: string) => {
+    console.log("onPageDuplicate", pageId);
+    alert("not implemented");
+  }, []);
+  const onPageDelete = useCallback(
+    async (pageId: string) => {
+      if (!selectedStory) return;
+      const pages = selectedStory?.pages ?? [];
+      const deletedPageIndex = pages.findIndex(p => p.id === pageId);
+
+      await useDeleteStoryPage({
+        sceneId,
+        storyId: selectedStory.id,
+        pageId,
+      });
+      if (pageId === selectedPageId) {
+        setSelectedPageId(pages[deletedPageIndex + 1]?.id ?? pages[deletedPageIndex - 1]?.id);
+      }
+    },
+    [useDeleteStoryPage, sceneId, selectedPageId, selectedStory],
+  );
+  const onPageAdd = useCallback(
+    async (isSwipeable: boolean) => {
+      if (!selectedStory) return;
+      await useCreateStoryPage({
+        sceneId,
+        storyId: selectedStory.id,
+        swipeable: isSwipeable,
+        title: t("Page"),
+        index: selectedStory.pages.length,
+        layers: [],
+        swipeableLayers: [],
+      });
+    },
+    [useCreateStoryPage, sceneId, selectedStory, t],
+  );
+  const onPageMove = useCallback(
+    async (id: string, targetIndex: number) => {
+      if (!selectedStory) return;
+      await useMoveStoryPage({
+        storyId: selectedStory.id,
+        pageId: id,
+        index: targetIndex,
+      });
+    },
+    [useMoveStoryPage, selectedStory],
+  );
+
+  return {
+    selectedStory,
+    selectedPage,
+    onPageSelect,
+    onPageDuplicate,
+    onPageDelete,
+    onPageAdd,
+    onPageMove,
+  };
+}
diff --git a/web/src/beta/pages/EditorPage/index.tsx b/web/src/beta/pages/EditorPage/index.tsx
index dca65bc186..5bae7b20f5 100644
--- a/web/src/beta/pages/EditorPage/index.tsx
+++ b/web/src/beta/pages/EditorPage/index.tsx
@@ -13,9 +13,10 @@ const EditorPage: React.FC<Props> = () => {
   return !sceneId || !tab || !isTab(tab) ? (
     <NotFound />
   ) : (
-    <Page sceneId={sceneId}>
-      <Editor tab={tab} sceneId={sceneId} />
-    </Page>
+    <Page
+      sceneId={sceneId}
+      renderItem={props => <Editor tab={tab} sceneId={sceneId} {...props} />}
+    />
   );
 };
 
diff --git a/web/src/beta/pages/Page.tsx b/web/src/beta/pages/Page.tsx
index 089d8b6ab7..4381f45dd6 100644
--- a/web/src/beta/pages/Page.tsx
+++ b/web/src/beta/pages/Page.tsx
@@ -1,20 +1,28 @@
-import React, { ReactElement, ReactNode, useMemo } from "react";
+import React, { ReactNode, useMemo } from "react";
 
 import GlobalModal from "@reearth/classic/components/organisms/GlobalModal"; // todo: migrate to beta
 import { useMeFetcher, useProjectFetcher, useSceneFetcher } from "@reearth/services/api";
 import { AuthenticatedPage } from "@reearth/services/auth";
+import { StoryFragmentFragment } from "@reearth/services/gql";
 import { useTheme } from "@reearth/services/theme";
 
 import Loading from "../components/Loading";
 
+type RenderItemProps = {
+  sceneId?: string;
+  projectId?: string;
+  workspaceId?: string;
+  stories: StoryFragmentFragment[];
+};
+
 type Props = {
   sceneId?: string;
   projectId?: string;
   workspaceId?: string;
-  children?: ReactNode;
+  renderItem: (props: RenderItemProps) => ReactNode;
 };
 
-const PageWrapper: React.FC<Props> = ({ sceneId, projectId, workspaceId, children }) => {
+const PageWrapper: React.FC<Props> = ({ sceneId, projectId, workspaceId, renderItem }) => {
   const theme = useTheme();
 
   const { useMeQuery } = useMeFetcher();
@@ -37,14 +45,6 @@ const PageWrapper: React.FC<Props> = ({ sceneId, projectId, workspaceId, childre
 
   const { loading: loadingProject } = useProjectQuery(currentProjectId);
 
-  const childrenWithProps = React.Children.map(children, child => {
-    return React.cloneElement(child as ReactElement<Props>, {
-      sceneId,
-      projectId: currentProjectId,
-      workspaceId: currentWorkspaceId,
-    });
-  });
-
   const loading = useMemo(
     () => loadingMe ?? loadingScene ?? loadingProject,
     [loadingMe, loadingScene, loadingProject],
@@ -55,16 +55,24 @@ const PageWrapper: React.FC<Props> = ({ sceneId, projectId, workspaceId, childre
   ) : (
     <>
       <GlobalModal />
-      {childrenWithProps}
+      {renderItem({
+        sceneId,
+        projectId: currentProjectId,
+        workspaceId: currentWorkspaceId,
+        stories: scene?.stories ?? [],
+      })}
     </>
   );
 };
 
-const Page: React.FC<Props> = ({ sceneId, projectId, workspaceId, children }) => (
+const Page: React.FC<Props> = ({ sceneId, projectId, workspaceId, renderItem }) => (
   <AuthenticatedPage>
-    <PageWrapper sceneId={sceneId} projectId={projectId} workspaceId={workspaceId}>
-      {children}
-    </PageWrapper>
+    <PageWrapper
+      sceneId={sceneId}
+      projectId={projectId}
+      workspaceId={workspaceId}
+      renderItem={renderItem}
+    />
   </AuthenticatedPage>
 );
 
diff --git a/web/src/classic/components/organisms/Dashboard/hooks.ts b/web/src/classic/components/organisms/Dashboard/hooks.ts
index 4b8efa968b..0d9df39357 100644
--- a/web/src/classic/components/organisms/Dashboard/hooks.ts
+++ b/web/src/classic/components/organisms/Dashboard/hooks.ts
@@ -14,6 +14,7 @@ import {
   Visualizer,
   GetProjectsQuery,
 } from "@reearth/classic/gql";
+import useStorytellingAPI from "@reearth/services/api/storytellingApi";
 import { useT } from "@reearth/services/i18n";
 import {
   useWorkspace,
@@ -167,6 +168,7 @@ export default (workspaceId?: string) => {
 
   const [createNewProject] = useCreateProjectMutation();
   const [createScene] = useCreateSceneMutation({ refetchQueries: ["GetProjects"] });
+  const { useCreateStory } = useStorytellingAPI();
   const handleProjectCreate = useCallback(
     async (data: {
       name: string;
@@ -192,11 +194,27 @@ export default (workspaceId?: string) => {
         });
         setModalShown(false);
         return;
-      } else {
-        const scene = await createScene({
-          variables: { projectId: project.data.createProject.project.id },
+      }
+
+      const scene = await createScene({
+        variables: { projectId: project.data.createProject.project.id },
+      });
+      if (scene.errors || !scene.data?.createScene?.scene.id) {
+        setNotification({
+          type: "error",
+          text: t("Failed to create project."),
         });
-        if (scene.errors) {
+        setModalShown(false);
+        return;
+      }
+
+      if (data.projectType === "beta") {
+        const story = await useCreateStory({
+          sceneId: scene.data?.createScene?.scene.id,
+          title: t("Default"),
+          index: 0,
+        });
+        if (story.errors || !story?.data?.createStory?.story?.id) {
           setNotification({
             type: "error",
             text: t("Failed to create project."),
@@ -204,14 +222,15 @@ export default (workspaceId?: string) => {
           setModalShown(false);
           return;
         }
-        setNotification({
-          type: "success",
-          text: t("Successfully created project!"),
-        });
-        setModalShown(false);
       }
+
+      setNotification({
+        type: "success",
+        text: t("Successfully created project!"),
+      });
+      setModalShown(false);
     },
-    [workspaceId, createNewProject, createScene, t, setNotification],
+    [workspaceId, createNewProject, createScene, setNotification, t, useCreateStory],
   );
 
   const [assetModalOpened, setOpenAssets] = useState(false);
diff --git a/web/src/services/api/sceneApi.ts b/web/src/services/api/sceneApi.ts
index a512e6b863..d0ebb96e8b 100644
--- a/web/src/services/api/sceneApi.ts
+++ b/web/src/services/api/sceneApi.ts
@@ -1,5 +1,5 @@
 import { useQuery } from "@apollo/client";
-import { useCallback } from "react";
+import { useCallback, useMemo } from "react";
 
 import { GET_SCENE } from "@reearth/services/gql/queries/scene";
 
@@ -32,8 +32,8 @@ export default () => {
       skip: !sceneId,
     });
 
-    const scene =
-      data?.node?.__typename === "Scene"
+    const scene = useMemo(() => {
+      return data?.node?.__typename === "Scene"
         ? ({
             id: data.node.id,
             clusters: data.node.clusters,
@@ -42,11 +42,13 @@ export default () => {
             property: data.node.property,
             rootLayerId: data.node.rootLayerId,
             tags: data.node.tags,
+            stories: data.node.stories,
             teamId: data.node.teamId,
             widgetAlignSystem: data.node.widgetAlignSystem,
             widgets: data.node.widgets,
           } as Scene)
         : undefined;
+    }, [data]);
 
     return { scene, ...rest };
   }, []);
diff --git a/web/src/services/api/storytellingApi.ts b/web/src/services/api/storytellingApi.ts
new file mode 100644
index 0000000000..6d31d2f2ca
--- /dev/null
+++ b/web/src/services/api/storytellingApi.ts
@@ -0,0 +1,125 @@
+import { useMutation } from "@apollo/client";
+import { useCallback } from "react";
+
+import { MutationReturn } from "@reearth/services/api/types";
+import {
+  CreateStoryInput,
+  CreateStoryMutation,
+  CreateStoryPageInput,
+  CreateStoryPageMutation,
+  CreateTeamPayload,
+  DeleteStoryPageInput,
+  DeleteStoryPageMutation,
+  MoveStoryPageInput,
+  MoveStoryPageMutation,
+  MutationCreateStoryArgs,
+  MutationCreateStoryPageArgs,
+  MutationMoveStoryPageArgs,
+  MutationRemoveStoryPageArgs,
+} from "@reearth/services/gql/__gen__/graphql";
+import {
+  CREATE_STORY,
+  CREATE_STORY_PAGE,
+  DELETE_STORY_PAGE,
+  MOVE_STORY_PAGE,
+} from "@reearth/services/gql/queries/storytelling";
+import { useT } from "@reearth/services/i18n";
+
+import { useNotification } from "../state";
+
+export type Team = CreateTeamPayload["team"];
+
+export default function useStorytellingAPI() {
+  const t = useT();
+  const [, setNotification] = useNotification();
+
+  const [createStoryMutation] = useMutation<CreateStoryMutation, MutationCreateStoryArgs>(
+    CREATE_STORY,
+  );
+  const useCreateStory = useCallback(
+    async (input: CreateStoryInput): Promise<MutationReturn<CreateStoryMutation>> => {
+      const { data, errors } = await createStoryMutation({
+        variables: {
+          input,
+        },
+      });
+      if (errors || !data?.createStory?.story?.id) {
+        setNotification({ type: "error", text: t("Failed to create story.") });
+
+        return { status: "error", errors };
+      }
+      return { data, status: "success" };
+    },
+    [createStoryMutation, setNotification, t],
+  );
+
+  const [createStoryPageMutation] = useMutation<
+    CreateStoryPageMutation,
+    MutationCreateStoryPageArgs
+  >(CREATE_STORY_PAGE);
+
+  const useCreateStoryPage = useCallback(
+    async (input: CreateStoryPageInput): Promise<MutationReturn<CreateStoryPageMutation>> => {
+      const { data, errors } = await createStoryPageMutation({
+        variables: {
+          input,
+        },
+      });
+      if (errors || !data?.createStoryPage?.story?.id) {
+        setNotification({ type: "error", text: t("Failed to create page.") });
+
+        return { status: "error", errors };
+      }
+      return { data, status: "success" };
+    },
+    [createStoryPageMutation, setNotification, t],
+  );
+
+  const [deleteStoryPageMutation] = useMutation<
+    DeleteStoryPageMutation,
+    MutationRemoveStoryPageArgs
+  >(DELETE_STORY_PAGE);
+
+  const useDeleteStoryPage = useCallback(
+    async (input: DeleteStoryPageInput): Promise<MutationReturn<DeleteStoryPageMutation>> => {
+      const { data, errors } = await deleteStoryPageMutation({
+        variables: {
+          input,
+        },
+      });
+      if (errors || !data?.removeStoryPage?.story?.id) {
+        return { status: "error", errors };
+      }
+
+      return { data, status: "success" };
+    },
+    [deleteStoryPageMutation],
+  );
+
+  const [moveStoryPageMutation] = useMutation<MoveStoryPageMutation, MutationMoveStoryPageArgs>(
+    MOVE_STORY_PAGE,
+  );
+
+  const useMoveStoryPage = useCallback(
+    async (input: MoveStoryPageInput): Promise<MutationReturn<MoveStoryPageMutation>> => {
+      const { data, errors } = await moveStoryPageMutation({
+        variables: {
+          input,
+        },
+      });
+      if (errors || !data?.moveStoryPage?.story?.id) {
+        return { status: "error", errors };
+      }
+
+      return { data, status: "success" };
+    },
+    [moveStoryPageMutation],
+  );
+
+  return {
+    useCreateStory,
+    useCreateStoryPage,
+    useDeleteStoryPage,
+    useMoveStoryPage,
+  };
+}
diff --git a/web/src/services/api/types.ts b/web/src/services/api/types.ts
index 24160175b8..7fd005bcd0 100644
--- a/web/src/services/api/types.ts
+++ b/web/src/services/api/types.ts
@@ -1,4 +1,5 @@
 import { OperationVariables } from "@apollo/client";
+import { GraphQLError } from "graphql/index";
 
 export type QueryReturn<T> = {
   data?: T | null | undefined;
@@ -7,4 +8,5 @@ export type QueryReturn<T> = {
 export type MutationReturn<T> = {
   data?: T | null | undefined;
   status: "success" | "error";
+  errors?: ReadonlyArray<GraphQLError>;
 };
diff --git a/web/src/services/gql/__gen__/fragmentMatcher.json b/web/src/services/gql/__gen__/fragmentMatcher.json
index 1468c4fa26..1f5de7704f 100644
--- a/web/src/services/gql/__gen__/fragmentMatcher.json
+++ b/web/src/services/gql/__gen__/fragmentMatcher.json
@@ -16,6 +16,9 @@
       "Project",
       "Property",
       "Scene",
+      "Story",
+      "StoryBlock",
+      "StoryPage",
       "Team",
       "User"
     ],
diff --git a/web/src/services/gql/__gen__/gql.ts b/web/src/services/gql/__gen__/gql.ts
index b7bd864e92..67055b0df1 100644
--- a/web/src/services/gql/__gen__/gql.ts
+++ b/web/src/services/gql/__gen__/gql.ts
@@ -22,6 +22,8 @@ const documents = {
     "\n  fragment PluginFragment on Plugin {\n    id\n    name\n    extensions {\n      extensionId\n      description\n      name\n      translatedDescription(lang: $lang)\n      translatedName(lang: $lang)\n      icon\n      singleOnly\n      type\n      widgetLayout {\n        extendable {\n          vertically\n          horizontally\n        }\n        extended\n        floating\n        defaultLocation {\n          zone\n          section\n          area\n        }\n      }\n    }\n  }\n": types.PluginFragmentFragmentDoc,
     "\n  fragment ProjectFragment on Project {\n    id\n    name\n    description\n    imageUrl\n    isArchived\n    isBasicAuthActive\n    basicAuthUsername\n    basicAuthPassword\n    publicTitle\n    publicDescription\n    publicImage\n    alias\n    publishmentStatus\n    updatedAt\n    coreSupport\n  }\n": types.ProjectFragmentFragmentDoc,
     "\n  fragment PropertySchemaFieldFragment on PropertySchemaField {\n    fieldId\n    title\n    description\n    translatedTitle(lang: $lang)\n    translatedDescription(lang: $lang)\n    prefix\n    suffix\n    type\n    defaultValue\n    ui\n    min\n    max\n    choices {\n      key\n      icon\n      title\n      translatedTitle(lang: $lang)\n    }\n    isAvailableIf {\n      fieldId\n      type\n      value\n    }\n  }\n\n  fragment PropertySchemaGroupFragment on PropertySchemaGroup {\n    schemaGroupId\n    title\n    translatedTitle(lang: $lang)\n    isList\n    representativeFieldId\n    isAvailableIf {\n      fieldId\n      type\n      value\n    }\n    fields {\n      ...PropertySchemaFieldFragment\n    }\n  }\n\n  fragment PropertyFieldFragment on PropertyField {\n    id\n    fieldId\n    type\n    value\n    links {\n      ...PropertyFieldLink\n    }\n  }\n\n  fragment PropertyGroupFragment on PropertyGroup {\n    id\n    schemaGroupId\n    fields {\n      ...PropertyFieldFragment\n    }\n  }\n\n  fragment PropertyItemFragment on PropertyItem {\n    ... on PropertyGroupList {\n      id\n      schemaGroupId\n      groups {\n        ...PropertyGroupFragment\n      }\n    }\n    ... on PropertyGroup {\n      ...PropertyGroupFragment\n    }\n  }\n\n  fragment PropertyFragmentWithoutSchema on Property {\n    id\n    items {\n      ...PropertyItemFragment\n    }\n  }\n\n  fragment PropertyFragment on Property {\n    id\n    ...PropertyFragmentWithoutSchema\n    schema {\n      id\n      groups {\n        ...PropertySchemaGroupFragment\n      }\n    }\n  }\n\n  fragment MergedPropertyGroupCommonFragment on MergedPropertyGroup {\n    schemaGroupId\n    fields {\n      fieldId\n      type\n      actualValue\n      overridden\n      links {\n        ...PropertyFieldLink\n      }\n    }\n  }\n\n  fragment MergedPropertyGroupFragment on MergedPropertyGroup {\n    ...MergedPropertyGroupCommonFragment\n    groups {\n      ...MergedPropertyGroupCommonFragment\n    }\n  }\n\n  fragment MergedPropertyFragmentWithoutSchema on MergedProperty {\n    originalId\n    parentId\n    linkedDatasetId\n    groups {\n      ...MergedPropertyGroupFragment\n    }\n  }\n\n  fragment MergedPropertyFragment on MergedProperty {\n    ...MergedPropertyFragmentWithoutSchema\n    schema {\n      id\n    }\n  }\n\n  fragment PropertyFieldLink on PropertyFieldLink {\n    datasetId\n    datasetSchemaId\n    datasetSchemaFieldId\n  }\n": types.PropertySchemaFieldFragmentFragmentDoc,
+    "\n  fragment StoryFragment on Story {\n    id\n    title\n    pages {\n      ...StoryPageFragment\n    }\n  }\n": types.StoryFragmentFragmentDoc,
+    "\n  fragment StoryPageFragment on StoryPage {\n    id\n    title\n    swipeable\n  }\n": types.StoryPageFragmentFragmentDoc,
     "\n  query GetProject($projectId: ID!) {\n    node(id: $projectId, type: PROJECT) {\n      id\n      ... on Project {\n        ...ProjectFragment\n        scene {\n          id\n        }\n      }\n    }\n  }\n": types.GetProjectDocument,
     "\n  query GetProjects($teamId: ID!, $first: Int, $last: Int, $after: Cursor, $before: Cursor) {\n    projects(teamId: $teamId, first: $first, last: $last, after: $after, before: $before) {\n      edges {\n        node {\n          id\n          ...ProjectFragment\n          scene {\n            id\n          }\n        }\n      }\n      nodes {\n        id\n        ...ProjectFragment\n        scene {\n          id\n        }\n      }\n      pageInfo {\n        endCursor\n        hasNextPage\n        hasPreviousPage\n        startCursor\n      }\n      totalCount\n    }\n  }\n\n  \n": types.GetProjectsDocument,
     "\n  query CheckProjectAlias($alias: String!) {\n    checkProjectAlias(alias: $alias) {\n      alias\n      available\n    }\n  }\n": types.CheckProjectAliasDocument,
@@ -33,8 +35,15 @@ const documents = {
     "\n  mutation ArchiveProject($projectId: ID!, $archived: Boolean!) {\n    updateProject(input: { projectId: $projectId, archived: $archived }) {\n      project {\n        id\n        isArchived\n      }\n    }\n  }\n": types.ArchiveProjectDocument,
     "\n  mutation DeleteProject($projectId: ID!) {\n    deleteProject(input: { projectId: $projectId }) {\n      projectId\n    }\n  }\n": types.DeleteProjectDocument,
     "\n  mutation UpdatePropertyValue(\n    $propertyId: ID!\n    $schemaGroupId: ID\n    $itemId: ID\n    $fieldId: ID!\n    $value: Any\n    $type: ValueType!\n    $lang: Lang\n  ) {\n    updatePropertyValue(\n      input: {\n        propertyId: $propertyId\n        schemaGroupId: $schemaGroupId\n        itemId: $itemId\n        fieldId: $fieldId\n        value: $value\n        type: $type\n      }\n    ) {\n      property {\n        id\n        ...PropertyFragment\n        layer {\n          id\n          ...Layer1Fragment\n        }\n      }\n    }\n  }\n\n": types.UpdatePropertyValueDocument,
-    "\n  query GetScene($sceneId: ID!, $lang: Lang) {\n    node(id: $sceneId, type: SCENE) {\n      id\n      ... on Scene {\n        rootLayerId\n        teamId\n        projectId\n        property {\n          id\n          ...PropertyFragment\n        }\n        clusters {\n          id\n          name\n          propertyId\n          property {\n            id\n            ...PropertyFragment\n          }\n        }\n        tags {\n          id\n          label\n          ... on TagGroup {\n            tags {\n              id\n              label\n            }\n          }\n        }\n        plugins {\n          property {\n            id\n            ...PropertyFragment\n          }\n          plugin {\n           ...PluginFragment\n          }\n        }\n        widgets {\n          id\n          enabled\n          extended\n          pluginId\n          extensionId\n          property {\n            id\n            ...PropertyFragment\n          }\n        }\n        widgetAlignSystem {\n          ...WidgetAlignSystemFragment\n        }\n      }\n    }\n  }\n  \n": types.GetSceneDocument,
+    "\n  query GetScene($sceneId: ID!, $lang: Lang) {\n    node(id: $sceneId, type: SCENE) {\n      id\n      ... on Scene {\n        rootLayerId\n        teamId\n        projectId\n        property {\n          id\n          ...PropertyFragment\n        }\n        clusters {\n          id\n          name\n          propertyId\n          property {\n            id\n            ...PropertyFragment\n          }\n        }\n        tags {\n          id\n          label\n          ... on TagGroup {\n            tags {\n              id\n              label\n            }\n          }\n        }\n        plugins {\n          property {\n            id\n            ...PropertyFragment\n          }\n          plugin {\n           ...PluginFragment\n          }\n        }\n        widgets {\n          id\n          enabled\n          extended\n          pluginId\n          extensionId\n          property {\n            id\n            ...PropertyFragment\n          }\n        }\n        widgetAlignSystem {\n          ...WidgetAlignSystemFragment\n        }\n        stories {\n          ...StoryFragment\n        }\n      }\n    }\n  }\n": types.GetSceneDocument,
     "\n  mutation CreateScene($projectId: ID!) {\n    createScene(input: { projectId: $projectId }) {\n      scene {\n        id\n      }\n    }\n  }\n": types.CreateSceneDocument,
+    "\n  mutation CreateStory($input: CreateStoryInput!) {\n    createStory(input: $input) {\n      story {\n        ...StoryFragment\n      }\n    }\n  }\n": types.CreateStoryDocument,
+    "\n  mutation UpdateStory($input: UpdateStoryInput!) {\n    updateStory(input: $input) {\n      story {\n        ...StoryFragment\n      }\n    }\n  }\n": types.UpdateStoryDocument,
+    "\n  mutation DeleteStory($input: DeleteStoryInput!) {\n    deleteStory(input: $input) {\n      storyId\n    }\n  }\n": types.DeleteStoryDocument,
+    "\n  mutation CreateStoryPage($input: CreateStoryPageInput!) {\n    createStoryPage(input: $input) {\n      story {\n        ...StoryFragment\n      }\n    }\n  }\n": types.CreateStoryPageDocument,
+    "\n  mutation UpdateStoryPage($input: UpdateStoryPageInput!) {\n    updateStoryPage(input: $input) {\n      story {\n        ...StoryFragment\n      }\n    }\n  }\n": types.UpdateStoryPageDocument,
+    "\n  mutation DeleteStoryPage($input: DeleteStoryPageInput!) {\n    removeStoryPage(input: $input) {\n      story {\n        ...StoryFragment\n      }\n    }\n  }\n": types.DeleteStoryPageDocument,
+    "\n  mutation MoveStoryPage($input: MoveStoryPageInput!) {\n    moveStoryPage(input: $input) {\n      story {\n        ...StoryFragment\n      }\n    }\n  }\n": types.MoveStoryPageDocument,
     "\n  query GetUserBySearch($nameOrEmail: String!) {\n    searchUser(nameOrEmail: $nameOrEmail) {\n      id\n      name\n      email\n    }\n  }\n": types.GetUserBySearchDocument,
     "\n  query GetMe {\n    me {\n      id\n      name\n      email\n      lang\n      theme\n      myTeam {\n        id\n        name\n        policyId\n        policy {\n          id\n          name\n          projectCount\n          memberCount\n          publishedProjectCount\n          layerCount\n          assetStorageSize\n          datasetSchemaCount\n          datasetCount\n        }\n      }\n      teams {\n        id\n        name\n        members {\n          user {\n            id\n            name\n            email\n          }\n          userId\n          role\n        }\n        policyId\n        policy {\n          id\n          name\n          projectCount\n          memberCount\n          publishedProjectCount\n          layerCount\n          assetStorageSize\n          datasetSchemaCount\n          datasetCount\n        }\n      }\n      auths\n    }\n  }\n": types.GetMeDocument,
     "\n  mutation UpdateMe(\n    $name: String\n    $email: String\n    $lang: Lang\n    $theme: Theme\n    $password: String\n    $passwordConfirmation: String\n  ) {\n    updateMe(\n      input: {\n        name: $name\n        email: $email\n        lang: $lang\n        theme: $theme\n        password: $password\n        passwordConfirmation: $passwordConfirmation\n      }\n    ) {\n      me {\n        id\n        name\n        email\n        lang\n        theme\n        myTeam {\n          id\n          name\n        }\n      }\n    }\n  }\n": types.UpdateMeDocument,
@@ -96,6 +105,14 @@ export function gql(source: "\n  fragment ProjectFragment on Project {\n    id\n
  * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
 export function gql(source: "\n  fragment PropertySchemaFieldFragment on PropertySchemaField {\n    fieldId\n    title\n    description\n    translatedTitle(lang: $lang)\n    translatedDescription(lang: $lang)\n    prefix\n    suffix\n    type\n    defaultValue\n    ui\n    min\n    max\n    choices {\n      key\n      icon\n      title\n      translatedTitle(lang: $lang)\n    }\n    isAvailableIf {\n      fieldId\n      type\n      value\n    }\n  }\n\n  fragment PropertySchemaGroupFragment on PropertySchemaGroup {\n    schemaGroupId\n    title\n    translatedTitle(lang: $lang)\n    isList\n    representativeFieldId\n    isAvailableIf {\n      fieldId\n      type\n      value\n    }\n    fields {\n      ...PropertySchemaFieldFragment\n    }\n  }\n\n  fragment PropertyFieldFragment on PropertyField {\n    id\n    fieldId\n    type\n    value\n    links {\n      ...PropertyFieldLink\n    }\n  }\n\n  fragment PropertyGroupFragment on PropertyGroup {\n    id\n    schemaGroupId\n    fields {\n      ...PropertyFieldFragment\n    }\n  }\n\n  fragment PropertyItemFragment on PropertyItem {\n    ... on PropertyGroupList {\n      id\n      schemaGroupId\n      groups {\n        ...PropertyGroupFragment\n      }\n    }\n    ... on PropertyGroup {\n      ...PropertyGroupFragment\n    }\n  }\n\n  fragment PropertyFragmentWithoutSchema on Property {\n    id\n    items {\n      ...PropertyItemFragment\n    }\n  }\n\n  fragment PropertyFragment on Property {\n    id\n    ...PropertyFragmentWithoutSchema\n    schema {\n      id\n      groups {\n        ...PropertySchemaGroupFragment\n      }\n    }\n  }\n\n  fragment MergedPropertyGroupCommonFragment on MergedPropertyGroup {\n    schemaGroupId\n    fields {\n      fieldId\n      type\n      actualValue\n      overridden\n      links {\n        ...PropertyFieldLink\n      }\n    }\n  }\n\n  fragment MergedPropertyGroupFragment on MergedPropertyGroup {\n    ...MergedPropertyGroupCommonFragment\n    groups {\n      ...MergedPropertyGroupCommonFragment\n    }\n  }\n\n  fragment MergedPropertyFragmentWithoutSchema on MergedProperty {\n    originalId\n    parentId\n    linkedDatasetId\n    groups {\n      ...MergedPropertyGroupFragment\n    }\n  }\n\n  fragment MergedPropertyFragment on MergedProperty {\n    ...MergedPropertyFragmentWithoutSchema\n    schema {\n      id\n    }\n  }\n\n  fragment PropertyFieldLink on PropertyFieldLink {\n    datasetId\n    datasetSchemaId\n    datasetSchemaFieldId\n  }\n"): (typeof documents)["\n  fragment PropertySchemaFieldFragment on PropertySchemaField {\n    fieldId\n    title\n    description\n    translatedTitle(lang: $lang)\n    translatedDescription(lang: $lang)\n    prefix\n    suffix\n    type\n    defaultValue\n    ui\n    min\n    max\n    choices {\n      key\n      icon\n      title\n      translatedTitle(lang: $lang)\n    }\n    isAvailableIf {\n      fieldId\n      type\n      value\n    }\n  }\n\n  fragment PropertySchemaGroupFragment on PropertySchemaGroup {\n    schemaGroupId\n    title\n    translatedTitle(lang: $lang)\n    isList\n    representativeFieldId\n    isAvailableIf {\n      fieldId\n      type\n      value\n    }\n    fields {\n      ...PropertySchemaFieldFragment\n    }\n  }\n\n  fragment PropertyFieldFragment on PropertyField {\n    id\n    fieldId\n    type\n    value\n    links {\n      ...PropertyFieldLink\n    }\n  }\n\n  fragment PropertyGroupFragment on PropertyGroup {\n    id\n    schemaGroupId\n    fields {\n      ...PropertyFieldFragment\n    }\n  }\n\n  fragment PropertyItemFragment on PropertyItem {\n    ... on PropertyGroupList {\n      id\n      schemaGroupId\n      groups {\n        ...PropertyGroupFragment\n      }\n    }\n    ... on PropertyGroup {\n      ...PropertyGroupFragment\n    }\n  }\n\n  fragment PropertyFragmentWithoutSchema on Property {\n    id\n    items {\n      ...PropertyItemFragment\n    }\n  }\n\n  fragment PropertyFragment on Property {\n    id\n    ...PropertyFragmentWithoutSchema\n    schema {\n      id\n      groups {\n        ...PropertySchemaGroupFragment\n      }\n    }\n  }\n\n  fragment MergedPropertyGroupCommonFragment on MergedPropertyGroup {\n    schemaGroupId\n    fields {\n      fieldId\n      type\n      actualValue\n      overridden\n      links {\n        ...PropertyFieldLink\n      }\n    }\n  }\n\n  fragment MergedPropertyGroupFragment on MergedPropertyGroup {\n    ...MergedPropertyGroupCommonFragment\n    groups {\n      ...MergedPropertyGroupCommonFragment\n    }\n  }\n\n  fragment MergedPropertyFragmentWithoutSchema on MergedProperty {\n    originalId\n    parentId\n    linkedDatasetId\n    groups {\n      ...MergedPropertyGroupFragment\n    }\n  }\n\n  fragment MergedPropertyFragment on MergedProperty {\n    ...MergedPropertyFragmentWithoutSchema\n    schema {\n      id\n    }\n  }\n\n  fragment PropertyFieldLink on PropertyFieldLink {\n    datasetId\n    datasetSchemaId\n    datasetSchemaFieldId\n  }\n"];
+/**
+ * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function gql(source: "\n  fragment StoryFragment on Story {\n    id\n    title\n    pages {\n      ...StoryPageFragment\n    }\n  }\n"): (typeof documents)["\n  fragment StoryFragment on Story {\n    id\n    title\n    pages {\n      ...StoryPageFragment\n    }\n  }\n"];
+/**
+ * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function gql(source: "\n  fragment StoryPageFragment on StoryPage {\n    id\n    title\n    swipeable\n  }\n"): (typeof documents)["\n  fragment StoryPageFragment on StoryPage {\n    id\n    title\n    swipeable\n  }\n"];
 /**
  * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
@@ -143,11 +160,39 @@ export function gql(source: "\n  mutation UpdatePropertyValue(\n    $propertyId:
 /**
  * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
-export function gql(source: "\n  query GetScene($sceneId: ID!, $lang: Lang) {\n    node(id: $sceneId, type: SCENE) {\n      id\n      ... on Scene {\n        rootLayerId\n        teamId\n        projectId\n        property {\n          id\n          ...PropertyFragment\n        }\n        clusters {\n          id\n          name\n          propertyId\n          property {\n            id\n            ...PropertyFragment\n          }\n        }\n        tags {\n          id\n          label\n          ... on TagGroup {\n            tags {\n              id\n              label\n            }\n          }\n        }\n        plugins {\n          property {\n            id\n            ...PropertyFragment\n          }\n          plugin {\n           ...PluginFragment\n          }\n        }\n        widgets {\n          id\n          enabled\n          extended\n          pluginId\n          extensionId\n          property {\n            id\n            ...PropertyFragment\n          }\n        }\n        widgetAlignSystem {\n          ...WidgetAlignSystemFragment\n        }\n      }\n    }\n  }\n  \n"): (typeof documents)["\n  query GetScene($sceneId: ID!, $lang: Lang) {\n    node(id: $sceneId, type: SCENE) {\n      id\n      ... on Scene {\n        rootLayerId\n        teamId\n        projectId\n        property {\n          id\n          ...PropertyFragment\n        }\n        clusters {\n          id\n          name\n          propertyId\n          property {\n            id\n            ...PropertyFragment\n          }\n        }\n        tags {\n          id\n          label\n          ... on TagGroup {\n            tags {\n              id\n              label\n            }\n          }\n        }\n        plugins {\n          property {\n            id\n            ...PropertyFragment\n          }\n          plugin {\n           ...PluginFragment\n          }\n        }\n        widgets {\n          id\n          enabled\n          extended\n          pluginId\n          extensionId\n          property {\n            id\n            ...PropertyFragment\n          }\n        }\n        widgetAlignSystem {\n          ...WidgetAlignSystemFragment\n        }\n      }\n    }\n  }\n  \n"];
+export function gql(source: "\n  query GetScene($sceneId: ID!, $lang: Lang) {\n    node(id: $sceneId, type: SCENE) {\n      id\n      ... on Scene {\n        rootLayerId\n        teamId\n        projectId\n        property {\n          id\n          ...PropertyFragment\n        }\n        clusters {\n          id\n          name\n          propertyId\n          property {\n            id\n            ...PropertyFragment\n          }\n        }\n        tags {\n          id\n          label\n          ... on TagGroup {\n            tags {\n              id\n              label\n            }\n          }\n        }\n        plugins {\n          property {\n            id\n            ...PropertyFragment\n          }\n          plugin {\n           ...PluginFragment\n          }\n        }\n        widgets {\n          id\n          enabled\n          extended\n          pluginId\n          extensionId\n          property {\n            id\n            ...PropertyFragment\n          }\n        }\n        widgetAlignSystem {\n          ...WidgetAlignSystemFragment\n        }\n        stories {\n          ...StoryFragment\n        }\n      }\n    }\n  }\n"): (typeof documents)["\n  query GetScene($sceneId: ID!, $lang: Lang) {\n    node(id: $sceneId, type: SCENE) {\n      id\n      ... on Scene {\n        rootLayerId\n        teamId\n        projectId\n        property {\n          id\n          ...PropertyFragment\n        }\n        clusters {\n          id\n          name\n          propertyId\n          property {\n            id\n            ...PropertyFragment\n          }\n        }\n        tags {\n          id\n          label\n          ... on TagGroup {\n            tags {\n              id\n              label\n            }\n          }\n        }\n        plugins {\n          property {\n            id\n            ...PropertyFragment\n          }\n          plugin {\n           ...PluginFragment\n          }\n        }\n        widgets {\n          id\n          enabled\n          extended\n          pluginId\n          extensionId\n          property {\n            id\n            ...PropertyFragment\n          }\n        }\n        widgetAlignSystem {\n          ...WidgetAlignSystemFragment\n        }\n        stories {\n          ...StoryFragment\n        }\n      }\n    }\n  }\n"];
 /**
  * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
 export function gql(source: "\n  mutation CreateScene($projectId: ID!) {\n    createScene(input: { projectId: $projectId }) {\n      scene {\n        id\n      }\n    }\n  }\n"): (typeof documents)["\n  mutation CreateScene($projectId: ID!) {\n    createScene(input: { projectId: $projectId }) {\n      scene {\n        id\n      }\n    }\n  }\n"];
+/**
+ * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function gql(source: "\n  mutation CreateStory($input: CreateStoryInput!) {\n    createStory(input: $input) {\n      story {\n        ...StoryFragment\n      }\n    }\n  }\n"): (typeof documents)["\n  mutation CreateStory($input: CreateStoryInput!) {\n    createStory(input: $input) {\n      story {\n        ...StoryFragment\n      }\n    }\n  }\n"];
+/**
+ * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function gql(source: "\n  mutation UpdateStory($input: UpdateStoryInput!) {\n    updateStory(input: $input) {\n      story {\n        ...StoryFragment\n      }\n    }\n  }\n"): (typeof documents)["\n  mutation UpdateStory($input: UpdateStoryInput!) {\n    updateStory(input: $input) {\n      story {\n        ...StoryFragment\n      }\n    }\n  }\n"];
+/**
+ * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function gql(source: "\n  mutation DeleteStory($input: DeleteStoryInput!) {\n    deleteStory(input: $input) {\n      storyId\n    }\n  }\n"): (typeof documents)["\n  mutation DeleteStory($input: DeleteStoryInput!) {\n    deleteStory(input: $input) {\n      storyId\n    }\n  }\n"];
+/**
+ * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function gql(source: "\n  mutation CreateStoryPage($input: CreateStoryPageInput!) {\n    createStoryPage(input: $input) {\n      story {\n        ...StoryFragment\n      }\n    }\n  }\n"): (typeof documents)["\n  mutation CreateStoryPage($input: CreateStoryPageInput!) {\n    createStoryPage(input: $input) {\n      story {\n        ...StoryFragment\n      }\n    }\n  }\n"];
+/**
+ * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function gql(source: "\n  mutation UpdateStoryPage($input: UpdateStoryPageInput!) {\n    updateStoryPage(input: $input) {\n      story {\n        ...StoryFragment\n      }\n    }\n  }\n"): (typeof documents)["\n  mutation UpdateStoryPage($input: UpdateStoryPageInput!) {\n    updateStoryPage(input: $input) {\n      story {\n        ...StoryFragment\n      }\n    }\n  }\n"];
+/**
+ * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function gql(source: "\n  mutation DeleteStoryPage($input: DeleteStoryPageInput!) {\n    removeStoryPage(input: $input) {\n      story {\n        ...StoryFragment\n      }\n    }\n  }\n"): (typeof documents)["\n  mutation DeleteStoryPage($input: DeleteStoryPageInput!) {\n    removeStoryPage(input: $input) {\n      story {\n        ...StoryFragment\n      }\n    }\n  }\n"];
+/**
+ * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function gql(source: "\n  mutation MoveStoryPage($input: MoveStoryPageInput!) {\n    moveStoryPage(input: $input) {\n      story {\n        ...StoryFragment\n      }\n    }\n  }\n"): (typeof documents)["\n  mutation MoveStoryPage($input: MoveStoryPageInput!) {\n    moveStoryPage(input: $input) {\n      story {\n        ...StoryFragment\n      }\n    }\n  }\n"];
 /**
  * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
diff --git a/web/src/services/gql/__gen__/graphql.ts b/web/src/services/gql/__gen__/graphql.ts
index 8ba40098b8..585a6dd143 100644
--- a/web/src/services/gql/__gen__/graphql.ts
+++ b/web/src/services/gql/__gen__/graphql.ts
@@ -234,6 +234,38 @@ export type CreateScenePayload = {
   scene: Scene;
 };
 
+export type CreateStoryBlockInput = {
+  extensionId: Scalars['ID']['input'];
+  index?: InputMaybe<Scalars['Int']['input']>;
+  pageId: Scalars['ID']['input'];
+  pluginId: Scalars['ID']['input'];
+  storyId: Scalars['ID']['input'];
+};
+
+export type CreateStoryBlockPayload = {
+  __typename?: 'CreateStoryBlockPayload';
+  block: StoryBlock;
+  index: Scalars['Int']['output'];
+  page: StoryPage;
+  story: Story;
+};
+
+export type CreateStoryInput = {
+  index?: InputMaybe<Scalars['Int']['input']>;
+  sceneId: Scalars['ID']['input'];
+  title: Scalars['String']['input'];
+};
+
+export type CreateStoryPageInput = {
+  index?: InputMaybe<Scalars['Int']['input']>;
+  layers?: InputMaybe<Array<Scalars['ID']['input']>>;
+  sceneId: Scalars['ID']['input'];
+  storyId: Scalars['ID']['input'];
+  swipeable?: InputMaybe<Scalars['Boolean']['input']>;
+  swipeableLayers?: InputMaybe<Array<Scalars['ID']['input']>>;
+  title?: InputMaybe<Scalars['String']['input']>;
+};
+
 export type CreateTagGroupInput = {
   label: Scalars['String']['input'];
   sceneId: Scalars['ID']['input'];
@@ -372,6 +404,28 @@ export type DeleteProjectPayload = {
   projectId: Scalars['ID']['output'];
 };
 
+export type DeleteStoryInput = {
+  sceneId: Scalars['ID']['input'];
+  storyId: Scalars['ID']['input'];
+};
+
+export type DeleteStoryPageInput = {
+  pageId: Scalars['ID']['input'];
+  sceneId: Scalars['ID']['input'];
+  storyId: Scalars['ID']['input'];
+};
+
+export type DeleteStoryPagePayload = {
+  __typename?: 'DeleteStoryPagePayload';
+  pageId: Scalars['ID']['output'];
+  story: Story;
+};
+
+export type DeleteStoryPayload = {
+  __typename?: 'DeleteStoryPayload';
+  storyId: Scalars['ID']['output'];
+};
+
 export type DeleteTeamInput = {
   teamId: Scalars['ID']['input'];
 };
@@ -401,6 +455,12 @@ export type DetachTagItemFromGroupPayload = {
   tag: TagGroup;
 };
 
+export type DuplicateStoryPageInput = {
+  pageId: Scalars['ID']['input'];
+  sceneId: Scalars['ID']['input'];
+  storyId: Scalars['ID']['input'];
+};
+
 export type ImportDatasetFromGoogleSheetInput = {
   accessToken: Scalars['String']['input'];
   datasetSchemaId?: InputMaybe<Scalars['ID']['input']>;
@@ -723,6 +783,47 @@ export type MovePropertyItemInput = {
   schemaGroupId: Scalars['ID']['input'];
 };
 
+export type MoveStoryBlockInput = {
+  blockId: Scalars['ID']['input'];
+  index: Scalars['Int']['input'];
+  pageId: Scalars['ID']['input'];
+  storyId: Scalars['ID']['input'];
+};
+
+export type MoveStoryBlockPayload = {
+  __typename?: 'MoveStoryBlockPayload';
+  block: StoryBlock;
+  index: Scalars['Int']['output'];
+  page: StoryPage;
+  story: Story;
+};
+
+export type MoveStoryInput = {
+  index: Scalars['Int']['input'];
+  sceneId: Scalars['ID']['input'];
+  storyId: Scalars['ID']['input'];
+};
+
+export type MoveStoryPageInput = {
+  index: Scalars['Int']['input'];
+  pageId: Scalars['ID']['input'];
+  storyId: Scalars['ID']['input'];
+};
+
+export type MoveStoryPagePayload = {
+  __typename?: 'MoveStoryPagePayload';
+  index: Scalars['Int']['output'];
+  page: StoryPage;
+  story: Story;
+};
+
+export type MoveStoryPayload = {
+  __typename?: 'MoveStoryPayload';
+  index: Scalars['Int']['output'];
+  stories: Array<Story>;
+  storyId: Scalars['ID']['output'];
+};
+
 export type Mutation = {
   __typename?: 'Mutation';
   addCluster?: Maybe<AddClusterPayload>;
@@ -731,6 +832,7 @@ export type Mutation = {
   addLayerGroup?: Maybe<AddLayerGroupPayload>;
   addLayerItem?: Maybe<AddLayerItemPayload>;
   addMemberToTeam?: Maybe<AddMemberToTeamPayload>;
+  addPageLayer: StoryPagePayload;
   addPropertyItem?: Maybe<PropertyItemPayload>;
   addWidget?: Maybe<AddWidgetPayload>;
   attachTagItemToGroup?: Maybe<AttachTagItemToGroupPayload>;
@@ -739,14 +841,19 @@ export type Mutation = {
   createInfobox?: Maybe<CreateInfoboxPayload>;
   createProject?: Maybe<ProjectPayload>;
   createScene?: Maybe<CreateScenePayload>;
+  createStory: StoryPayload;
+  createStoryBlock: CreateStoryBlockPayload;
+  createStoryPage: StoryPagePayload;
   createTagGroup?: Maybe<CreateTagGroupPayload>;
   createTagItem?: Maybe<CreateTagItemPayload>;
   createTeam?: Maybe<CreateTeamPayload>;
   deleteMe?: Maybe<DeleteMePayload>;
   deleteProject?: Maybe<DeleteProjectPayload>;
+  deleteStory: DeleteStoryPayload;
   deleteTeam?: Maybe<DeleteTeamPayload>;
   detachTagFromLayer?: Maybe<DetachTagFromLayerPayload>;
   detachTagItemFromGroup?: Maybe<DetachTagItemFromGroupPayload>;
+  duplicateStoryPage: StoryPagePayload;
   importDataset?: Maybe<ImportDatasetPayload>;
   importDatasetFromGoogleSheet?: Maybe<ImportDatasetPayload>;
   importLayer?: Maybe<ImportLayerPayload>;
@@ -755,7 +862,11 @@ export type Mutation = {
   moveInfoboxField?: Maybe<MoveInfoboxFieldPayload>;
   moveLayer?: Maybe<MoveLayerPayload>;
   movePropertyItem?: Maybe<PropertyItemPayload>;
+  moveStory: MoveStoryPayload;
+  moveStoryBlock: MoveStoryBlockPayload;
+  moveStoryPage: MoveStoryPagePayload;
   publishProject?: Maybe<ProjectPayload>;
+  publishStory: StoryPayload;
   removeAsset?: Maybe<RemoveAssetPayload>;
   removeCluster?: Maybe<RemoveClusterPayload>;
   removeDatasetSchema?: Maybe<RemoveDatasetSchemaPayload>;
@@ -764,8 +875,11 @@ export type Mutation = {
   removeLayer?: Maybe<RemoveLayerPayload>;
   removeMemberFromTeam?: Maybe<RemoveMemberFromTeamPayload>;
   removeMyAuth?: Maybe<UpdateMePayload>;
+  removePageLayer: StoryPagePayload;
   removePropertyField?: Maybe<PropertyFieldPayload>;
   removePropertyItem?: Maybe<PropertyItemPayload>;
+  removeStoryBlock: RemoveStoryBlockPayload;
+  removeStoryPage: DeleteStoryPagePayload;
   removeTag?: Maybe<RemoveTagPayload>;
   removeWidget?: Maybe<RemoveWidgetPayload>;
   signup?: Maybe<SignupPayload>;
@@ -780,6 +894,8 @@ export type Mutation = {
   updateProject?: Maybe<ProjectPayload>;
   updatePropertyItems?: Maybe<PropertyItemPayload>;
   updatePropertyValue?: Maybe<PropertyFieldPayload>;
+  updateStory: StoryPayload;
+  updateStoryPage: StoryPagePayload;
   updateTag?: Maybe<UpdateTagPayload>;
   updateTeam?: Maybe<UpdateTeamPayload>;
   updateWidget?: Maybe<UpdateWidgetPayload>;
@@ -820,6 +936,11 @@ export type MutationAddMemberToTeamArgs = {
 };
 
 
+export type MutationAddPageLayerArgs = {
+  input: PageLayerInput;
+};
+
+
 export type MutationAddPropertyItemArgs = {
   input: AddPropertyItemInput;
 };
@@ -860,6 +981,21 @@ export type MutationCreateSceneArgs = {
 };
 
 
+export type MutationCreateStoryArgs = {
+  input: CreateStoryInput;
+};
+
+
+export type MutationCreateStoryBlockArgs = {
+  input: CreateStoryBlockInput;
+};
+
+
+export type MutationCreateStoryPageArgs = {
+  input: CreateStoryPageInput;
+};
+
+
 export type MutationCreateTagGroupArgs = {
   input: CreateTagGroupInput;
 };
@@ -885,6 +1021,11 @@ export type MutationDeleteProjectArgs = {
 };
 
 
+export type MutationDeleteStoryArgs = {
+  input: DeleteStoryInput;
+};
+
+
 export type MutationDeleteTeamArgs = {
   input: DeleteTeamInput;
 };
@@ -900,6 +1041,11 @@ export type MutationDetachTagItemFromGroupArgs = {
 };
 
 
+export type MutationDuplicateStoryPageArgs = {
+  input: DuplicateStoryPageInput;
+};
+
+
 export type MutationImportDatasetArgs = {
   input: ImportDatasetInput;
 };
@@ -940,11 +1086,31 @@ export type MutationMovePropertyItemArgs = {
 };
 
 
+export type MutationMoveStoryArgs = {
+  input: MoveStoryInput;
+};
+
+
+export type MutationMoveStoryBlockArgs = {
+  input: MoveStoryBlockInput;
+};
+
+
+export type MutationMoveStoryPageArgs = {
+  input: MoveStoryPageInput;
+};
+
+
 export type MutationPublishProjectArgs = {
   input: PublishProjectInput;
 };
 
 
+export type MutationPublishStoryArgs = {
+  input: PublishStoryInput;
+};
+
+
 export type MutationRemoveAssetArgs = {
   input: RemoveAssetInput;
 };
@@ -985,6 +1151,11 @@ export type MutationRemoveMyAuthArgs = {
 };
 
 
+export type MutationRemovePageLayerArgs = {
+  input: PageLayerInput;
+};
+
+
 export type MutationRemovePropertyFieldArgs = {
   input: RemovePropertyFieldInput;
 };
@@ -995,6 +1166,16 @@ export type MutationRemovePropertyItemArgs = {
 };
 
 
+export type MutationRemoveStoryBlockArgs = {
+  input: RemoveStoryBlockInput;
+};
+
+
+export type MutationRemoveStoryPageArgs = {
+  input: DeleteStoryPageInput;
+};
+
+
 export type MutationRemoveTagArgs = {
   input: RemoveTagInput;
 };
@@ -1065,6 +1246,16 @@ export type MutationUpdatePropertyValueArgs = {
 };
 
 
+export type MutationUpdateStoryArgs = {
+  input: UpdateStoryInput;
+};
+
+
+export type MutationUpdateStoryPageArgs = {
+  input: UpdateStoryPageInput;
+};
+
+
 export type MutationUpdateTagArgs = {
   input: UpdateTagInput;
 };
@@ -1126,6 +1317,14 @@ export type PageInfo = {
   startCursor?: Maybe<Scalars['Cursor']['output']>;
 };
 
+export type PageLayerInput = {
+  layerId: Scalars['ID']['input'];
+  pageId: Scalars['ID']['input'];
+  sceneId: Scalars['ID']['input'];
+  storyId: Scalars['ID']['input'];
+  swipeable?: InputMaybe<Scalars['Boolean']['input']>;
+};
+
 export type Pagination = {
   after?: InputMaybe<Scalars['Cursor']['input']>;
   before?: InputMaybe<Scalars['Cursor']['input']>;
@@ -1454,6 +1653,12 @@ export type PublishProjectInput = {
   status: PublishmentStatus;
 };
 
+export type PublishStoryInput = {
+  alias?: InputMaybe<Scalars['String']['input']>;
+  status: PublishmentStatus;
+  storyId: Scalars['ID']['input'];
+};
+
 export enum PublishmentStatus {
   Limited = 'LIMITED',
   Private = 'PRIVATE',
@@ -1662,6 +1867,19 @@ export type RemovePropertyItemInput = {
   schemaGroupId: Scalars['ID']['input'];
 };
 
+export type RemoveStoryBlockInput = {
+  blockId: Scalars['ID']['input'];
+  pageId: Scalars['ID']['input'];
+  storyId: Scalars['ID']['input'];
+};
+
+export type RemoveStoryBlockPayload = {
+  __typename?: 'RemoveStoryBlockPayload';
+  blockId: Scalars['ID']['output'];
+  page: StoryPage;
+  story: Story;
+};
+
 export type RemoveTagInput = {
   tagID: Scalars['ID']['input'];
 };
@@ -1702,6 +1920,7 @@ export type Scene = Node & {
   propertyId: Scalars['ID']['output'];
   rootLayer?: Maybe<LayerGroup>;
   rootLayerId: Scalars['ID']['output'];
+  stories: Array<Story>;
   tagIds: Array<Scalars['ID']['output']>;
   tags: Array<Tag>;
   team?: Maybe<Team>;
@@ -1754,6 +1973,66 @@ export type SignupPayload = {
   user: User;
 };
 
+export type Story = Node & {
+  __typename?: 'Story';
+  alias: Scalars['String']['output'];
+  createdAt: Scalars['DateTime']['output'];
+  id: Scalars['ID']['output'];
+  pages: Array<StoryPage>;
+  property?: Maybe<Property>;
+  propertyId: Scalars['ID']['output'];
+  publishedAt?: Maybe<Scalars['DateTime']['output']>;
+  publishmentStatus: PublishmentStatus;
+  scene?: Maybe<Scene>;
+  sceneId: Scalars['ID']['output'];
+  title: Scalars['String']['output'];
+  updatedAt: Scalars['DateTime']['output'];
+};
+
+export type StoryBlock = Node & {
+  __typename?: 'StoryBlock';
+  extension?: Maybe<PluginExtension>;
+  extensionId: Scalars['ID']['output'];
+  id: Scalars['ID']['output'];
+  linkedDatasetId?: Maybe<Scalars['ID']['output']>;
+  page: StoryPage;
+  pageId: Scalars['ID']['output'];
+  plugin?: Maybe<Plugin>;
+  pluginId: Scalars['ID']['output'];
+  property?: Maybe<Property>;
+  propertyId: Scalars['ID']['output'];
+  scene?: Maybe<Scene>;
+  sceneId: Scalars['ID']['output'];
+};
+
+export type StoryPage = Node & {
+  __typename?: 'StoryPage';
+  blocks: Array<StoryBlock>;
+  createdAt: Scalars['DateTime']['output'];
+  id: Scalars['ID']['output'];
+  layers: Array<Layer>;
+  layersIds: Array<Scalars['ID']['output']>;
+  property?: Maybe<Property>;
+  propertyId: Scalars['ID']['output'];
+  scene?: Maybe<Scene>;
+  sceneId: Scalars['ID']['output'];
+  swipeable: Scalars['Boolean']['output'];
+  swipeableLayers?: Maybe<Array<Layer>>;
+  swipeableLayersIds?: Maybe<Array<Scalars['ID']['output']>>;
+  title: Scalars['String']['output'];
+};
+
+export type StoryPagePayload = {
+  __typename?: 'StoryPagePayload';
+  page: StoryPage;
+  story: Story;
+};
+
+export type StoryPayload = {
+  __typename?: 'StoryPayload';
+  story: Story;
+};
+
 export type SyncDatasetInput = {
   sceneId: Scalars['ID']['input'];
   url: Scalars['String']['input'];
@@ -1981,6 +2260,24 @@ export type UpdatePropertyValueInput = {
   value?: InputMaybe<Scalars['Any']['input']>;
 };
 
+export type UpdateStoryInput = {
+  index?: InputMaybe<Scalars['Int']['input']>;
+  sceneId: Scalars['ID']['input'];
+  storyId: Scalars['ID']['input'];
+  title?: InputMaybe<Scalars['String']['input']>;
+};
+
+export type UpdateStoryPageInput = {
+  index?: InputMaybe<Scalars['Int']['input']>;
+  layers?: InputMaybe<Array<Scalars['ID']['input']>>;
+  pageId: Scalars['ID']['input'];
+  sceneId: Scalars['ID']['input'];
+  storyId: Scalars['ID']['input'];
+  swipeable?: InputMaybe<Scalars['Boolean']['input']>;
+  swipeableLayers?: InputMaybe<Array<Scalars['ID']['input']>>;
+  title?: InputMaybe<Scalars['String']['input']>;
+};
+
 export type UpdateTagInput = {
   label?: InputMaybe<Scalars['String']['input']>;
   sceneId: Scalars['ID']['input'];
@@ -2354,12 +2651,16 @@ export type MergedPropertyFragmentFragment = { __typename?: 'MergedProperty', or
 
 export type PropertyFieldLinkFragment = { __typename?: 'PropertyFieldLink', datasetId?: string | null, datasetSchemaId: string, datasetSchemaFieldId: string };
 
+export type StoryFragmentFragment = { __typename?: 'Story', id: string, title: string, pages: Array<{ __typename?: 'StoryPage', id: string, title: string, swipeable: boolean }> };
+
+export type StoryPageFragmentFragment = { __typename?: 'StoryPage', id: string, title: string, swipeable: boolean };
+
 export type GetProjectQueryVariables = Exact<{
   projectId: Scalars['ID']['input'];
 }>;
 
 
-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, 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 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, scene?: { __typename?: 'Scene', id: string } | null } | { __typename?: 'Property', id: string } | { __typename?: 'Scene', id: string } | { __typename?: 'Story', id: string } | { __typename?: 'StoryBlock', id: string } | { __typename?: 'StoryPage', id: string } | { __typename?: 'Team', id: string } | { __typename?: 'User', id: string } | null };
 
 export type GetProjectsQueryVariables = Exact<{
   teamId: Scalars['ID']['input'];
@@ -2467,7 +2768,7 @@ export type GetSceneQueryVariables = Exact<{
 }>;
 
 
-export type GetSceneQuery = { __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', rootLayerId: string, teamId: string, projectId: string, id: 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 }> | 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 }> | 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 }> | 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 }> | 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', 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 }> | 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 }> | null }> }> }> } | null, plugin?: { __typename?: 'Plugin', id: string, name: string, extensions: Array<{ __typename?: 'PluginExtension', extensionId: string, description: string, name: string, translatedDescription: string, translatedName: string, icon: string, singleOnly?: boolean | null, type: PluginExtensionType, widgetLayout?: { __typename?: 'WidgetLayout', extended: boolean, floating: 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 }> | 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 }> | 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 GetSceneQuery = { __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', rootLayerId: string, teamId: string, projectId: string, id: 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 }> | 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 }> | 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 }> | 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 }> | 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', 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 }> | 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 }> | null }> }> }> } | null, plugin?: { __typename?: 'Plugin', id: string, name: string, extensions: Array<{ __typename?: 'PluginExtension', extensionId: string, description: string, name: string, translatedDescription: string, translatedName: string, icon: string, singleOnly?: boolean | null, type: PluginExtensionType, widgetLayout?: { __typename?: 'WidgetLayout', extended: boolean, floating: 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 }> | 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 }> | 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, stories: Array<{ __typename?: 'Story', id: string, title: string, pages: Array<{ __typename?: 'StoryPage', id: string, title: string, swipeable: boolean }> }> } | { __typename?: 'Story', id: string } | { __typename?: 'StoryBlock', id: string } | { __typename?: 'StoryPage', id: string } | { __typename?: 'Team', id: string } | { __typename?: 'User', id: string } | null };
 
 export type CreateSceneMutationVariables = Exact<{
   projectId: Scalars['ID']['input'];
@@ -2476,6 +2777,55 @@ export type CreateSceneMutationVariables = Exact<{
 
 export type CreateSceneMutation = { __typename?: 'Mutation', createScene?: { __typename?: 'CreateScenePayload', scene: { __typename?: 'Scene', id: string } } | null };
 
+export type CreateStoryMutationVariables = Exact<{
+  input: CreateStoryInput;
+}>;
+
+
+export type CreateStoryMutation = { __typename?: 'Mutation', createStory: { __typename?: 'StoryPayload', story: { __typename?: 'Story', id: string, title: string, pages: Array<{ __typename?: 'StoryPage', id: string, title: string, swipeable: boolean }> } } };
+
+export type UpdateStoryMutationVariables = Exact<{
+  input: UpdateStoryInput;
+}>;
+
+
+export type UpdateStoryMutation = { __typename?: 'Mutation', updateStory: { __typename?: 'StoryPayload', story: { __typename?: 'Story', id: string, title: string, pages: Array<{ __typename?: 'StoryPage', id: string, title: string, swipeable: boolean }> } } };
+
+export type DeleteStoryMutationVariables = Exact<{
+  input: DeleteStoryInput;
+}>;
+
+
+export type DeleteStoryMutation = { __typename?: 'Mutation', deleteStory: { __typename?: 'DeleteStoryPayload', storyId: string } };
+
+export type CreateStoryPageMutationVariables = Exact<{
+  input: CreateStoryPageInput;
+}>;
+
+
+export type CreateStoryPageMutation = { __typename?: 'Mutation', createStoryPage: { __typename?: 'StoryPagePayload', story: { __typename?: 'Story', id: string, title: string, pages: Array<{ __typename?: 'StoryPage', id: string, title: string, swipeable: boolean }> } } };
+
+export type UpdateStoryPageMutationVariables = Exact<{
+  input: UpdateStoryPageInput;
+}>;
+
+
+export type UpdateStoryPageMutation = { __typename?: 'Mutation', updateStoryPage: { __typename?: 'StoryPagePayload', story: { __typename?: 'Story', id: string, title: string, pages: Array<{ __typename?: 'StoryPage', id: string, title: string, swipeable: boolean }> } } };
+
+export type DeleteStoryPageMutationVariables = Exact<{
+  input: DeleteStoryPageInput;
+}>;
+
+
+export type DeleteStoryPageMutation = { __typename?: 'Mutation', removeStoryPage: { __typename?: 'DeleteStoryPagePayload', story: { __typename?: 'Story', id: string, title: string, pages: Array<{ __typename?: 'StoryPage', id: string, title: string, swipeable: boolean }> } } };
+
+export type MoveStoryPageMutationVariables = Exact<{
+  input: MoveStoryPageInput;
+}>;
+
+
+export type MoveStoryPageMutation = { __typename?: 'Mutation', moveStoryPage: { __typename?: 'MoveStoryPagePayload', story: { __typename?: 'Story', id: string, title: string, pages: Array<{ __typename?: 'StoryPage', id: string, title: string, swipeable: boolean }> } } };
+
 export type GetUserBySearchQueryVariables = Exact<{
   nameOrEmail: Scalars['String']['input'];
 }>;
@@ -2599,6 +2949,8 @@ export const Layer4FragmentFragmentDoc = {"kind":"Document","definitions":[{"kin
 export const Layer5FragmentFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"Layer5Fragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Layer"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"LayerFragment"}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"LayerGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"layers"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"LayerFragment"}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"LayerGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"layers"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"LayerFragment"}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"LayerGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"layers"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"LayerFragment"}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"LayerGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"layers"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"LayerFragment"}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"LayerGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"layers"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"LayerFragment"}}]}}]}}]}}]}}]}}]}}]}}]}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyFieldLink"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyFieldLink"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"datasetId"}},{"kind":"Field","name":{"kind":"Name","value":"datasetSchemaId"}},{"kind":"Field","name":{"kind":"Name","value":"datasetSchemaFieldId"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyFieldFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyField"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"fieldId"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"value"}},{"kind":"Field","name":{"kind":"Name","value":"links"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFieldLink"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyGroupFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"schemaGroupId"}},{"kind":"Field","name":{"kind":"Name","value":"fields"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFieldFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyItemFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyItem"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyGroupList"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"schemaGroupId"}},{"kind":"Field","name":{"kind":"Name","value":"groups"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyGroupFragment"}}]}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyGroupFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyFragmentWithoutSchema"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Property"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"items"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyItemFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertySchemaFieldFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertySchemaField"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"fieldId"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"description"}},{"kind":"Field","name":{"kind":"Name","value":"translatedTitle"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lang"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lang"}}}]},{"kind":"Field","name":{"kind":"Name","value":"translatedDescription"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lang"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lang"}}}]},{"kind":"Field","name":{"kind":"Name","value":"prefix"}},{"kind":"Field","name":{"kind":"Name","value":"suffix"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"ui"}},{"kind":"Field","name":{"kind":"Name","value":"min"}},{"kind":"Field","name":{"kind":"Name","value":"max"}},{"kind":"Field","name":{"kind":"Name","value":"choices"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"key"}},{"kind":"Field","name":{"kind":"Name","value":"icon"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"translatedTitle"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lang"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lang"}}}]}]}},{"kind":"Field","name":{"kind":"Name","value":"isAvailableIf"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"fieldId"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertySchemaGroupFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertySchemaGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"schemaGroupId"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"translatedTitle"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lang"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lang"}}}]},{"kind":"Field","name":{"kind":"Name","value":"isList"}},{"kind":"Field","name":{"kind":"Name","value":"representativeFieldId"}},{"kind":"Field","name":{"kind":"Name","value":"isAvailableIf"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"fieldId"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}},{"kind":"Field","name":{"kind":"Name","value":"fields"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertySchemaFieldFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Property"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFragmentWithoutSchema"}},{"kind":"Field","name":{"kind":"Name","value":"schema"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"groups"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertySchemaGroupFragment"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"InfoboxFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Infobox"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"propertyId"}},{"kind":"Field","name":{"kind":"Name","value":"property"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFragment"}}]}},{"kind":"Field","name":{"kind":"Name","value":"fields"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"pluginId"}},{"kind":"Field","name":{"kind":"Name","value":"extensionId"}},{"kind":"Field","name":{"kind":"Name","value":"propertyId"}},{"kind":"Field","name":{"kind":"Name","value":"property"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFragment"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"MergedPropertyGroupCommonFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"MergedPropertyGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"schemaGroupId"}},{"kind":"Field","name":{"kind":"Name","value":"fields"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"fieldId"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"actualValue"}},{"kind":"Field","name":{"kind":"Name","value":"overridden"}},{"kind":"Field","name":{"kind":"Name","value":"links"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFieldLink"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"MergedPropertyGroupFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"MergedPropertyGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"MergedPropertyGroupCommonFragment"}},{"kind":"Field","name":{"kind":"Name","value":"groups"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"MergedPropertyGroupCommonFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"MergedPropertyFragmentWithoutSchema"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"MergedProperty"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"originalId"}},{"kind":"Field","name":{"kind":"Name","value":"parentId"}},{"kind":"Field","name":{"kind":"Name","value":"linkedDatasetId"}},{"kind":"Field","name":{"kind":"Name","value":"groups"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"MergedPropertyGroupFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"MergedPropertyFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"MergedProperty"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"MergedPropertyFragmentWithoutSchema"}},{"kind":"Field","name":{"kind":"Name","value":"schema"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"MergedInfoboxFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"MergedInfobox"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"property"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"MergedPropertyFragment"}}]}},{"kind":"Field","name":{"kind":"Name","value":"fields"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"originalId"}},{"kind":"Field","name":{"kind":"Name","value":"pluginId"}},{"kind":"Field","name":{"kind":"Name","value":"extensionId"}},{"kind":"Field","name":{"kind":"Name","value":"property"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"MergedPropertyFragment"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"LayerFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Layer"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"isVisible"}},{"kind":"Field","name":{"kind":"Name","value":"pluginId"}},{"kind":"Field","name":{"kind":"Name","value":"extensionId"}},{"kind":"Field","name":{"kind":"Name","value":"property"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFragment"}}]}},{"kind":"Field","name":{"kind":"Name","value":"infobox"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"InfoboxFragment"}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"LayerGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"linkedDatasetSchemaId"}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"LayerItem"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"linkedDatasetId"}},{"kind":"Field","name":{"kind":"Name","value":"merged"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"parentId"}},{"kind":"Field","name":{"kind":"Name","value":"property"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"MergedPropertyFragment"}}]}},{"kind":"Field","name":{"kind":"Name","value":"infobox"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"MergedInfoboxFragment"}}]}}]}}]}}]}}]} as unknown as DocumentNode<Layer5FragmentFragment, unknown>;
 export const PluginFragmentFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PluginFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Plugin"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"extensions"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"extensionId"}},{"kind":"Field","name":{"kind":"Name","value":"description"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"translatedDescription"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lang"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lang"}}}]},{"kind":"Field","name":{"kind":"Name","value":"translatedName"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lang"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lang"}}}]},{"kind":"Field","name":{"kind":"Name","value":"icon"}},{"kind":"Field","name":{"kind":"Name","value":"singleOnly"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"widgetLayout"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"extendable"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"vertically"}},{"kind":"Field","name":{"kind":"Name","value":"horizontally"}}]}},{"kind":"Field","name":{"kind":"Name","value":"extended"}},{"kind":"Field","name":{"kind":"Name","value":"floating"}},{"kind":"Field","name":{"kind":"Name","value":"defaultLocation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"zone"}},{"kind":"Field","name":{"kind":"Name","value":"section"}},{"kind":"Field","name":{"kind":"Name","value":"area"}}]}}]}}]}}]}}]} as unknown as DocumentNode<PluginFragmentFragment, unknown>;
 export const ProjectFragmentFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"ProjectFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Project"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"description"}},{"kind":"Field","name":{"kind":"Name","value":"imageUrl"}},{"kind":"Field","name":{"kind":"Name","value":"isArchived"}},{"kind":"Field","name":{"kind":"Name","value":"isBasicAuthActive"}},{"kind":"Field","name":{"kind":"Name","value":"basicAuthUsername"}},{"kind":"Field","name":{"kind":"Name","value":"basicAuthPassword"}},{"kind":"Field","name":{"kind":"Name","value":"publicTitle"}},{"kind":"Field","name":{"kind":"Name","value":"publicDescription"}},{"kind":"Field","name":{"kind":"Name","value":"publicImage"}},{"kind":"Field","name":{"kind":"Name","value":"alias"}},{"kind":"Field","name":{"kind":"Name","value":"publishmentStatus"}},{"kind":"Field","name":{"kind":"Name","value":"updatedAt"}},{"kind":"Field","name":{"kind":"Name","value":"coreSupport"}}]}}]} as unknown as DocumentNode<ProjectFragmentFragment, unknown>;
+export const StoryPageFragmentFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"StoryPageFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"StoryPage"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"swipeable"}}]}}]} as unknown as DocumentNode<StoryPageFragmentFragment, unknown>;
+export const StoryFragmentFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"StoryFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Story"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"pages"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"StoryPageFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"StoryPageFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"StoryPage"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"swipeable"}}]}}]} as unknown as DocumentNode<StoryFragmentFragment, unknown>;
 export const GetProjectDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"GetProject"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"projectId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"ID"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"node"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"id"},"value":{"kind":"Variable","name":{"kind":"Name","value":"projectId"}}},{"kind":"Argument","name":{"kind":"Name","value":"type"},"value":{"kind":"EnumValue","value":"PROJECT"}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Project"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"ProjectFragment"}},{"kind":"Field","name":{"kind":"Name","value":"scene"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"ProjectFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Project"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"description"}},{"kind":"Field","name":{"kind":"Name","value":"imageUrl"}},{"kind":"Field","name":{"kind":"Name","value":"isArchived"}},{"kind":"Field","name":{"kind":"Name","value":"isBasicAuthActive"}},{"kind":"Field","name":{"kind":"Name","value":"basicAuthUsername"}},{"kind":"Field","name":{"kind":"Name","value":"basicAuthPassword"}},{"kind":"Field","name":{"kind":"Name","value":"publicTitle"}},{"kind":"Field","name":{"kind":"Name","value":"publicDescription"}},{"kind":"Field","name":{"kind":"Name","value":"publicImage"}},{"kind":"Field","name":{"kind":"Name","value":"alias"}},{"kind":"Field","name":{"kind":"Name","value":"publishmentStatus"}},{"kind":"Field","name":{"kind":"Name","value":"updatedAt"}},{"kind":"Field","name":{"kind":"Name","value":"coreSupport"}}]}}]} as unknown as DocumentNode<GetProjectQuery, GetProjectQueryVariables>;
 export const GetProjectsDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"GetProjects"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"teamId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"ID"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"first"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"Int"}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"last"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"Int"}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"after"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"Cursor"}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"before"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"Cursor"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"projects"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"teamId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"teamId"}}},{"kind":"Argument","name":{"kind":"Name","value":"first"},"value":{"kind":"Variable","name":{"kind":"Name","value":"first"}}},{"kind":"Argument","name":{"kind":"Name","value":"last"},"value":{"kind":"Variable","name":{"kind":"Name","value":"last"}}},{"kind":"Argument","name":{"kind":"Name","value":"after"},"value":{"kind":"Variable","name":{"kind":"Name","value":"after"}}},{"kind":"Argument","name":{"kind":"Name","value":"before"},"value":{"kind":"Variable","name":{"kind":"Name","value":"before"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"edges"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"node"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"ProjectFragment"}},{"kind":"Field","name":{"kind":"Name","value":"scene"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"nodes"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"ProjectFragment"}},{"kind":"Field","name":{"kind":"Name","value":"scene"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"pageInfo"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"endCursor"}},{"kind":"Field","name":{"kind":"Name","value":"hasNextPage"}},{"kind":"Field","name":{"kind":"Name","value":"hasPreviousPage"}},{"kind":"Field","name":{"kind":"Name","value":"startCursor"}}]}},{"kind":"Field","name":{"kind":"Name","value":"totalCount"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"ProjectFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Project"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"description"}},{"kind":"Field","name":{"kind":"Name","value":"imageUrl"}},{"kind":"Field","name":{"kind":"Name","value":"isArchived"}},{"kind":"Field","name":{"kind":"Name","value":"isBasicAuthActive"}},{"kind":"Field","name":{"kind":"Name","value":"basicAuthUsername"}},{"kind":"Field","name":{"kind":"Name","value":"basicAuthPassword"}},{"kind":"Field","name":{"kind":"Name","value":"publicTitle"}},{"kind":"Field","name":{"kind":"Name","value":"publicDescription"}},{"kind":"Field","name":{"kind":"Name","value":"publicImage"}},{"kind":"Field","name":{"kind":"Name","value":"alias"}},{"kind":"Field","name":{"kind":"Name","value":"publishmentStatus"}},{"kind":"Field","name":{"kind":"Name","value":"updatedAt"}},{"kind":"Field","name":{"kind":"Name","value":"coreSupport"}}]}}]} as unknown as DocumentNode<GetProjectsQuery, GetProjectsQueryVariables>;
 export const CheckProjectAliasDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"CheckProjectAlias"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"alias"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"checkProjectAlias"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"alias"},"value":{"kind":"Variable","name":{"kind":"Name","value":"alias"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"alias"}},{"kind":"Field","name":{"kind":"Name","value":"available"}}]}}]}}]} as unknown as DocumentNode<CheckProjectAliasQuery, CheckProjectAliasQueryVariables>;
@@ -2610,8 +2962,15 @@ export const PublishProjectDocument = {"kind":"Document","definitions":[{"kind":
 export const ArchiveProjectDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"ArchiveProject"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"projectId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"ID"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"archived"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"Boolean"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"updateProject"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"input"},"value":{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"projectId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"projectId"}}},{"kind":"ObjectField","name":{"kind":"Name","value":"archived"},"value":{"kind":"Variable","name":{"kind":"Name","value":"archived"}}}]}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"project"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"isArchived"}}]}}]}}]}}]} as unknown as DocumentNode<ArchiveProjectMutation, ArchiveProjectMutationVariables>;
 export const DeleteProjectDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"DeleteProject"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"projectId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"ID"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"deleteProject"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"input"},"value":{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"projectId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"projectId"}}}]}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"projectId"}}]}}]}}]} as unknown as DocumentNode<DeleteProjectMutation, DeleteProjectMutationVariables>;
 export const UpdatePropertyValueDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"UpdatePropertyValue"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"propertyId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"ID"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"schemaGroupId"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"ID"}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"itemId"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"ID"}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"fieldId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"ID"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"value"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"Any"}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"type"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"ValueType"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"lang"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"Lang"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"updatePropertyValue"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"input"},"value":{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"propertyId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"propertyId"}}},{"kind":"ObjectField","name":{"kind":"Name","value":"schemaGroupId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"schemaGroupId"}}},{"kind":"ObjectField","name":{"kind":"Name","value":"itemId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"itemId"}}},{"kind":"ObjectField","name":{"kind":"Name","value":"fieldId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"fieldId"}}},{"kind":"ObjectField","name":{"kind":"Name","value":"value"},"value":{"kind":"Variable","name":{"kind":"Name","value":"value"}}},{"kind":"ObjectField","name":{"kind":"Name","value":"type"},"value":{"kind":"Variable","name":{"kind":"Name","value":"type"}}}]}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"property"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFragment"}},{"kind":"Field","name":{"kind":"Name","value":"layer"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"Layer1Fragment"}}]}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyFieldLink"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyFieldLink"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"datasetId"}},{"kind":"Field","name":{"kind":"Name","value":"datasetSchemaId"}},{"kind":"Field","name":{"kind":"Name","value":"datasetSchemaFieldId"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyFieldFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyField"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"fieldId"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"value"}},{"kind":"Field","name":{"kind":"Name","value":"links"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFieldLink"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyGroupFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"schemaGroupId"}},{"kind":"Field","name":{"kind":"Name","value":"fields"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFieldFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyItemFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyItem"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyGroupList"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"schemaGroupId"}},{"kind":"Field","name":{"kind":"Name","value":"groups"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyGroupFragment"}}]}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyGroupFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyFragmentWithoutSchema"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Property"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"items"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyItemFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertySchemaFieldFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertySchemaField"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"fieldId"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"description"}},{"kind":"Field","name":{"kind":"Name","value":"translatedTitle"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lang"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lang"}}}]},{"kind":"Field","name":{"kind":"Name","value":"translatedDescription"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lang"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lang"}}}]},{"kind":"Field","name":{"kind":"Name","value":"prefix"}},{"kind":"Field","name":{"kind":"Name","value":"suffix"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"ui"}},{"kind":"Field","name":{"kind":"Name","value":"min"}},{"kind":"Field","name":{"kind":"Name","value":"max"}},{"kind":"Field","name":{"kind":"Name","value":"choices"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"key"}},{"kind":"Field","name":{"kind":"Name","value":"icon"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"translatedTitle"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lang"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lang"}}}]}]}},{"kind":"Field","name":{"kind":"Name","value":"isAvailableIf"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"fieldId"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertySchemaGroupFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertySchemaGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"schemaGroupId"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"translatedTitle"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lang"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lang"}}}]},{"kind":"Field","name":{"kind":"Name","value":"isList"}},{"kind":"Field","name":{"kind":"Name","value":"representativeFieldId"}},{"kind":"Field","name":{"kind":"Name","value":"isAvailableIf"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"fieldId"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}},{"kind":"Field","name":{"kind":"Name","value":"fields"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertySchemaFieldFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Property"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFragmentWithoutSchema"}},{"kind":"Field","name":{"kind":"Name","value":"schema"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"groups"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertySchemaGroupFragment"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"InfoboxFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Infobox"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"propertyId"}},{"kind":"Field","name":{"kind":"Name","value":"property"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFragment"}}]}},{"kind":"Field","name":{"kind":"Name","value":"fields"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"pluginId"}},{"kind":"Field","name":{"kind":"Name","value":"extensionId"}},{"kind":"Field","name":{"kind":"Name","value":"propertyId"}},{"kind":"Field","name":{"kind":"Name","value":"property"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFragment"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"MergedPropertyGroupCommonFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"MergedPropertyGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"schemaGroupId"}},{"kind":"Field","name":{"kind":"Name","value":"fields"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"fieldId"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"actualValue"}},{"kind":"Field","name":{"kind":"Name","value":"overridden"}},{"kind":"Field","name":{"kind":"Name","value":"links"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFieldLink"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"MergedPropertyGroupFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"MergedPropertyGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"MergedPropertyGroupCommonFragment"}},{"kind":"Field","name":{"kind":"Name","value":"groups"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"MergedPropertyGroupCommonFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"MergedPropertyFragmentWithoutSchema"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"MergedProperty"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"originalId"}},{"kind":"Field","name":{"kind":"Name","value":"parentId"}},{"kind":"Field","name":{"kind":"Name","value":"linkedDatasetId"}},{"kind":"Field","name":{"kind":"Name","value":"groups"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"MergedPropertyGroupFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"MergedPropertyFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"MergedProperty"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"MergedPropertyFragmentWithoutSchema"}},{"kind":"Field","name":{"kind":"Name","value":"schema"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"MergedInfoboxFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"MergedInfobox"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"property"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"MergedPropertyFragment"}}]}},{"kind":"Field","name":{"kind":"Name","value":"fields"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"originalId"}},{"kind":"Field","name":{"kind":"Name","value":"pluginId"}},{"kind":"Field","name":{"kind":"Name","value":"extensionId"}},{"kind":"Field","name":{"kind":"Name","value":"property"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"MergedPropertyFragment"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"LayerFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Layer"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"isVisible"}},{"kind":"Field","name":{"kind":"Name","value":"pluginId"}},{"kind":"Field","name":{"kind":"Name","value":"extensionId"}},{"kind":"Field","name":{"kind":"Name","value":"property"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFragment"}}]}},{"kind":"Field","name":{"kind":"Name","value":"infobox"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"InfoboxFragment"}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"LayerGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"linkedDatasetSchemaId"}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"LayerItem"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"linkedDatasetId"}},{"kind":"Field","name":{"kind":"Name","value":"merged"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"parentId"}},{"kind":"Field","name":{"kind":"Name","value":"property"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"MergedPropertyFragment"}}]}},{"kind":"Field","name":{"kind":"Name","value":"infobox"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"MergedInfoboxFragment"}}]}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"Layer1Fragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Layer"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"LayerFragment"}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"LayerGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"layers"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"LayerFragment"}}]}}]}}]}}]} as unknown as DocumentNode<UpdatePropertyValueMutation, UpdatePropertyValueMutationVariables>;
-export const GetSceneDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"GetScene"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"sceneId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"ID"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"lang"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"Lang"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"node"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"id"},"value":{"kind":"Variable","name":{"kind":"Name","value":"sceneId"}}},{"kind":"Argument","name":{"kind":"Name","value":"type"},"value":{"kind":"EnumValue","value":"SCENE"}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Scene"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"rootLayerId"}},{"kind":"Field","name":{"kind":"Name","value":"teamId"}},{"kind":"Field","name":{"kind":"Name","value":"projectId"}},{"kind":"Field","name":{"kind":"Name","value":"property"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFragment"}}]}},{"kind":"Field","name":{"kind":"Name","value":"clusters"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"propertyId"}},{"kind":"Field","name":{"kind":"Name","value":"property"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFragment"}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"tags"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"label"}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"TagGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"tags"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"label"}}]}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"plugins"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"property"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFragment"}}]}},{"kind":"Field","name":{"kind":"Name","value":"plugin"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PluginFragment"}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"widgets"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"enabled"}},{"kind":"Field","name":{"kind":"Name","value":"extended"}},{"kind":"Field","name":{"kind":"Name","value":"pluginId"}},{"kind":"Field","name":{"kind":"Name","value":"extensionId"}},{"kind":"Field","name":{"kind":"Name","value":"property"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFragment"}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"widgetAlignSystem"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"WidgetAlignSystemFragment"}}]}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyFieldLink"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyFieldLink"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"datasetId"}},{"kind":"Field","name":{"kind":"Name","value":"datasetSchemaId"}},{"kind":"Field","name":{"kind":"Name","value":"datasetSchemaFieldId"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyFieldFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyField"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"fieldId"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"value"}},{"kind":"Field","name":{"kind":"Name","value":"links"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFieldLink"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyGroupFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"schemaGroupId"}},{"kind":"Field","name":{"kind":"Name","value":"fields"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFieldFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyItemFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyItem"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyGroupList"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"schemaGroupId"}},{"kind":"Field","name":{"kind":"Name","value":"groups"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyGroupFragment"}}]}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyGroupFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyFragmentWithoutSchema"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Property"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"items"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyItemFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertySchemaFieldFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertySchemaField"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"fieldId"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"description"}},{"kind":"Field","name":{"kind":"Name","value":"translatedTitle"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lang"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lang"}}}]},{"kind":"Field","name":{"kind":"Name","value":"translatedDescription"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lang"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lang"}}}]},{"kind":"Field","name":{"kind":"Name","value":"prefix"}},{"kind":"Field","name":{"kind":"Name","value":"suffix"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"ui"}},{"kind":"Field","name":{"kind":"Name","value":"min"}},{"kind":"Field","name":{"kind":"Name","value":"max"}},{"kind":"Field","name":{"kind":"Name","value":"choices"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"key"}},{"kind":"Field","name":{"kind":"Name","value":"icon"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"translatedTitle"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lang"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lang"}}}]}]}},{"kind":"Field","name":{"kind":"Name","value":"isAvailableIf"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"fieldId"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertySchemaGroupFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertySchemaGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"schemaGroupId"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"translatedTitle"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lang"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lang"}}}]},{"kind":"Field","name":{"kind":"Name","value":"isList"}},{"kind":"Field","name":{"kind":"Name","value":"representativeFieldId"}},{"kind":"Field","name":{"kind":"Name","value":"isAvailableIf"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"fieldId"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}},{"kind":"Field","name":{"kind":"Name","value":"fields"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertySchemaFieldFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"WidgetAreaFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"WidgetArea"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"widgetIds"}},{"kind":"Field","name":{"kind":"Name","value":"align"}},{"kind":"Field","name":{"kind":"Name","value":"padding"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"top"}},{"kind":"Field","name":{"kind":"Name","value":"bottom"}},{"kind":"Field","name":{"kind":"Name","value":"left"}},{"kind":"Field","name":{"kind":"Name","value":"right"}}]}},{"kind":"Field","name":{"kind":"Name","value":"gap"}},{"kind":"Field","name":{"kind":"Name","value":"centered"}},{"kind":"Field","name":{"kind":"Name","value":"background"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"WidgetSectionFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"WidgetSection"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"top"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"WidgetAreaFragment"}}]}},{"kind":"Field","name":{"kind":"Name","value":"middle"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"WidgetAreaFragment"}}]}},{"kind":"Field","name":{"kind":"Name","value":"bottom"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"WidgetAreaFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"WidgetZoneFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"WidgetZone"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"left"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"WidgetSectionFragment"}}]}},{"kind":"Field","name":{"kind":"Name","value":"center"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"WidgetSectionFragment"}}]}},{"kind":"Field","name":{"kind":"Name","value":"right"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"WidgetSectionFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Property"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFragmentWithoutSchema"}},{"kind":"Field","name":{"kind":"Name","value":"schema"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"groups"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertySchemaGroupFragment"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PluginFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Plugin"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"extensions"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"extensionId"}},{"kind":"Field","name":{"kind":"Name","value":"description"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"translatedDescription"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lang"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lang"}}}]},{"kind":"Field","name":{"kind":"Name","value":"translatedName"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lang"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lang"}}}]},{"kind":"Field","name":{"kind":"Name","value":"icon"}},{"kind":"Field","name":{"kind":"Name","value":"singleOnly"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"widgetLayout"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"extendable"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"vertically"}},{"kind":"Field","name":{"kind":"Name","value":"horizontally"}}]}},{"kind":"Field","name":{"kind":"Name","value":"extended"}},{"kind":"Field","name":{"kind":"Name","value":"floating"}},{"kind":"Field","name":{"kind":"Name","value":"defaultLocation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"zone"}},{"kind":"Field","name":{"kind":"Name","value":"section"}},{"kind":"Field","name":{"kind":"Name","value":"area"}}]}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"WidgetAlignSystemFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"WidgetAlignSystem"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"outer"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"WidgetZoneFragment"}}]}},{"kind":"Field","name":{"kind":"Name","value":"inner"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"WidgetZoneFragment"}}]}}]}}]} as unknown as DocumentNode<GetSceneQuery, GetSceneQueryVariables>;
+export const GetSceneDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"GetScene"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"sceneId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"ID"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"lang"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"Lang"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"node"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"id"},"value":{"kind":"Variable","name":{"kind":"Name","value":"sceneId"}}},{"kind":"Argument","name":{"kind":"Name","value":"type"},"value":{"kind":"EnumValue","value":"SCENE"}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Scene"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"rootLayerId"}},{"kind":"Field","name":{"kind":"Name","value":"teamId"}},{"kind":"Field","name":{"kind":"Name","value":"projectId"}},{"kind":"Field","name":{"kind":"Name","value":"property"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFragment"}}]}},{"kind":"Field","name":{"kind":"Name","value":"clusters"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"propertyId"}},{"kind":"Field","name":{"kind":"Name","value":"property"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFragment"}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"tags"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"label"}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"TagGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"tags"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"label"}}]}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"plugins"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"property"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFragment"}}]}},{"kind":"Field","name":{"kind":"Name","value":"plugin"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PluginFragment"}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"widgets"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"enabled"}},{"kind":"Field","name":{"kind":"Name","value":"extended"}},{"kind":"Field","name":{"kind":"Name","value":"pluginId"}},{"kind":"Field","name":{"kind":"Name","value":"extensionId"}},{"kind":"Field","name":{"kind":"Name","value":"property"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFragment"}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"widgetAlignSystem"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"WidgetAlignSystemFragment"}}]}},{"kind":"Field","name":{"kind":"Name","value":"stories"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"StoryFragment"}}]}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyFieldLink"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyFieldLink"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"datasetId"}},{"kind":"Field","name":{"kind":"Name","value":"datasetSchemaId"}},{"kind":"Field","name":{"kind":"Name","value":"datasetSchemaFieldId"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyFieldFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyField"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"fieldId"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"value"}},{"kind":"Field","name":{"kind":"Name","value":"links"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFieldLink"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyGroupFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"schemaGroupId"}},{"kind":"Field","name":{"kind":"Name","value":"fields"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFieldFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyItemFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyItem"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyGroupList"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"schemaGroupId"}},{"kind":"Field","name":{"kind":"Name","value":"groups"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyGroupFragment"}}]}}]}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertyGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyGroupFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyFragmentWithoutSchema"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Property"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"items"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyItemFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertySchemaFieldFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertySchemaField"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"fieldId"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"description"}},{"kind":"Field","name":{"kind":"Name","value":"translatedTitle"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lang"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lang"}}}]},{"kind":"Field","name":{"kind":"Name","value":"translatedDescription"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lang"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lang"}}}]},{"kind":"Field","name":{"kind":"Name","value":"prefix"}},{"kind":"Field","name":{"kind":"Name","value":"suffix"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"defaultValue"}},{"kind":"Field","name":{"kind":"Name","value":"ui"}},{"kind":"Field","name":{"kind":"Name","value":"min"}},{"kind":"Field","name":{"kind":"Name","value":"max"}},{"kind":"Field","name":{"kind":"Name","value":"choices"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"key"}},{"kind":"Field","name":{"kind":"Name","value":"icon"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"translatedTitle"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lang"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lang"}}}]}]}},{"kind":"Field","name":{"kind":"Name","value":"isAvailableIf"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"fieldId"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertySchemaGroupFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PropertySchemaGroup"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"schemaGroupId"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"translatedTitle"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lang"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lang"}}}]},{"kind":"Field","name":{"kind":"Name","value":"isList"}},{"kind":"Field","name":{"kind":"Name","value":"representativeFieldId"}},{"kind":"Field","name":{"kind":"Name","value":"isAvailableIf"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"fieldId"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"value"}}]}},{"kind":"Field","name":{"kind":"Name","value":"fields"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertySchemaFieldFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"WidgetAreaFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"WidgetArea"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"widgetIds"}},{"kind":"Field","name":{"kind":"Name","value":"align"}},{"kind":"Field","name":{"kind":"Name","value":"padding"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"top"}},{"kind":"Field","name":{"kind":"Name","value":"bottom"}},{"kind":"Field","name":{"kind":"Name","value":"left"}},{"kind":"Field","name":{"kind":"Name","value":"right"}}]}},{"kind":"Field","name":{"kind":"Name","value":"gap"}},{"kind":"Field","name":{"kind":"Name","value":"centered"}},{"kind":"Field","name":{"kind":"Name","value":"background"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"WidgetSectionFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"WidgetSection"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"top"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"WidgetAreaFragment"}}]}},{"kind":"Field","name":{"kind":"Name","value":"middle"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"WidgetAreaFragment"}}]}},{"kind":"Field","name":{"kind":"Name","value":"bottom"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"WidgetAreaFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"WidgetZoneFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"WidgetZone"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"left"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"WidgetSectionFragment"}}]}},{"kind":"Field","name":{"kind":"Name","value":"center"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"WidgetSectionFragment"}}]}},{"kind":"Field","name":{"kind":"Name","value":"right"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"WidgetSectionFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"StoryPageFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"StoryPage"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"swipeable"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PropertyFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Property"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertyFragmentWithoutSchema"}},{"kind":"Field","name":{"kind":"Name","value":"schema"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"groups"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"PropertySchemaGroupFragment"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PluginFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Plugin"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"extensions"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"extensionId"}},{"kind":"Field","name":{"kind":"Name","value":"description"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"translatedDescription"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lang"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lang"}}}]},{"kind":"Field","name":{"kind":"Name","value":"translatedName"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lang"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lang"}}}]},{"kind":"Field","name":{"kind":"Name","value":"icon"}},{"kind":"Field","name":{"kind":"Name","value":"singleOnly"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"widgetLayout"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"extendable"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"vertically"}},{"kind":"Field","name":{"kind":"Name","value":"horizontally"}}]}},{"kind":"Field","name":{"kind":"Name","value":"extended"}},{"kind":"Field","name":{"kind":"Name","value":"floating"}},{"kind":"Field","name":{"kind":"Name","value":"defaultLocation"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"zone"}},{"kind":"Field","name":{"kind":"Name","value":"section"}},{"kind":"Field","name":{"kind":"Name","value":"area"}}]}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"WidgetAlignSystemFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"WidgetAlignSystem"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"outer"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"WidgetZoneFragment"}}]}},{"kind":"Field","name":{"kind":"Name","value":"inner"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"WidgetZoneFragment"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"StoryFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Story"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"pages"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"StoryPageFragment"}}]}}]}}]} as unknown as DocumentNode<GetSceneQuery, GetSceneQueryVariables>;
 export const CreateSceneDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"CreateScene"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"projectId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"ID"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"createScene"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"input"},"value":{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"projectId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"projectId"}}}]}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"scene"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}}]}}]}}]} as unknown as DocumentNode<CreateSceneMutation, CreateSceneMutationVariables>;
+export const CreateStoryDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"CreateStory"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"input"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"CreateStoryInput"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"createStory"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"input"},"value":{"kind":"Variable","name":{"kind":"Name","value":"input"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"story"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"StoryFragment"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"StoryPageFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"StoryPage"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"swipeable"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"StoryFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Story"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"pages"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"StoryPageFragment"}}]}}]}}]} as unknown as DocumentNode<CreateStoryMutation, CreateStoryMutationVariables>;
+export const UpdateStoryDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"UpdateStory"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"input"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"UpdateStoryInput"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"updateStory"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"input"},"value":{"kind":"Variable","name":{"kind":"Name","value":"input"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"story"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"StoryFragment"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"StoryPageFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"StoryPage"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"swipeable"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"StoryFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Story"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"pages"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"StoryPageFragment"}}]}}]}}]} as unknown as DocumentNode<UpdateStoryMutation, UpdateStoryMutationVariables>;
+export const DeleteStoryDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"DeleteStory"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"input"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"DeleteStoryInput"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"deleteStory"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"input"},"value":{"kind":"Variable","name":{"kind":"Name","value":"input"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"storyId"}}]}}]}}]} as unknown as DocumentNode<DeleteStoryMutation, DeleteStoryMutationVariables>;
+export const CreateStoryPageDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"CreateStoryPage"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"input"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"CreateStoryPageInput"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"createStoryPage"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"input"},"value":{"kind":"Variable","name":{"kind":"Name","value":"input"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"story"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"StoryFragment"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"StoryPageFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"StoryPage"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"swipeable"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"StoryFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Story"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"pages"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"StoryPageFragment"}}]}}]}}]} as unknown as DocumentNode<CreateStoryPageMutation, CreateStoryPageMutationVariables>;
+export const UpdateStoryPageDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"UpdateStoryPage"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"input"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"UpdateStoryPageInput"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"updateStoryPage"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"input"},"value":{"kind":"Variable","name":{"kind":"Name","value":"input"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"story"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"StoryFragment"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"StoryPageFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"StoryPage"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"swipeable"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"StoryFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Story"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"pages"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"StoryPageFragment"}}]}}]}}]} as unknown as DocumentNode<UpdateStoryPageMutation, UpdateStoryPageMutationVariables>;
+export const DeleteStoryPageDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"DeleteStoryPage"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"input"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"DeleteStoryPageInput"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"removeStoryPage"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"input"},"value":{"kind":"Variable","name":{"kind":"Name","value":"input"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"story"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"StoryFragment"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"StoryPageFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"StoryPage"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"swipeable"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"StoryFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Story"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"pages"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"StoryPageFragment"}}]}}]}}]} as unknown as DocumentNode<DeleteStoryPageMutation, DeleteStoryPageMutationVariables>;
+export const MoveStoryPageDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"MoveStoryPage"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"input"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"MoveStoryPageInput"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"moveStoryPage"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"input"},"value":{"kind":"Variable","name":{"kind":"Name","value":"input"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"story"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"StoryFragment"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"StoryPageFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"StoryPage"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"swipeable"}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"StoryFragment"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Story"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"pages"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"StoryPageFragment"}}]}}]}}]} as unknown as DocumentNode<MoveStoryPageMutation, MoveStoryPageMutationVariables>;
 export const GetUserBySearchDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"GetUserBySearch"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"nameOrEmail"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"searchUser"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"nameOrEmail"},"value":{"kind":"Variable","name":{"kind":"Name","value":"nameOrEmail"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"email"}}]}}]}}]} as unknown as DocumentNode<GetUserBySearchQuery, GetUserBySearchQueryVariables>;
 export const GetMeDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"GetMe"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"me"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"email"}},{"kind":"Field","name":{"kind":"Name","value":"lang"}},{"kind":"Field","name":{"kind":"Name","value":"theme"}},{"kind":"Field","name":{"kind":"Name","value":"myTeam"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"policyId"}},{"kind":"Field","name":{"kind":"Name","value":"policy"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"projectCount"}},{"kind":"Field","name":{"kind":"Name","value":"memberCount"}},{"kind":"Field","name":{"kind":"Name","value":"publishedProjectCount"}},{"kind":"Field","name":{"kind":"Name","value":"layerCount"}},{"kind":"Field","name":{"kind":"Name","value":"assetStorageSize"}},{"kind":"Field","name":{"kind":"Name","value":"datasetSchemaCount"}},{"kind":"Field","name":{"kind":"Name","value":"datasetCount"}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"teams"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"members"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"user"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"email"}}]}},{"kind":"Field","name":{"kind":"Name","value":"userId"}},{"kind":"Field","name":{"kind":"Name","value":"role"}}]}},{"kind":"Field","name":{"kind":"Name","value":"policyId"}},{"kind":"Field","name":{"kind":"Name","value":"policy"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"projectCount"}},{"kind":"Field","name":{"kind":"Name","value":"memberCount"}},{"kind":"Field","name":{"kind":"Name","value":"publishedProjectCount"}},{"kind":"Field","name":{"kind":"Name","value":"layerCount"}},{"kind":"Field","name":{"kind":"Name","value":"assetStorageSize"}},{"kind":"Field","name":{"kind":"Name","value":"datasetSchemaCount"}},{"kind":"Field","name":{"kind":"Name","value":"datasetCount"}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"auths"}}]}}]}}]} as unknown as DocumentNode<GetMeQuery, GetMeQueryVariables>;
 export const UpdateMeDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"UpdateMe"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"name"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"email"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"lang"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"Lang"}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"theme"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"Theme"}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"password"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"passwordConfirmation"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"updateMe"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"input"},"value":{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"name"},"value":{"kind":"Variable","name":{"kind":"Name","value":"name"}}},{"kind":"ObjectField","name":{"kind":"Name","value":"email"},"value":{"kind":"Variable","name":{"kind":"Name","value":"email"}}},{"kind":"ObjectField","name":{"kind":"Name","value":"lang"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lang"}}},{"kind":"ObjectField","name":{"kind":"Name","value":"theme"},"value":{"kind":"Variable","name":{"kind":"Name","value":"theme"}}},{"kind":"ObjectField","name":{"kind":"Name","value":"password"},"value":{"kind":"Variable","name":{"kind":"Name","value":"password"}}},{"kind":"ObjectField","name":{"kind":"Name","value":"passwordConfirmation"},"value":{"kind":"Variable","name":{"kind":"Name","value":"passwordConfirmation"}}}]}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"me"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"email"}},{"kind":"Field","name":{"kind":"Name","value":"lang"}},{"kind":"Field","name":{"kind":"Name","value":"theme"}},{"kind":"Field","name":{"kind":"Name","value":"myTeam"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}}]}}]}}]}}]}}]} as unknown as DocumentNode<UpdateMeMutation, UpdateMeMutationVariables>;
diff --git a/web/src/services/gql/fragments/story.ts b/web/src/services/gql/fragments/story.ts
new file mode 100644
index 0000000000..5e09d48553
--- /dev/null
+++ b/web/src/services/gql/fragments/story.ts
@@ -0,0 +1,11 @@
+import { gql } from "@apollo/client";
+
+export const storyFragment = gql`
+  fragment StoryFragment on Story {
+    id
+    title
+    pages {
+      ...StoryPageFragment
+    }
+  }
+`;
diff --git a/web/src/services/gql/fragments/storyPage.ts b/web/src/services/gql/fragments/storyPage.ts
new file mode 100644
index 0000000000..e66373b44e
--- /dev/null
+++ b/web/src/services/gql/fragments/storyPage.ts
@@ -0,0 +1,9 @@
+import { gql } from "@apollo/client";
+
+export const storyPageFragment = gql`
+  fragment StoryPageFragment on StoryPage {
+    id
+    title
+    swipeable
+  }
+`;
diff --git a/web/src/services/gql/queries/scene.ts b/web/src/services/gql/queries/scene.ts
index 3b8b0db7eb..a9fbd7a0a0 100644
--- a/web/src/services/gql/queries/scene.ts
+++ b/web/src/services/gql/queries/scene.ts
@@ -54,10 +54,12 @@ export const GET_SCENE = gql(`
         widgetAlignSystem {
           ...WidgetAlignSystemFragment
         }
+        stories {
+          ...StoryFragment
+        }
       }
     }
   }
-  
 `);
 
 export const CREATE_SCENE = gql(`
diff --git a/web/src/services/gql/queries/storytelling.ts b/web/src/services/gql/queries/storytelling.ts
new file mode 100644
index 0000000000..706b8e65e4
--- /dev/null
+++ b/web/src/services/gql/queries/storytelling.ts
@@ -0,0 +1,69 @@
+import { gql } from "@reearth/services/gql/__gen__";
+
+export const CREATE_STORY = gql(`
+  mutation CreateStory($input: CreateStoryInput!) {
+    createStory(input: $input) {
+      story {
+        ...StoryFragment
+      }
+    }
+  }
+`);
+
+export const UPDATE_STORY = gql(`
+  mutation UpdateStory($input: UpdateStoryInput!) {
+    updateStory(input: $input) {
+      story {
+        ...StoryFragment
+      }
+    }
+  }
+`);
+
+export const DELETE_STORY = gql(`
+  mutation DeleteStory($input: DeleteStoryInput!) {
+    deleteStory(input: $input) {
+      storyId
+    }
+  }
+`);
+
+export const CREATE_STORY_PAGE = gql(`
+  mutation CreateStoryPage($input: CreateStoryPageInput!) {
+    createStoryPage(input: $input) {
+      story {
+        ...StoryFragment
+      }
+    }
+  }
+`);
+
+export const UPDATE_STORY_PAGE = gql(`
+  mutation UpdateStoryPage($input: UpdateStoryPageInput!) {
+    updateStoryPage(input: $input) {
+      story {
+        ...StoryFragment
+      }
+    }
+  }
+`);
+
+export const DELETE_STORY_PAGE = gql(`
+  mutation DeleteStoryPage($input: DeleteStoryPageInput!) {
+    removeStoryPage(input: $input) {
+      story {
+        ...StoryFragment
+      }
+    }
+  }
+`);
+
+export const MOVE_STORY_PAGE = gql(`
+  mutation MoveStoryPage($input: MoveStoryPageInput!) {
+    moveStoryPage(input: $input) {
+      story {
+        ...StoryFragment
+      }
+    }
+  }
+`);
diff --git a/web/src/services/i18n/translations/en.yml b/web/src/services/i18n/translations/en.yml
index 7178d7acb7..bc199943e1 100644
--- a/web/src/services/i18n/translations/en.yml
+++ b/web/src/services/i18n/translations/en.yml
@@ -355,6 +355,7 @@ Failed to delete one or more assets.: Failed to delete one or more assets.
 One or more assets were successfully deleted.: One or more assets were successfully deleted.
 Successfully created workspace!: Successfully created workspace!
 Failed to create project.: Failed to create project.
+Default: Default
 Successfully created project!: Successfully created project!
 Successfully created layer group: Successfully created layer group
 Failed to create layer group: Failed to create layer group
@@ -410,6 +411,8 @@ Failed to delete member from the workspace.: Failed to delete member from the wo
 Successfully removed member from the workspace.: Successfully removed member from the workspace.
 Some error has occurred. Please wait a moment and try again.: Some error has occurred. Please wait a moment and try again.
 Failed to update property.: Failed to update property
+Failed to create story.: Failed to create story.
+Failed to create page.: Failed to create page.
 Failed to add widget.: Failed to add widget.
 Failed to update widget.: Failed to update widget.
 Failed to remove widget.: Failed to remove widget.
diff --git a/web/src/services/i18n/translations/ja.yml b/web/src/services/i18n/translations/ja.yml
index ba5a084023..0e3ac0151b 100644
--- a/web/src/services/i18n/translations/ja.yml
+++ b/web/src/services/i18n/translations/ja.yml
@@ -316,6 +316,7 @@ Failed to delete one or more assets.: アセットの削除に失敗しまたし
 One or more assets were successfully deleted.: アセットが削除されました。
 Successfully created workspace!: 新しいワークスペースの作成に成功しました！
 Failed to create project.: プロジェクトの作成に失敗しました。
+Default: デフォルト
 Successfully created project!: 新しいプロジェクトの作成に成功しました！
 Successfully created layer group: レイヤーが作成されました。
 Failed to create layer group: レイヤーの作成に失敗しました。
@@ -371,6 +372,8 @@ Failed to delete member from the workspace.: メンバーの削除に失敗し
 Successfully removed member from the workspace.: このワークスペースからひとりのメンバーを削除しました。
 Some error has occurred. Please wait a moment and try again.: エラーが発生しました。少し待ってからもう一度試してみてください。
 Failed to update property.: プロパティのアップデートに失敗しました。
+Failed to create story.: ストーリーの作成に失敗しました。
+Failed to create page.: ページの作成に失敗しました。
 Failed to add widget.: ウィジェットの作成に失敗しました。
 Failed to update widget.: ウィジェットのアップデートに失敗しました。
 Failed to remove widget.: ウィジェットの削除に失敗しました。