From cc09f5ed6dd446853b47c509b8c2b524c83c0a95 Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Fri, 16 Jan 2026 17:00:49 +0000
Subject: [PATCH 1/3] uncomment docs

---
 resources/js/stories/docs/CodeEditor.mdx | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/resources/js/stories/docs/CodeEditor.mdx b/resources/js/stories/docs/CodeEditor.mdx
index 234de1c4b4..d2cc77da16 100644
--- a/resources/js/stories/docs/CodeEditor.mdx
+++ b/resources/js/stories/docs/CodeEditor.mdx
@@ -6,10 +6,6 @@ import * as CodeEditorStories from '../CodeEditor.stories';
 # CodeEditor
 A powerful code editor component powered by CodeMirror. Supports syntax highlighting for multiple languages, line numbers, line wrapping, and keyboard shortcuts.
 
-Docs coming soon.
-
-{/* Todo
-
 <Canvas of={CodeEditorStories._DocsIntro} sourceState={'shown'} />
 
 ## Modes
@@ -25,6 +21,4 @@ Disable line numbers by setting the `line-numbers` prop to `false`. This can be
 <Canvas of={CodeEditorStories._NoLineNumbers} sourceState={'shown'} />
 
 ## Arguments
-<ArgTypes of={CodeEditorStories} />
-
-*/}
+<ArgTypes of={CodeEditorStories} />
\ No newline at end of file

From a8a71c2766bac801f8a39ccb5c5a16582bb7294a Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Fri, 16 Jan 2026 17:01:05 +0000
Subject: [PATCH 2/3] import codemirror css

---
 .storybook/storybook.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/.storybook/storybook.css b/.storybook/storybook.css
index a9d35510e0..8b6eae3dae 100644
--- a/.storybook/storybook.css
+++ b/.storybook/storybook.css
@@ -1,4 +1,7 @@
 @import 'tailwindcss';
+@import 'codemirror/lib/codemirror.css';
+@import 'codemirror/theme/material.css';
+@import '../resources/css/vendors/codemirror.css';
 @import '../resources/css/ui.css';
 @import '../resources/css/core/utilities.css';
 @import '../resources/css/elements/tables.css';

From 4771cb806f7c86bfb00ff4c9688e4b6196e54003 Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Fri, 16 Jan 2026 17:01:24 +0000
Subject: [PATCH 3/3] disable mode selection in example

---
 resources/js/stories/CodeEditor.stories.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/stories/CodeEditor.stories.ts b/resources/js/stories/CodeEditor.stories.ts
index 41ab66be73..1f7d531152 100644
--- a/resources/js/stories/CodeEditor.stories.ts
+++ b/resources/js/stories/CodeEditor.stories.ts
@@ -120,7 +120,7 @@ export const _ModeSelection: Story = {
             const mode = ref('javascript');
             return { code, mode };
         },
-        template: `<CodeEditor v-model="code" :mode="mode" allow-mode-selection @update:mode="mode = $event" /><PortalTargets />`,
+        template: `<CodeEditor v-model="code" :mode="mode" :allow-mode-selection="false" @update:mode="mode = $event" /><PortalTargets />`,
     }),
 };