Embed Footer, No Documents and Processing Bar

src/pages/app/stories/Documents.stories.svelte

@@ -2,7 +2,6 @@
   import { Story, Template } from "@storybook/addon-svelte-csf";
   import Documents from "../Documents.svelte";
 
-  import * as structure from "../../../structure/document.js";
   import { layout } from "../../../manager/layout.js";
   import * as mock from "./mock.js";
 

src/pages/app/stories/EmbedFooter.stories.svelte

@@ -0,0 +1,15 @@
+<script context="module">
+  import { Story } from "@storybook/addon-svelte-csf";
+  import EmbedFooter from "../EmbedFooter.svelte";
+
+  export const meta = {
+    title: "App / Documents / Embed Footer",
+    component: EmbedFooter,
+    tags: ["autodocs"],
+    parameters: { layout: "centered" },
+  };
+</script>
+
+<Story name="default">
+  <EmbedFooter />
+</Story>

src/pages/app/stories/NoDocuments.stories.svelte

@@ -0,0 +1,15 @@
+<script context="module">
+  import { Story } from "@storybook/addon-svelte-csf";
+  import NoDocuments from "../NoDocuments.svelte";
+
+  export const meta = {
+    title: "App / Documents / No Documents",
+    component: NoDocuments,
+    tags: ["autodocs"],
+    parameters: { layout: "centered" },
+  };
+</script>
+
+<Story name="default">
+  <NoDocuments />
+</Story>

src/pages/app/stories/ProcessingBar.stories.svelte

@@ -0,0 +1,19 @@
+<script context="module">
+  import { Story } from "@storybook/addon-svelte-csf";
+  import ProcessingBar from "../ProcessingBar.svelte";
+
+  import { documents } from "../../../manager/documents.js";
+
+  documents.doneProcessing = false;
+
+  export const meta = {
+    title: "App / Documents / Processing Bar",
+    component: ProcessingBar,
+    tags: ["autodocs"],
+    parameters: { layout: "centered" },
+  };
+</script>
+
+<Story name="default">
+  <ProcessingBar />
+</Story>