From df712b56348da0937f3ca13796e2f024d9260099 Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Thu, 23 Oct 2025 13:08:13 +0800
Subject: [PATCH] storybook

---
 next-ui/src/pages/error.mdx           | 11 +++++++++++
 next-ui/src/pages/error.stories.ts    | 25 +++++++++++++++++++++++++
 next-ui/src/pages/import/readlist.mdx | 13 +++++++++++++
 3 files changed, 49 insertions(+)
 create mode 100644 next-ui/src/pages/error.mdx
 create mode 100644 next-ui/src/pages/error.stories.ts
 create mode 100644 next-ui/src/pages/import/readlist.mdx

diff --git a/next-ui/src/pages/error.mdx b/next-ui/src/pages/error.mdx
new file mode 100644
index 000000000..538a030f5
--- /dev/null
+++ b/next-ui/src/pages/error.mdx
@@ -0,0 +1,11 @@
+import { Canvas, Meta } from '@storybook/addon-docs/blocks';
+
+import * as Stories from './error.stories';
+
+<Meta of={Stories} />
+
+# Error
+
+An error page used when the connection to the server is lost.
+
+<Canvas of={Stories.Default} />
diff --git a/next-ui/src/pages/error.stories.ts b/next-ui/src/pages/error.stories.ts
new file mode 100644
index 000000000..8c42cd58b
--- /dev/null
+++ b/next-ui/src/pages/error.stories.ts
@@ -0,0 +1,25 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
+
+import error from './error.vue'
+
+const meta = {
+  component: error,
+  render: (args: object) => ({
+    components: { error },
+    setup() {
+      return { args }
+    },
+    template: '<error />',
+  }),
+  parameters: {
+    // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
+  },
+  args: {},
+} satisfies Meta<typeof error>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  args: {},
+}
diff --git a/next-ui/src/pages/import/readlist.mdx b/next-ui/src/pages/import/readlist.mdx
new file mode 100644
index 000000000..fc4b48465
--- /dev/null
+++ b/next-ui/src/pages/import/readlist.mdx
@@ -0,0 +1,13 @@
+import { Canvas, Meta } from '@storybook/addon-docs/blocks';
+
+import * as Stories from './readlist.stories';
+
+<Meta of={Stories} />
+
+# Import ReadList
+
+Read list (CBL) import works in 2 steps:
+1. Browse or drop a CBL file.
+2. Read list with possible matches are shown in the table, allowing to fine-tune the import.
+
+<Canvas of={Stories.Default} />