From a58eb13d676f326c47f6403920de630b4ceb5ed6 Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Thu, 15 Jan 2026 17:06:24 +0000
Subject: [PATCH 1/2] Fix CreateForm embeds in Storybook

---
 .storybook/preview.ts                    | 9 ++++++++-
 resources/js/stories/docs/CreateForm.mdx | 6 +-----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/.storybook/preview.ts b/.storybook/preview.ts
index e90dc59415..49fafebffb 100644
--- a/.storybook/preview.ts
+++ b/.storybook/preview.ts
@@ -13,7 +13,7 @@ import PortalVue from 'portal-vue';
 import FullscreenHeader from '@/components/publish/FullscreenHeader.vue';
 import Portal from '@/components/portals/Portal.vue';
 import PortalTargets from '@/components/portals/PortalTargets.vue';
-import { portals, stacks } from '@api';
+import {keys, portals, slug, stacks} from '@api';
 
 // Intercept Inertia navigation and log to Actions tab.
 router.on('before', (event) => {
@@ -31,6 +31,11 @@ setup(async (app) => {
                   linkToDocs: true,
                   paginationSize: 50,
                   paginationSizeOptions: [10, 25, 50, 100, 500],
+                  sites: [{
+                      handle: 'default',
+                      lang: 'en',
+                  }],
+                  selectedSite: 'default',
               };
 
               return config[key] ?? null;
@@ -53,6 +58,8 @@ setup(async (app) => {
   app.config.globalProperties.cp_url = (url) => url;
   app.config.globalProperties.$portals = portals;
   app.config.globalProperties.$stacks = stacks;
+  app.config.globalProperties.$slug = slug;
+  app.config.globalProperties.$keys = keys;
 
   app.use(PortalVue, { portalName: 'v-portal' });
 
diff --git a/resources/js/stories/docs/CreateForm.mdx b/resources/js/stories/docs/CreateForm.mdx
index 7e36ad218a..7b17120b1c 100644
--- a/resources/js/stories/docs/CreateForm.mdx
+++ b/resources/js/stories/docs/CreateForm.mdx
@@ -6,9 +6,6 @@ import * as CreateFormStories from '../CreateForm.stories';
 # CreateForm
 A pre-built form component for creating new resources with automatic slug generation. Includes title and handle fields with customizable instructions and automatic form submission.
 
-Docs coming soon.
-
-{/* Todo
 <Canvas of={CreateFormStories._DocsIntro} sourceState={'shown'} />
 
 ## Without Handle
@@ -20,5 +17,4 @@ Add helpful instructions to guide users when filling out the form.
 <Canvas of={CreateFormStories._WithInstructions} sourceState={'shown'} />
 
 ## Arguments
-<ArgTypes of={CreateFormStories} />
-*/}
+<ArgTypes of={CreateFormStories} />
\ No newline at end of file

From 0deb7ab2c72a6923b9375a588f8c90d44bdbf2be Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Thu, 15 Jan 2026 17:08:30 +0000
Subject: [PATCH 2/2] Add longer subtitles. Shorter ones look weird with the
 left-alignment

---
 resources/js/stories/CreateForm.stories.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/js/stories/CreateForm.stories.ts b/resources/js/stories/CreateForm.stories.ts
index b146062198..3a88ad7c1b 100644
--- a/resources/js/stories/CreateForm.stories.ts
+++ b/resources/js/stories/CreateForm.stories.ts
@@ -19,7 +19,7 @@ type Story = StoryObj<typeof meta>;
 const defaultCode = `
 <CreateForm 
     title="Create Collection"
-    subtitle="Collections are containers that hold entries"
+    subtitle="Collections are containers that hold entries representing articles, blog posts, products, events, or any other content type."
     icon="collections"
     :route="cp_url('collections/create')"
 />
@@ -42,7 +42,7 @@ const withoutHandleCode = `
 <CreateForm 
     without-handle
     title="Create Blueprint"
-    subtitle="Blueprints define and organize fields into content models"
+    subtitle="Blueprints define and organize fields into content models for collections, forms, and other data."
     icon="blueprints"
     :route="cp_url('blueprints/create')"
 />
@@ -64,7 +64,7 @@ export const _WithoutHandle: Story = {
 const withInstructionsCode = `
 <CreateForm 
     title="Create Collection"
-    subtitle="Collections are containers that hold entries"
+    subtitle="Collections are containers that hold entries representing articles, blog posts, products, events, or any other content type."
     icon="collections"
     :route="cp_url('collections/create')"
     title-instructions="The display name for this collection"