@vishu1301/script-writing 0.4.3 → 0.4.5

package/dist/index.js

@@ -1,4 +1,4 @@
-import { useState, useRef, useCallback, useMemo, useEffect } from 'react';
+import { useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import { ArrowRightLeft, MessageCircle, Brackets, UserRound, Sparkles, Clapperboard, ArrowRight, User, ChevronRight, Upload, Save, FileDown, Cog } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as pdfjs from 'pdfjs-dist';
@@ -220,9 +220,6 @@ function PdfImporter({ onScriptImported, children }) {
 }
 function ScreenplayEditorView({
   blocks,
-  pages,
-  isPageSplitEnabled,
-  togglePageSplit,
   refs,
   focusedBlockId,
   showSuggestions,
@@ -285,131 +282,56 @@ function ScreenplayEditorView({
         type
       );
     }) }),
-    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-12 w-full items-center pb-24", children: pages.map((pageBlocks, pageIndex) => /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-12 w-full items-center pb-24", children: /* @__PURE__ */ jsx(
       "div",
       {
         className: "relative bg-[#fdfdfc] shadow-2xl shadow-zinc-300/60 ring-1 ring-zinc-200/50 rounded-sm md:rounded-md pl-[1.5in] py-[1in] pr-[1in] flex flex-col w-[210mm] min-h-[297mm] shrink-0",
         style: {
           fontFamily: "var(--font-courier-prime, 'Courier New', Courier, monospace)"
         },
-        children: [
-          pageBlocks.map((block) => {
-            var _a, _b;
-            return /* @__PURE__ */ jsx(
-              "div",
-              {
-                "data-block-id": block.id,
-                className: `relative rounded-sm transition-all duration-200 outline-none ${focusedBlockId === block.id ? "bg-zinc-100/50" : "bg-transparent"}`,
-                children: block.type === "SCENE_HEADING" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-4 py-1 bg-transparent", children: [
-                    /* @__PURE__ */ jsx(
-                      "input",
-                      {
-                        className: "absolute -left-16 top-2 w-12 text-right text-zinc-400 font-semibold select-none bg-transparent outline-none focus:ring-1 focus:ring-blue-400 rounded-sm",
-                        spellCheck: false,
-                        value: block.sceneNumber || "",
-                        onChange: (e) => handleSceneNumberChange(
-                          block.id,
-                          e.target.value.toUpperCase()
-                        ),
-                        onFocus: () => handleFocus(block.id),
-                        onBlur: () => handleBlur(block.id),
-                        onKeyDown: (e) => {
-                          if (e.key === "Enter" || e.key === "Backspace") {
-                            e.stopPropagation();
-                          }
-                        },
-                        "aria-label": "Scene Number"
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs(
-                      "select",
-                      {
-                        className: "rounded-md text-zinc-800 font-bold px-1.5 py-1 appearance-none bg-transparent hover:bg-zinc-200/50 outline-none cursor-pointer w-fit transition-colors",
-                        "aria-label": "Scene Type",
-                        value: (_a = block.sceneType) != null ? _a : "INT.",
-                        onChange: (e) => handleSceneTypeChange(block.id, e.target.value),
-                        children: [
-                          /* @__PURE__ */ jsx("option", { children: "INT." }),
-                          /* @__PURE__ */ jsx("option", { children: "EXT." }),
-                          /* @__PURE__ */ jsx("option", { children: "INT/EXT." })
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        ref: (el) => {
-                          if (!el) return;
-                          refs.current[block.id] = el;
-                        },
-                        contentEditable: true,
-                        suppressContentEditableWarning: true,
-                        "aria-label": `Scene Heading: ${block.text}`,
-                        "aria-haspopup": "listbox",
-                        "aria-expanded": focusedBlockId === block.id && showSuggestions && locations.length > 0,
-                        spellCheck: false,
-                        className: "min-w-[3rem] py-1 outline-none text-base font-bold uppercase tracking-widest break-all bg-transparent",
-                        onInput: (e) => handleBlockTextChange(
-                          block.id,
-                          e.target.innerText
-                        ),
-                        onKeyDown: (e) => handleKeyDown(e, block.id, block.text),
-                        onFocus: () => handleFocus(block.id),
-                        onBlur: () => handleBlur(block.id)
-                      }
-                    ),
-                    /* @__PURE__ */ jsx("span", { className: "text-zinc-400/80 font-bold", children: "-" }),
-                    /* @__PURE__ */ jsx(
-                      "select",
-                      {
-                        className: "rounded-md text-zinc-800 font-bold px-1.5 py-1 appearance-none bg-transparent hover:bg-zinc-200/50 outline-none cursor-pointer transition-colors",
-                        "aria-label": "Time of Day",
-                        value: (_b = block.timeOfDay) != null ? _b : "DAY",
-                        onChange: (e) => handleTimeOfDayChange(block.id, e.target.value),
-                        children: timeOfDayOptions.map((t) => /* @__PURE__ */ jsx("option", { children: t }, t))
-                      }
-                    )
-                  ] }),
-                  focusedBlockId === block.id && showSuggestions && locations.length > 0 && /* @__PURE__ */ jsx(
-                    "div",
+        children: blocks.map((block) => {
+          var _a, _b;
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-block-id": block.id,
+              className: `relative rounded-sm transition-all duration-200 outline-none ${focusedBlockId === block.id ? "bg-zinc-100/50" : "bg-transparent"}`,
+              children: block.type === "SCENE_HEADING" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-4 py-1 bg-transparent", children: [
+                  /* @__PURE__ */ jsx(
+                    "input",
                     {
-                      role: "listbox",
-                      id: `suggestions-${block.id}`,
-                      className: "absolute top-[calc(100%+6px)] left-0 min-w-[240px] z-50 bg-white border border-slate-200/80 shadow-xl shadow-slate-200/40 rounded-xl py-1 overflow-hidden animate-in fade-in zoom-in-95 duration-150",
-                      children: /* @__PURE__ */ jsx("div", { className: "max-h-60 overflow-y-auto custom-scrollbar", children: locations.filter(
-                        (loc) => loc.startsWith(block.text.toUpperCase()) && loc !== block.text.toUpperCase()
-                      ).map((loc) => /* @__PURE__ */ jsxs(
-                        "div",
-                        {
-                          role: "option",
-                          className: "group flex items-center justify-between px-4 py-2.5 cursor-pointer transition-all duration-150 hover:bg-slate-50 active:bg-slate-100",
-                          onMouseDown: (e) => {
-                            e.preventDefault();
-                            const element = refs.current[block.id];
-                            if (element) {
-                              element.innerText = loc;
-                              handleBlockTextChange(block.id, loc);
-                              element.focus();
-                              const range = document.createRange();
-                              const sel = window.getSelection();
-                              range.selectNodeContents(element);
-                              range.collapse(false);
-                              sel == null ? void 0 : sel.removeAllRanges();
-                              sel == null ? void 0 : sel.addRange(range);
-                            }
-                            handleBlur(block.id);
-                          },
-                          children: [
-                            /* @__PURE__ */ jsx("span", { className: "text-[12px] font-semibold tracking-wide text-slate-600 uppercase line-clamp-1", children: loc }),
-                            /* @__PURE__ */ jsx(ArrowRight, { className: "w-3.5 h-3.5 text-slate-300 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200" })
-                          ]
-                        },
-                        loc
-                      )) })
+                      className: "absolute -left-16 top-2 w-12 text-right text-zinc-400 font-semibold select-none bg-transparent outline-none focus:ring-1 focus:ring-blue-400 rounded-sm",
+                      spellCheck: false,
+                      value: block.sceneNumber || "",
+                      onChange: (e) => handleSceneNumberChange(
+                        block.id,
+                        e.target.value.toUpperCase()
+                      ),
+                      onFocus: () => handleFocus(block.id),
+                      onBlur: () => handleBlur(block.id),
+                      onKeyDown: (e) => {
+                        if (e.key === "Enter" || e.key === "Backspace") {
+                          e.stopPropagation();
+                        }
+                      },
+                      "aria-label": "Scene Number"
                     }
-                  )
-                ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    "select",
+                    {
+                      className: "rounded-md text-zinc-800 font-bold px-1.5 py-1 appearance-none bg-transparent hover:bg-zinc-200/50 outline-none cursor-pointer w-fit transition-colors",
+                      "aria-label": "Scene Type",
+                      value: (_a = block.sceneType) != null ? _a : "INT.",
+                      onChange: (e) => handleSceneTypeChange(block.id, e.target.value),
+                      children: [
+                        /* @__PURE__ */ jsx("option", { children: "INT." }),
+                        /* @__PURE__ */ jsx("option", { children: "EXT." }),
+                        /* @__PURE__ */ jsx("option", { children: "INT/EXT." })
+                      ]
+                    }
+                  ),
                   /* @__PURE__ */ jsx(
                     "div",
                     {
@@ -419,100 +341,168 @@ function ScreenplayEditorView({
                       },
                       contentEditable: true,
                       suppressContentEditableWarning: true,
-                      "aria-label": `${blockStyles[block.type].label} text`,
-                      "aria-multiline": block.type === "ACTION" || block.type === "DIALOGUE",
+                      "aria-label": `Scene Heading: ${block.text}`,
+                      "aria-haspopup": "listbox",
+                      "aria-expanded": focusedBlockId === block.id && showSuggestions && locations.length > 0,
                       spellCheck: false,
-                      className: `block outline-none w-full min-h-[2.5rem] px-4 py-2 break-words ${blockStyles[block.type].className}`,
+                      className: "min-w-[3rem] py-1 outline-none text-base font-bold uppercase tracking-widest break-all bg-transparent",
                       onInput: (e) => handleBlockTextChange(
                         block.id,
                         e.target.innerText
                       ),
                       onKeyDown: (e) => handleKeyDown(e, block.id, block.text),
                       onFocus: () => handleFocus(block.id),
-                      onBlur: () => handleBlur(block.id),
-                      style: blockStyles[block.type].inputStyle
-                    }
-                  ),
-                  focusedBlockId === block.id && block.type === "CHARACTER" && showSuggestions && characters.length > 0 && /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      role: "listbox",
-                      id: `suggestions-${block.id}`,
-                      className: "absolute top-[calc(100%+8px)] left-1/2 -translate-x-1/2 w-72 z-50 bg-white border border-slate-200 shadow-2xl shadow-slate-200/60 rounded-xl py-2 overflow-hidden animate-in fade-in zoom-in-95 duration-200",
-                      children: /* @__PURE__ */ jsx("div", { className: "max-h-56 overflow-y-auto custom-scrollbar", children: characters.filter(
-                        (char) => char.startsWith(block.text.toUpperCase()) && char !== block.text.toUpperCase()
-                      ).map((char) => /* @__PURE__ */ jsxs(
-                        "div",
-                        {
-                          role: "option",
-                          className: "group flex items-center px-4 py-2.5 cursor-pointer transition-colors duration-150 hover:bg-slate-50 active:bg-slate-100",
-                          onMouseDown: (e) => {
-                            e.preventDefault();
-                            const element = refs.current[block.id];
-                            if (element) {
-                              element.innerText = char;
-                              handleBlockTextChange(block.id, char);
-                              element.focus();
-                              const range = document.createRange();
-                              const sel = window.getSelection();
-                              range.selectNodeContents(element);
-                              range.collapse(false);
-                              sel == null ? void 0 : sel.removeAllRanges();
-                              sel == null ? void 0 : sel.addRange(range);
-                            }
-                            handleBlur(block.id);
-                          },
-                          children: [
-                            /* @__PURE__ */ jsx(User, { className: "w-3.5 h-3.5 text-slate-300 group-hover:text-sky-500 transition-colors mr-3" }),
-                            /* @__PURE__ */ jsx("span", { className: "flex-1 text-[11px] font-bold tracking-[0.1em] text-slate-600 uppercase text-left", children: char }),
-                            /* @__PURE__ */ jsx(ChevronRight, { className: "w-3 h-3 text-slate-200 opacity-0 group-hover:opacity-100 transition-all -translate-x-1 group-hover:translate-x-0" })
-                          ]
-                        },
-                        char
-                      )) })
+                      onBlur: () => handleBlur(block.id)
                     }
                   ),
-                  focusedBlockId === block.id && block.type === "CHARACTER" && showExtensionSuggestions && characterExtensions && /* @__PURE__ */ jsx(
-                    "div",
+                  /* @__PURE__ */ jsx("span", { className: "text-zinc-400/80 font-bold", children: "-" }),
+                  /* @__PURE__ */ jsx(
+                    "select",
                     {
-                      role: "listbox",
-                      id: `extension-suggestions-${block.id}`,
-                      className: "absolute top-[calc(100%+8px)] left-1/2 -translate-x-1/2 w-72 z-50 bg-white border border-slate-200 shadow-2xl shadow-slate-200/60 rounded-xl py-2 overflow-hidden animate-in fade-in zoom-in-95 duration-200",
-                      children: /* @__PURE__ */ jsx("div", { className: "max-h-56 overflow-y-auto custom-scrollbar", children: characterExtensions.filter((ext) => {
-                        const openParenIndex = block.text.lastIndexOf("(");
-                        const query = openParenIndex > -1 ? block.text.substring(openParenIndex + 1).toUpperCase() : "";
-                        return ext.toUpperCase().includes(query);
-                      }).map((ext) => /* @__PURE__ */ jsxs(
-                        "div",
-                        {
-                          role: "option",
-                          className: "group flex items-center px-4 py-2.5 cursor-pointer transition-colors duration-150 hover:bg-slate-50 active:bg-slate-100",
-                          onMouseDown: (e) => {
-                            e.preventDefault();
-                            handleSelectCharacterExtension(ext);
-                          },
-                          children: [
-                            /* @__PURE__ */ jsx("span", { className: "flex-1 text-[11px] font-bold tracking-[0.1em] text-slate-600 uppercase text-left", children: ext }),
-                            /* @__PURE__ */ jsx(ChevronRight, { className: "w-3 h-3 text-slate-200 opacity-0 group-hover:opacity-100 transition-all -translate-x-1 group-hover:translate-x-0" })
-                          ]
-                        },
-                        ext
-                      )) })
+                      className: "rounded-md text-zinc-800 font-bold px-1.5 py-1 appearance-none bg-transparent hover:bg-zinc-200/50 outline-none cursor-pointer transition-colors",
+                      "aria-label": "Time of Day",
+                      value: (_b = block.timeOfDay) != null ? _b : "DAY",
+                      onChange: (e) => handleTimeOfDayChange(block.id, e.target.value),
+                      children: timeOfDayOptions.map((t) => /* @__PURE__ */ jsx("option", { children: t }, t))
                     }
                   )
-                ] })
-              },
-              block.id + "-" + block.type
-            );
-          }),
-          isPageSplitEnabled && /* @__PURE__ */ jsxs("div", { className: "absolute bottom-10 right-16 md:right-20 text-zinc-400 font-semibold text-sm select-none pointer-events-none", children: [
-            pageIndex + 1,
-            "."
-          ] })
-        ]
-      },
-      pageIndex
-    )) }),
+                ] }),
+                focusedBlockId === block.id && showSuggestions && locations.length > 0 && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    role: "listbox",
+                    id: `suggestions-${block.id}`,
+                    className: "absolute top-[calc(100%+6px)] left-0 min-w-[240px] z-50 bg-white border border-slate-200/80 shadow-xl shadow-slate-200/40 rounded-xl py-1 overflow-hidden animate-in fade-in zoom-in-95 duration-150",
+                    children: /* @__PURE__ */ jsx("div", { className: "max-h-60 overflow-y-auto custom-scrollbar", children: locations.filter(
+                      (loc) => loc.startsWith(block.text.toUpperCase()) && loc !== block.text.toUpperCase()
+                    ).map((loc) => /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        role: "option",
+                        className: "group flex items-center justify-between px-4 py-2.5 cursor-pointer transition-all duration-150 hover:bg-slate-50 active:bg-slate-100",
+                        onMouseDown: (e) => {
+                          e.preventDefault();
+                          const element = refs.current[block.id];
+                          if (element) {
+                            element.innerText = loc;
+                            handleBlockTextChange(block.id, loc);
+                            element.focus();
+                            const range = document.createRange();
+                            const sel = window.getSelection();
+                            range.selectNodeContents(element);
+                            range.collapse(false);
+                            sel == null ? void 0 : sel.removeAllRanges();
+                            sel == null ? void 0 : sel.addRange(range);
+                          }
+                          handleBlur(block.id);
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx("span", { className: "text-[12px] font-semibold tracking-wide text-slate-600 uppercase line-clamp-1", children: loc }),
+                          /* @__PURE__ */ jsx(ArrowRight, { className: "w-3.5 h-3.5 text-slate-300 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200" })
+                        ]
+                      },
+                      loc
+                    )) })
+                  }
+                )
+              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    ref: (el) => {
+                      if (!el) return;
+                      refs.current[block.id] = el;
+                    },
+                    contentEditable: true,
+                    suppressContentEditableWarning: true,
+                    "aria-label": `${blockStyles[block.type].label} text`,
+                    "aria-multiline": block.type === "ACTION" || block.type === "DIALOGUE",
+                    spellCheck: false,
+                    className: `block outline-none w-full min-h-[2.5rem] px-4 py-2 break-words ${blockStyles[block.type].className}`,
+                    onInput: (e) => handleBlockTextChange(
+                      block.id,
+                      e.target.innerText
+                    ),
+                    onKeyDown: (e) => handleKeyDown(e, block.id, block.text),
+                    onFocus: () => handleFocus(block.id),
+                    onBlur: () => handleBlur(block.id),
+                    style: blockStyles[block.type].inputStyle
+                  }
+                ),
+                focusedBlockId === block.id && block.type === "CHARACTER" && showSuggestions && characters.length > 0 && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    role: "listbox",
+                    id: `suggestions-${block.id}`,
+                    className: "absolute top-[calc(100%+8px)] left-1/2 -translate-x-1/2 w-72 z-50 bg-white border border-slate-200 shadow-2xl shadow-slate-200/60 rounded-xl py-2 overflow-hidden animate-in fade-in zoom-in-95 duration-200",
+                    children: /* @__PURE__ */ jsx("div", { className: "max-h-56 overflow-y-auto custom-scrollbar", children: characters.filter(
+                      (char) => char.startsWith(block.text.toUpperCase()) && char !== block.text.toUpperCase()
+                    ).map((char) => /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        role: "option",
+                        className: "group flex items-center px-4 py-2.5 cursor-pointer transition-colors duration-150 hover:bg-slate-50 active:bg-slate-100",
+                        onMouseDown: (e) => {
+                          e.preventDefault();
+                          const element = refs.current[block.id];
+                          if (element) {
+                            element.innerText = char;
+                            handleBlockTextChange(block.id, char);
+                            element.focus();
+                            const range = document.createRange();
+                            const sel = window.getSelection();
+                            range.selectNodeContents(element);
+                            range.collapse(false);
+                            sel == null ? void 0 : sel.removeAllRanges();
+                            sel == null ? void 0 : sel.addRange(range);
+                          }
+                          handleBlur(block.id);
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(User, { className: "w-3.5 h-3.5 text-slate-300 group-hover:text-sky-500 transition-colors mr-3" }),
+                          /* @__PURE__ */ jsx("span", { className: "flex-1 text-[11px] font-bold tracking-[0.1em] text-slate-600 uppercase text-left", children: char }),
+                          /* @__PURE__ */ jsx(ChevronRight, { className: "w-3 h-3 text-slate-200 opacity-0 group-hover:opacity-100 transition-all -translate-x-1 group-hover:translate-x-0" })
+                        ]
+                      },
+                      char
+                    )) })
+                  }
+                ),
+                focusedBlockId === block.id && block.type === "CHARACTER" && showExtensionSuggestions && characterExtensions && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    role: "listbox",
+                    id: `extension-suggestions-${block.id}`,
+                    className: "absolute top-[calc(100%+8px)] left-1/2 -translate-x-1/2 w-72 z-50 bg-white border border-slate-200 shadow-2xl shadow-slate-200/60 rounded-xl py-2 overflow-hidden animate-in fade-in zoom-in-95 duration-200",
+                    children: /* @__PURE__ */ jsx("div", { className: "max-h-56 overflow-y-auto custom-scrollbar", children: characterExtensions.filter((ext) => {
+                      const openParenIndex = block.text.lastIndexOf("(");
+                      const query = openParenIndex > -1 ? block.text.substring(openParenIndex + 1).toUpperCase() : "";
+                      return ext.toUpperCase().includes(query);
+                    }).map((ext) => /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        role: "option",
+                        className: "group flex items-center px-4 py-2.5 cursor-pointer transition-colors duration-150 hover:bg-slate-50 active:bg-slate-100",
+                        onMouseDown: (e) => {
+                          e.preventDefault();
+                          handleSelectCharacterExtension(ext);
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx("span", { className: "flex-1 text-[11px] font-bold tracking-[0.1em] text-slate-600 uppercase text-left", children: ext }),
+                          /* @__PURE__ */ jsx(ChevronRight, { className: "w-3 h-3 text-slate-200 opacity-0 group-hover:opacity-100 transition-all -translate-x-1 group-hover:translate-x-0" })
+                        ]
+                      },
+                      ext
+                    )) })
+                  }
+                )
+              ] })
+            },
+            block.id + "-" + block.type
+          );
+        })
+      }
+    ) }),
     /* @__PURE__ */ jsxs("div", { className: "fixed bottom-6 right-6 flex flex-col items-end gap-4 z-50", children: [
       /* @__PURE__ */ jsx(PdfImporter, { onScriptImported: handleScriptImport, children: /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(Upload, { className: "w-5 h-5" }),
@@ -544,46 +534,24 @@ function ScreenplayEditorView({
       ),
       isRulesOpen && /* @__PURE__ */ jsxs("div", { className: "bg-white/80 backdrop-blur-md rounded-xl shadow-lg border border-zinc-200/50 p-4 text-xs text-zinc-700 select-none font-sans overflow-hidden transition-all duration-300 w-64 origin-bottom-right animate-in fade-in zoom-in-95", children: [
         /* @__PURE__ */ jsx("h4", { className: "font-bold text-zinc-800 mb-3 text-sm", children: "Settings & Shortcuts" }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-6", children: [
-            /* @__PURE__ */ jsx("span", { className: "font-semibold text-zinc-800", children: "A4 Page Split" }),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                role: "switch",
-                "aria-checked": isPageSplitEnabled,
-                onClick: togglePageSplit,
-                className: `${isPageSplitEnabled ? "bg-zinc-900" : "bg-zinc-300"} relative inline-flex h-5 w-9 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none`,
-                children: /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    "aria-hidden": "true",
-                    className: `${isPageSplitEnabled ? "translate-x-4" : "translate-x-0"} pointer-events-none inline-block h-4 w-4 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out`
-                  }
-                )
-              }
-            )
+        /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: /* @__PURE__ */ jsxs("ul", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-6", children: [
+            /* @__PURE__ */ jsx("span", { children: "New Block" }),
+            /* @__PURE__ */ jsx("kbd", { className: "px-2 py-1 text-xs font-semibold text-zinc-800 bg-zinc-200/70 border border-zinc-300/70 rounded-md", children: "Enter" })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "space-y-1.5 pt-3 border-t border-zinc-200/50", children: /* @__PURE__ */ jsxs("ul", { className: "space-y-1.5", children: [
-            /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-6", children: [
-              /* @__PURE__ */ jsx("span", { children: "New Block" }),
-              /* @__PURE__ */ jsx("kbd", { className: "px-2 py-1 text-xs font-semibold text-zinc-800 bg-zinc-200/70 border border-zinc-300/70 rounded-md", children: "Enter" })
-            ] }),
-            /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-6", children: [
-              /* @__PURE__ */ jsx("span", { children: "Delete Block" }),
-              /* @__PURE__ */ jsx("kbd", { className: "px-2 py-1 text-xs font-semibold text-zinc-800 bg-zinc-200/70 border border-zinc-300/70 rounded-md", children: "Backspace" })
-            ] }),
-            /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-6", children: [
-              /* @__PURE__ */ jsx("span", { children: "Change Type" }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ jsx("kbd", { className: "px-2 py-1 text-xs font-semibold text-zinc-800 bg-zinc-200/70 border border-zinc-300/70 rounded-md", children: "Ctrl" }),
-                /* @__PURE__ */ jsx("span", { children: "+" }),
-                /* @__PURE__ */ jsx("kbd", { className: "px-2 py-1 text-xs font-semibold text-zinc-800 bg-zinc-200/70 border border-zinc-300/70 rounded-md", children: "\u2191/\u2193" })
-              ] })
+          /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-6", children: [
+            /* @__PURE__ */ jsx("span", { children: "Delete Block" }),
+            /* @__PURE__ */ jsx("kbd", { className: "px-2 py-1 text-xs font-semibold text-zinc-800 bg-zinc-200/70 border border-zinc-300/70 rounded-md", children: "Backspace" })
+          ] }),
+          /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-6", children: [
+            /* @__PURE__ */ jsx("span", { children: "Change Type" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx("kbd", { className: "px-2 py-1 text-xs font-semibold text-zinc-800 bg-zinc-200/70 border border-zinc-300/70 rounded-md", children: "Ctrl" }),
+              /* @__PURE__ */ jsx("span", { children: "+" }),
+              /* @__PURE__ */ jsx("kbd", { className: "px-2 py-1 text-xs font-semibold text-zinc-800 bg-zinc-200/70 border border-zinc-300/70 rounded-md", children: "\u2191/\u2193" })
             ] })
-          ] }) })
-        ] })
+          ] })
+        ] }) }) })
       ] }),
       /* @__PURE__ */ jsx(
         "button",
@@ -689,9 +657,17 @@ function incrementChar(text) {
 function changeBlockType(blocks, id, newType) {
   const currentIndex = blocks.findIndex((b) => b.id === id);
   if (currentIndex === -1) return blocks;
+  const currentBlock = blocks[currentIndex];
   const newBlock = createNewBlock(newType);
+  if (newType === "PARENTHETICAL") {
+    const cleanText = currentBlock.text.replace(/[()]/g, "");
+    newBlock.text = `(${cleanText})`;
+  } else {
+    newBlock.text = currentBlock.text;
+  }
   if (newType === "SCENE_HEADING") {
     newBlock.sceneNumber = generateNextSceneNumber(blocks, currentIndex);
+    newBlock.text = newBlock.text.toUpperCase();
   }
   return blocks.map((b) => b.id === id ? __spreadProps(__spreadValues({}, newBlock), { id: b.id }) : b);
 }
@@ -863,19 +839,6 @@ function useScreenplayEditor() {
   const [showSuggestions, setShowSuggestions] = useState(false);
   const [showExtensionSuggestions, setShowExtensionSuggestions] = useState(false);
   const blurTimeout = useRef(null);
-  const [isPageSplitEnabled, setIsPageSplitEnabled] = useState(false);
-  const [pageBreaks, setPageBreaks] = useState([]);
-  const focusStateRef = useRef(null);
-  const togglePageSplit = useCallback(() => {
-    if (focusedBlockId && document.activeElement && document.activeElement.hasAttribute("contenteditable")) {
-      const el = refs.current[focusedBlockId];
-      if (el) {
-        const offset = getCaretCharacterOffsetWithin(el);
-        focusStateRef.current = { id: focusedBlockId, offset };
-      }
-    }
-    setIsPageSplitEnabled((prev) => !prev);
-  }, [focusedBlockId]);
   const characterExtensions = useMemo(
     () => ["(V.O.)", "(O.S.)", "(O.C.)", "(SUBTITLE)", "(CONT'D)"],
     []
@@ -953,11 +916,13 @@ function useScreenplayEditor() {
   useEffect(() => {
     blocks.forEach((block) => {
       const element = refs.current[block.id];
-      if (element && element.innerText !== block.text && document.activeElement !== element) {
-        element.innerText = block.text;
+      if (element) {
+        if (element.innerText !== block.text && document.activeElement !== element) {
+          element.innerText = block.text;
+        }
       }
     });
-  }, [blocks, isPageSplitEnabled, pageBreaks]);
+  }, [blocks]);
   useEffect(() => {
     const handleClickOutside = (e) => {
       const target = e.target;
@@ -975,98 +940,6 @@ function useScreenplayEditor() {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, []);
-  useEffect(() => {
-    if (!isPageSplitEnabled) {
-      setPageBreaks([]);
-      return;
-    }
-    const saveFocus = () => {
-      if (focusedBlockId && document.activeElement && document.activeElement.hasAttribute("contenteditable")) {
-        const el = refs.current[focusedBlockId];
-        if (el) {
-          const offset = getCaretCharacterOffsetWithin(el);
-          focusStateRef.current = { id: focusedBlockId, offset };
-        }
-      } else {
-        focusStateRef.current = null;
-      }
-    };
-    const timeoutId = setTimeout(() => {
-      let currentHeight = 0;
-      let hasSceneOnCurrentPage = false;
-      const A4_HEIGHT = 960;
-      const newPageBreaks = [];
-      blocks.forEach((block) => {
-        const el = refs.current[block.id];
-        if (el) {
-          const measureEl = document.querySelector(`[data-block-id="${block.id}"]`) || el;
-          const style = window.getComputedStyle(measureEl);
-          const marginTop = parseFloat(style.marginTop) || 0;
-          const marginBottom = parseFloat(style.marginBottom) || 0;
-          const height = measureEl.getBoundingClientRect().height + marginTop + marginBottom;
-          let breakPage = false;
-          if (currentHeight + height > A4_HEIGHT) {
-            breakPage = true;
-          } else if (block.type === "SCENE_HEADING") {
-            if (hasSceneOnCurrentPage) {
-              breakPage = true;
-            } else if (currentHeight > A4_HEIGHT - 120) {
-              breakPage = true;
-            }
-          }
-          if (breakPage && currentHeight > 0) {
-            newPageBreaks.push(block.id);
-            currentHeight = height;
-            hasSceneOnCurrentPage = block.type === "SCENE_HEADING";
-          } else {
-            currentHeight += height;
-            if (block.type === "SCENE_HEADING") {
-              hasSceneOnCurrentPage = true;
-            }
-          }
-        }
-      });
-      setPageBreaks((prev) => {
-        if (prev.length !== newPageBreaks.length) {
-          saveFocus();
-          return newPageBreaks;
-        }
-        for (let i = 0; i < prev.length; i++) {
-          if (prev[i] !== newPageBreaks[i]) {
-            saveFocus();
-            return newPageBreaks;
-          }
-        }
-        return prev;
-      });
-    }, 300);
-    return () => clearTimeout(timeoutId);
-  }, [blocks, isPageSplitEnabled, focusedBlockId]);
-  const pages = useMemo(() => {
-    if (!isPageSplitEnabled || pageBreaks.length === 0) return [blocks];
-    const result = [];
-    let currentPage = [];
-    for (const block of blocks) {
-      if (pageBreaks.includes(block.id) && currentPage.length > 0) {
-        result.push(currentPage);
-        currentPage = [];
-      }
-      currentPage.push(block);
-    }
-    if (currentPage.length > 0) result.push(currentPage);
-    return result;
-  }, [blocks, isPageSplitEnabled, pageBreaks]);
-  useEffect(() => {
-    if (focusStateRef.current) {
-      const { id, offset } = focusStateRef.current;
-      const el = refs.current[id];
-      if (el && document.activeElement !== el) {
-        el.focus();
-        setCaretPosition(el, offset);
-      }
-      focusStateRef.current = null;
-    }
-  }, [pages]);
   const handleBlockTextChange = useCallback(
     (id, text) => {
       const block = blocks.find((b) => b.id === id);
@@ -1137,17 +1010,15 @@ function useScreenplayEditor() {
         const el = refs.current[focusedBlockId];
         if (el) {
           el.focus();
-          const newBlock = createNewBlock(newType);
-          el.innerText = newBlock.text;
-          if (newType === "PARENTHETICAL") {
-            setCaretPosition(el, 1);
-          } else {
-            setCaretPosition(el, newBlock.text.length);
+          const currentBlock = blocks.find((b) => b.id === focusedBlockId);
+          if (currentBlock) {
+            const pos = newType === "PARENTHETICAL" ? el.innerText.length - 1 : el.innerText.length;
+            setCaretPosition(el, Math.max(0, pos));
           }
         }
-      }, 0);
+      }, 10);
     },
-    [focusedBlockId]
+    [focusedBlockId, blocks]
   );
   const handleSelectCharacterExtension = useCallback(
     (extension) => {
@@ -1203,8 +1074,6 @@ function useScreenplayEditor() {
       const el = refs.current[id];
       if (el) {
         el.focus();
-        const newBlock = createNewBlock(newType);
-        el.innerText = newBlock.text;
         if (newType === "PARENTHETICAL") {
           setCaretPosition(el, 1);
         } else {
@@ -1400,9 +1269,6 @@ function useScreenplayEditor() {
   }, []);
   return {
     blocks,
-    pages,
-    isPageSplitEnabled,
-    togglePageSplit,
     refs,
     focusedBlockId,
     showSuggestions,