Complete Monaco styled editor migration

Author: KSemenenko

AGENTS.md

@@ -94,6 +94,10 @@ Rule format:
 - TPS authoring completeness must be checked against the upstream `managedcode/TPS` README, not only the currently shipped editor menus, so new editor support stays aligned with the full spec for emotions, delivery, pauses, speed, pronunciation, and related cues.
 - Editor TPS command surfaces must expose the full currently supported TPS authoring set consistently across top toolbar menus, floating-toolbar menus, and Monaco assistance; do not ship partial or differently grouped command taxonomies between those surfaces.
 - The editor must support multiple authoring views: `Raw` is the canonical TPS source editor with tags, and `Editor` is the WYSIWYG-style styled-text editor that hides raw Markdown/TPS syntax while preserving text styling for non-technical authors. Do not label the styled authoring tab as `Rendered`; it is still an editor, and card or storyboard concepts must be separate modes when explicitly requested.
+- The styled `Editor` authoring view must be a full Monaco-backed editing surface with cursor, selection, keyboard editing, find behavior, and undo/redo parity with `Raw`; rendered styling should be applied through Monaco decorations or equivalent editor-native layers, not by replacing the editor with a static preview or separate non-editable DOM.
+- Styled `Editor` TPS hover tooltips must be compact, readable, and viewport-safe; they should explain what the hovered cue/header element means and how it affects authoring without giant clipped Monaco popovers.
+- Styled `Editor` header metadata must not dominate the authoring surface or expose vague labels such as `Header metadata`; speaker, WPM, emotion, timing, and archetype parts need clear semantic labels and should stay visually subordinate to the actual script text.
+- Styled `Editor` Monaco performance must avoid redundant hidden overlay rendering and unnecessary full-document decoration work while typing; optimize the editor-native decoration path before adding more DOM layers or broad scans.
 - TPS cue semantics must be visually represented across both the editor and live reader surfaces: emotions, delivery, voice, pace, energy, pauses or breath marks, pronunciation, phonetics, stress, staccato, legato, emphasis, highlight, aside, rhetorical, building, sarcasm, loud, soft, whisper, and related cues need visible affordances that help the user read intent without inspecting raw TPS tags.
 - TPS word and emotion treatments should use tasteful word-level CSS effects such as gradients, shadows, underline textures, and constrained animation when they make the cue more legible and interesting; do not limit cue rendering to flat color changes, but never let effects reduce readability or cause word overlap.
 - TPS emotion cue colors must be meaningfully distinguishable from each other and should be grounded in color/emotion theory where possible; do not ship a set of near-identical pastel tints that users cannot tell apart while reading.

src/PrompterOne.Shared/Contracts/UiTestIds.Editor.cs

@@ -133,17 +133,15 @@ public static class Editor
         public const string PauseTwoSeconds = "editor-pause-two-seconds";
         public const string Profile = "editor-profile";
         public const string Redo = "editor-redo";
-        public const string RenderedEmpty = "editor-rendered-empty";
-        public const string RenderedFallbackText = "editor-rendered-fallback-text";
-        public const string RenderedStrip = "editor-rendered-strip";
         public const string WorkspaceEditorTab = "editor-workspace-editor-tab";
-        public const string RenderedView = "editor-rendered-view";
         public const string SourceHighlight = "editor-source-highlight";
         public const string SourceInput = "editor-source-input";
         public const string SourceGutter = "editor-source-gutter";
         public const string SourceMinimap = "editor-source-minimap";
         public const string SourceScrollHost = "editor-source-scroll-host";
         public const string SourceStage = "editor-source-stage";
+        public const string StyledAuthoringMode = "styled-text";
+        public const string LegacyRenderedView = "editor-rendered-view";
         public const string Toolbar = "editor-toolbar";
         public const string ToolbarScrollNext = "editor-toolbar-scroll-next";
         public const string ToolbarScrollPrevious = "editor-toolbar-scroll-previous";
@@ -196,31 +194,6 @@ public static class Editor
 
         public static string LocalHistoryRestore(int index) => $"editor-local-history-restore-{index}";
 
-        public static string RenderedBlock(int segmentIndex, int blockIndex) => $"editor-rendered-block-{segmentIndex}-{blockIndex}";
-
-        public static string RenderedBlockDragHandle(int segmentIndex, int blockIndex) => $"editor-rendered-block-drag-handle-{segmentIndex}-{blockIndex}";
-
-        public static string RenderedBlockCues(int segmentIndex, int blockIndex) => $"editor-rendered-block-cues-{segmentIndex}-{blockIndex}";
-
-        public static string RenderedBlockAttachment(int segmentIndex, int blockIndex, int attachmentIndex) =>
-            $"editor-rendered-block-attachment-{segmentIndex}-{blockIndex}-{attachmentIndex}";
-
-        public static string RenderedBlockAttachmentInput(int segmentIndex, int blockIndex) =>
-            $"editor-rendered-block-attachment-input-{segmentIndex}-{blockIndex}";
-
-        public static string RenderedBlockAttachments(int segmentIndex, int blockIndex) =>
-            $"editor-rendered-block-attachments-{segmentIndex}-{blockIndex}";
-
-        public static string RenderedBlockMoveDown(int segmentIndex, int blockIndex) => $"editor-rendered-block-move-down-{segmentIndex}-{blockIndex}";
-
-        public static string RenderedBlockMoveUp(int segmentIndex, int blockIndex) => $"editor-rendered-block-move-up-{segmentIndex}-{blockIndex}";
-
-        public static string RenderedBlockText(int segmentIndex, int blockIndex) => $"editor-rendered-block-text-{segmentIndex}-{blockIndex}";
-
-        public static string RenderedSegmentCues(int segmentIndex) => $"editor-rendered-segment-cues-{segmentIndex}";
-
-        public static string RenderedSegment(int segmentIndex) => $"editor-rendered-segment-{segmentIndex}";
-
         public static string SplitResultItem(int index) => $"editor-split-result-item-{index}";
 
         public static string SegmentNavigation(int segmentIndex) => $"editor-structure-segment-{segmentIndex}";

src/PrompterOne.Shared/Editor/Components/EditorRenderedTextView.razor

@@ -7,7 +7,9 @@
 @inject EditorInterop SemanticInterop
 @inject EditorMonacoInterop MonacoInterop
 
-<div class="ed-main" data-test="@UiTestIds.Editor.MainPanel">
+<div class="@MainPanelCss"
+     data-authoring-mode="@AuthoringModeAttribute"
+     data-test="@UiTestIds.Editor.MainPanel">
     <div class="ed-toolbar"
          @ref="_toolbarRef"
          data-test="@UiTestIds.Editor.Toolbar">