pagination fixes and production tweaks

README.md

@@ -19,16 +19,18 @@
 - **Cloud Synchronization**
 - **Real-time Collaboration**
 - **Cross-platform** (Windows, MacOS, browser)
-- **Industry-standard Formats** (PDF, Fountain, Final Draft)
+- **Industry Formatting** (layout, page breaks, dual dialogue)
+- **Compatibility Formats** (PDF, Fountain, Final Draft)
+- **Production Ready** (revisions, scene & page locking)
 - **Scene Management** (easy navigation, reordering)
 - **Character Management** (color highlighting, synopsis)
 - **Beat Board** (story cards, outlining)
-- **Smart formatting** (context aware auto-completion)
+- **Smart Editor** (context aware auto-completion, spellchecker)
 - **Customization** (themes & custom keybinds)
 - **Statistics** (distribution, frequency)
 - **Search & Replace** (advanced filtering)
 - **Script Comments** (inline annotations)
-- **Focus mode** (distraction-free writing)
+- **Focus Mode** (distraction-free writing)
 
 # Core Values
 

components/dashboard/project/ProductionSettings.module.css

@@ -6,7 +6,7 @@
 }
 
 .styleName {
-    font-size: 0.7rem;
+    font-size: 0.85rem;
     color: var(--secondary-text);
     text-transform: uppercase;
     letter-spacing: 0.06em;
@@ -18,12 +18,15 @@
     align-items: center;
     gap: 6px;
     margin-left: auto;
-    font-family: var(--font-screenplay);
     font-size: 0.9rem;
     font-weight: 600;
     color: var(--primary-text);
 }
 
+.styleExample span {
+    font-family: var(--font-screenplay);
+}
+
 .arrowIcon {
     opacity: 0.5;
 }

components/editor/sidebar/ContextMenu.module.css

@@ -18,10 +18,8 @@
     align-items: center;
     gap: 10px;
 
-    border-radius: 6px;
     padding-block: 6px;
     padding-inline: 12px;
-    margin-inline: 6px;
 
     font-size: 14px;
     cursor: pointer;

components/editor/sidebar/ContextMenu.tsx

@@ -117,13 +117,13 @@ const SceneItemMenu = ({ props }: SubMenuProps<SceneContextProps>) => {
     const canUnomit = !!scene.id && !!scene.omitted;
 
     const handleOmit = () => {
-        if (!repository || !scene.id) return;
-        omitSceneByUuid(repository, scene.id);
+        if (!editor || !repository || !scene.id) return;
+        omitSceneByUuid(editor, repository, scene.id);
     };
 
     const handleUnomit = () => {
-        if (!repository || !scene.id) return;
-        unomitSceneByUuid(repository, scene.id);
+        if (!editor || !repository || !scene.id) return;
+        unomitSceneByUuid(editor, repository, scene.id);
     };
 
     return (
@@ -508,14 +508,14 @@ const EditorContextMenu = ({ props }: SubMenuProps<EditorContextMenuProps>) => {
     })();
 
     const handleOmitScene = () => {
-        if (!repository || !sceneInfo) return;
-        omitSceneByUuid(repository, sceneInfo.uuid);
+        if (!editor || !repository || !sceneInfo) return;
+        omitSceneByUuid(editor, repository, sceneInfo.uuid);
         updateContextMenu(undefined);
     };
 
     const handleUnomitScene = () => {
-        if (!repository || !sceneInfo) return;
-        unomitSceneByUuid(repository, sceneInfo.uuid);
+        if (!editor || !repository || !sceneInfo) return;
+        unomitSceneByUuid(editor, repository, sceneInfo.uuid);
         updateContextMenu(undefined);
     };
 

components/navbar/ProductionPanel.module.css

@@ -27,6 +27,12 @@
     color: var(--primary-text);
 }
 
+.header_actions {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+}
+
 .close_btn {
     display: flex;
     align-items: center;