fixe

Author: KSemenenko

AGENTS.md

@@ -304,8 +304,14 @@ Repo-specific design rules:
 - Repo-owned manifests, scripts, workflows, and project files that track third-party runtime JavaScript SDKs MUST point to concrete GitHub release versions and asset URLs, never floating references.
 - Any vendored runtime JavaScript SDK that tracks an upstream GitHub repo MUST have an automated watcher job that checks new GitHub releases and opens a repo issue describing the required update when a newer release appears.
 - Teleprompter TPS speed modifiers MUST affect both playback timing and subtle word- or phrase-level letter spacing, so slower spans open up slightly and faster spans tighten slightly without hurting readability.
+- Teleprompter default reader width MUST start at the maximum readable width from the design unless the user explicitly narrows it; shipping a visibly narrower default is a regression.
+- Teleprompter speed styling MUST produce a visible but tasteful letter-spacing or kerning change: slower text opens up slightly and faster text tightens slightly, not a no-op.
 - Teleprompter reader word styling MUST mirror TPS/editor inline semantics: explicit inline TPS tags control per-word emphasis and color, while section or block emotion sets card context and must not recolor every reader word.
+- Teleprompter underline or highlight treatments that span a phrase or block MUST render as one continuous block-level treatment; separate per-word underlines inside the same phrase are forbidden.
+- Teleprompter reader text MUST appear on the focal guide immediately when a word or block becomes active; visible post-appearance drift or settling onto the guide is forbidden.
 - Teleprompter block transitions MUST stay visually consistent: outgoing cards move upward and incoming cards rise from below in the same direction every time; alternating up/down travel is forbidden, and extra settling, bounce, or intermediate card states are forbidden.
+- Reader and Learn tokenization MUST treat punctuation-only tokens such as commas, periods, and dashes as punctuation attached to nearby words or pauses, never as standalone counted words.
+- App-shell logo navigation MUST always lead to the main home/library screen; it must not deep-link into Go Live, Teleprompter, or another feature-specific route.
 - Learn and Teleprompter are separate screens with separate style ownership; do not bundle RSVP and teleprompter reader feature styles into one shared screen stylesheet or let one page inherit the other page's visual treatment.
 - User preferences persistence MUST sit behind a platform-agnostic user-settings abstraction, with browser storage implemented via local storage and room for other platform-specific implementations; theme, teleprompter layout preferences, camera/scene preferences, and similar saved settings belong there instead of ad-hoc feature stores.
 - Build quality gates must stay green under `-warnaserror`.
@@ -368,8 +374,14 @@ Ask first:
 - made-up About/team content or stale attribution; About must point to real Managed Code ownership and official links
 - any visible typing latency in the editor; plain input must feel immediate with no observable delay
 - teleprompter controls that fade so much they become hard to see during real reading
+- teleprompter starting with a narrowed text width instead of the design-max default
 - teleprompter paragraph repositioning, line hopping, or per-word vertical transform updates that make the text jump; `design/teleprompter.html` motion is the required reference, with steady bottom-to-top movement and no extra animation layers beyond the reference
+- teleprompter words or blocks appearing away from the focus line and only then drifting onto it; activation must look immediate
+- teleprompter section changes that introduce odd transition motion instead of the straight reference direction
 - any green teleprompter shell or background treatment; Teleprompter must stay on its dark reader palette and use emotion only for accents, not green screen-wide fills
+- fragmented per-word underline styling where the intended emphasis should read as one continuous block
+- punctuation showing up or being counted as standalone words in Learn or Teleprompter flows
+- app logo clicks landing on a feature route instead of the main home/library screen
 - Learn and Teleprompter style boundaries bleeding through a shared feature stylesheet; their visuals must stay isolated by page-owned style manifests
 - Learn RSVP compositions that shift when shorter or longer words render; changing word length must not move the overall RSVP component or its anchored centerline
 - teleprompter camera starting enabled by default; default reader startup should keep the camera off until the user explicitly enables it

src/PrompterOne.Core/Tps/Services/ScriptCompiler.cs

@@ -669,6 +669,12 @@ private static void AddWord(List<CompiledWord> words, string token, FormattingSt
             return;
         }
 
+        if (TpsTokenTextRules.IsStandalonePunctuationToken(clean))
+        {
+            AttachStandalonePunctuation(words, clean);
+            return;
+        }
+
         var metadata = new WordMetadata
         {
             IsEmphasis = state.IsEmphasis,
@@ -708,6 +714,20 @@ private static void AddWord(List<CompiledWord> words, string token, FormattingSt
         });
     }
 
+    private static void AttachStandalonePunctuation(List<CompiledWord> words, string punctuationToken)
+    {
+        var previousWord = words.LastOrDefault(word =>
+            word.Metadata?.IsPause != true &&
+            !string.IsNullOrWhiteSpace(word.CleanText));
+        if (previousWord is null)
+        {
+            return;
+        }
+
+        previousWord.CleanText += TpsTokenTextRules.BuildStandalonePunctuationSuffix(punctuationToken);
+        previousWord.CharacterCount = previousWord.CleanText.Length;
+    }
+
     private static string NormalizeContent(string text)
     {
         if (string.IsNullOrEmpty(text))

src/PrompterOne.Core/Tps/Services/TpsTokenTextRules.cs

@@ -0,0 +1,46 @@
+namespace PrompterOne.Core.Services;
+
+internal static class TpsTokenTextRules
+{
+    private const string StandaloneDashCharacters = "-—–";
+    private const string StandalonePunctuationCharacters = ",.;:!?-—–…";
+
+    public static bool IsStandalonePunctuationToken(string? token)
+    {
+        if (string.IsNullOrWhiteSpace(token))
+        {
+            return false;
+        }
+
+        foreach (var character in token.Trim())
+        {
+            if (!StandalonePunctuationCharacters.Contains(character))
+            {
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    public static string BuildStandalonePunctuationSuffix(string token)
+    {
+        var trimmed = token.Trim();
+        return UsesLeadingSeparator(trimmed)
+            ? string.Concat(" ", trimmed)
+            : trimmed;
+    }
+
+    private static bool UsesLeadingSeparator(string token)
+    {
+        foreach (var character in token)
+        {
+            if (!StandaloneDashCharacters.Contains(character))
+            {
+                return false;
+            }
+        }
+
+        return token.Length > 0;
+    }
+}

src/PrompterOne.Core/Workspace/Models/ReaderSettingsDefaults.cs

@@ -4,7 +4,7 @@ public static class ReaderSettingsDefaults
 {
     public const int CountdownSeconds = 3;
     public const double FontScale = 1.0;
-    public const double TextWidth = 0.72;
+    public const double TextWidth = 1.0;
     public const double ScrollSpeed = 1.0;
     public const bool MirrorText = false;
     public const bool ShowFocusLine = true;

src/PrompterOne.Shared/Contracts/UiTestIds.cs

@@ -358,6 +358,7 @@ public static class GoLive
         public const string ModeStudio = "go-live-mode-studio";
         public const string NdiToggle = "go-live-ndi-toggle";
         public const string ObsToggle = "go-live-obs-toggle";
+        public const string OpenHome = "go-live-open-home";
         public const string OpenLearn = "go-live-open-learn";
         public const string OpenRead = "go-live-open-read";
         public const string OpenSettings = "go-live-open-settings";

src/PrompterOne.Shared/GoLive/Components/GoLiveSourcesCard.razor

@@ -1,5 +1,4 @@
 @namespace PrompterOne.Shared.Components.GoLive
-@using PrompterOne.Core.Models.Workspace
 
 <section class="gl-sources-panel">
     <div class="gl-sources-header">
@@ -52,37 +51,6 @@
                                 <span class="gl-cam-name">@source.Label</span>
                                 <span class="gl-cam-hw">@GetSourceStatus(source)</span>
                             </div>
-
-                            <div class="gl-cam-row2">
-                                <div class="gl-cam-reader">
-                                    <div class="@GetSourceAvatarCssClass(source)">@GetSourceAvatarInitial(source)</div>
-                                    <span class="gl-cam-reader-name">@GetSourceReaderLabel(source)</span>
-                                </div>
-
-                                <div class="gl-crop-btns">
-                                    @foreach (var crop in CropOptions)
-                                    {
-                                        var cropIsActive = GetCropSelection(source.SourceId) == crop;
-                                        <button type="button"
-                                                class="gl-crop-btn @(cropIsActive ? "active" : null)"
-                                                @onclick="() => SetCropSelection(source.SourceId, crop)">@GetCropLabel(crop)</button>
-                                    }
-                                </div>
-                            </div>
-
-                            <div class="gl-cam-script-tag @GetSourceScriptTagCssClass(source)">
-                                <svg width="10"
-                                     height="10"
-                                     viewBox="0 0 24 24"
-                                     fill="none"
-                                     stroke="currentColor"
-                                     stroke-width="2"
-                                     aria-hidden="true">
-                                    <path d="M4 6h16M4 12h12M4 18h14" />
-                                </svg>
-                                <span>@CurrentScriptTitle</span>
-                                <span class="gl-script-progress">@CurrentScriptProgressLabel</span>
-                            </div>
                         </div>
                     </button>
 
@@ -128,25 +96,14 @@
     private const string PrompterUtilitySourceId = "prompter-display";
     private const string RemoveLabel = "Remove";
     private const string ScreenShareUtilitySourceId = "screen-share";
-    private const string ScriptProgressDefaultLabel = "No script loaded";
     private const string SourceIncludedLabel = "Armed for output";
     private const string SourceLiveLabel = "Ready for canvas";
     private const string SourceOnAirLabel = "On air";
     private const string SourceSceneOnlyLabel = "Scene only";
-    private static readonly IReadOnlyList<GoLiveCropPreset> CropOptions =
-    [
-        GoLiveCropPreset.Full,
-        GoLiveCropPreset.HeadAndShoulders,
-        GoLiveCropPreset.Face
-    ];
-
-    private readonly Dictionary<string, GoLiveCropPreset> _cropSelections = new(StringComparer.Ordinal);
 
     [Parameter] public EventCallback AddCamera { get; set; }
     [Parameter] public string? ActiveSourceId { get; set; }
     [Parameter] public bool CanAddCamera { get; set; }
-    [Parameter] public string CurrentScriptProgressLabel { get; set; } = ScriptProgressDefaultLabel;
-    [Parameter] public string CurrentScriptTitle { get; set; } = ScriptWorkspaceState.UntitledScriptTitle;
     [Parameter] public bool HasPrimaryMicrophone { get; set; }
     [Parameter] public string MicrophoneName { get; set; } = string.Empty;
     [Parameter] public string MicrophoneRouteLabel { get; set; } = string.Empty;
@@ -175,49 +132,6 @@
             : SourceSceneOnlyLabel;
     }
 
-    private static string GetCropLabel(GoLiveCropPreset crop) =>
-        crop switch
-        {
-            GoLiveCropPreset.HeadAndShoulders => "H&S",
-            GoLiveCropPreset.Face => "Face",
-            _ => "Full"
-        };
-
-    private static string GetSourceAvatarInitial(SceneCameraSource source)
-    {
-        return string.IsNullOrWhiteSpace(source.Label)
-            ? "C"
-            : source.Label[..1].ToUpperInvariant();
-    }
-
-    private string GetSourceAvatarCssClass(SceneCameraSource source)
-    {
-        var classes = new List<string> { "gl-cam-avatar" };
-        classes.Add(IsActive(source)
-            ? "gl-cam-avatar-live"
-            : IsSelected(source)
-                ? "gl-cam-avatar-preview"
-                : "gl-cam-avatar-idle");
-        return string.Join(' ', classes);
-    }
-
-    private string GetSourceReaderLabel(SceneCameraSource source)
-    {
-        if (IsActive(source))
-        {
-            return SourceOnAirLabel;
-        }
-
-        if (IsSelected(source))
-        {
-            return SourceLiveLabel;
-        }
-
-        return source.Transform.IncludeInOutput
-            ? SourceIncludedLabel
-            : SourceSceneOnlyLabel;
-    }
-
     private string GetSourceBadge(SceneCameraSource source)
     {
         if (IsActive(source))
@@ -232,23 +146,6 @@
                 : SourceSceneOnlyLabel;
     }
 
-    private string GetSourceScriptTagCssClass(SceneCameraSource source)
-    {
-        return IsActive(source) || IsSelected(source)
-            ? "gl-script-active"
-            : string.Empty;
-    }
-
-    private GoLiveCropPreset GetCropSelection(string sourceId)
-    {
-        return _cropSelections.TryGetValue(sourceId, out var crop) ? crop : GoLiveCropPreset.Full;
-    }
-
-    private void SetCropSelection(string sourceId, GoLiveCropPreset crop)
-    {
-        _cropSelections[sourceId] = crop;
-    }
-
     private string GetSourceCardCssClass(SceneCameraSource source)
     {
         var classes = new List<string> { "gl-cam-card" };

src/PrompterOne.Shared/GoLive/Components/GoLiveSourcesCard.razor.css

@@ -42,6 +42,7 @@
     display: flex;
     flex-direction: column;
     gap: 8px;
+    flex: 1 1 0;
     min-height: 0;
     overflow-y: auto;
 }

src/PrompterOne.Shared/GoLive/Pages/GoLivePage.StudioSurface.cs

@@ -40,8 +40,6 @@ public partial class GoLivePage
     private const string RecordingReadyDetailLabel = "Ready";
     private const string RecordingReadyMetricValue = "Armed";
     private const string RelayPlatformLabel = "Relay preset";
-    private const string RemoteTalentSourceId = "prompter-display";
-    private const string RemoteTalentTitle = "Prompter Display";
     private const string RoomCodeFallback = "local-studio";
     private const string RuntimeEngineIdleValue = "Idle";
     private const string RuntimeEngineLabel = "Runtime";
@@ -51,32 +49,18 @@ public partial class GoLivePage
     private const string RuntimeEngineRecorderValue = "Recorder";
     private const string SceneSlidesId = "scene-slides";
     private const string SceneSlidesLabel = "Slides";
-    private const string ScreenShareSourceId = "screen-share";
-    private const string ScreenShareTitle = "Share Screen";
     private const string SecondarySceneId = "scene-secondary";
     private const string SettingsPlatformLabel = "Settings preset";
     private const string StatusBitrateLabel = "Bitrate";
     private const string StatusOutputLabel = "Output";
+    private const string StudioSourcesTitle = "Sources";
     private const string SessionMetricLabel = "Session";
-    private const string SlidesSourceId = "slides";
-    private const string SlidesSourceTitle = "Slides";
-    private const string UtilitySourceClickLabel = "Click to share";
-    private const string UtilitySourcePrompterBadge = "Prompter";
-    private const string UtilitySourceShareBadge = "Add";
-    private const string UtilitySourceSlidesBadge = "Slides";
-    private const string UtilitySourceSlidesLabel = "Keynote";
-    private const string UtilitySourceTalentFacingLabel = "Talent-facing only";
+    private const string DirectorSourcesTitle = "Cameras";
     private const string GoLiveContentBaseClass = "gl-content";
     private const string GoLiveFullProgramClass = "gl-layout-fullpgm";
     private const string GoLiveHideLeftClass = "gl-hide-left";
     private const string GoLiveHideRightClass = "gl-hide-right";
 
-    private static readonly IReadOnlyList<GoLiveUtilitySourceViewModel> StudioUtilitySources =
-    [
-        new(RemoteTalentSourceId, RemoteTalentTitle, UtilitySourceTalentFacingLabel, UtilitySourcePrompterBadge),
-        new(SlidesSourceId, SlidesSourceTitle, UtilitySourceSlidesLabel, UtilitySourceSlidesBadge),
-        new(ScreenShareSourceId, ScreenShareTitle, UtilitySourceClickLabel, UtilitySourceShareBadge)
-    ];
 
     private string _activeSceneId = PrimarySceneId;
     private GoLiveSceneLayout _activeSceneLayout = GoLiveSceneLayout.Full;
@@ -113,7 +97,17 @@ public partial class GoLivePage
 
     private IReadOnlyList<GoLiveMetricViewModel> StatusMetrics => BuildStatusMetrics();
 
-    private static IReadOnlyList<GoLiveUtilitySourceViewModel> UtilitySources => StudioUtilitySources;
+    private static IReadOnlyList<GoLiveUtilitySourceViewModel> UtilitySources => [];
+
+    private IReadOnlyList<SceneCameraSource> VisibleSceneCameras =>
+        _activeStudioMode == GoLiveStudioMode.Studio && SceneCameras.Count > 0
+            ? [SceneCameras[0]]
+            : SceneCameras;
+
+    private string SourcesHeaderTitle =>
+        _activeStudioMode == GoLiveStudioMode.Director
+            ? DirectorSourcesTitle
+            : StudioSourcesTitle;
 
     private string GoLiveContentClass
     {

src/PrompterOne.Shared/GoLive/Pages/GoLivePage.razor

@@ -11,8 +11,8 @@
                  data-testid="@UiTestIds.GoLive.SessionBar">
             <div class="gl-topbar-left">
                 <a class="gl-back-btn"
-                   href="@ReadRoute"
-                   data-testid="@UiTestIds.GoLive.OpenRead">
+                   href="@HomeRoute"
+                   data-testid="@UiTestIds.GoLive.OpenHome">
                     <svg width="16"
                          height="16"
                          viewBox="0 0 24 24"
@@ -168,11 +168,10 @@
             {
                 <aside class="gl-sources"
                        data-testid="@UiTestIds.GoLive.SourceRail">
-                    <GoLiveSourcesCard Sources="@SceneCameras"
+                    <GoLiveSourcesCard Sources="@VisibleSceneCameras"
                                        ActiveSourceId="@ActiveCamera?.SourceId"
                                        SelectedSourceId="@SelectedCamera?.SourceId"
-                                       CurrentScriptTitle="@_screenTitle"
-                                       CurrentScriptProgressLabel="@CurrentScriptProgressLabel"
+                                       Title="@SourcesHeaderTitle"
                                        UtilitySources="@UtilitySources"
                                        HasPrimaryMicrophone="@HasPrimaryMicrophone"
                                        MicrophoneName="@PrimaryMicrophoneLabel"

src/PrompterOne.Shared/GoLive/Pages/GoLivePage.razor.cs

@@ -19,6 +19,7 @@ public partial class GoLivePage : ComponentBase
     private const string GoLiveSceneOperation = "Go Live save scene";
     private const string GoLiveStudioMessage = "Unable to save live routing settings.";
     private const string GoLiveStudioOperation = "Go Live save studio";
+    private const string HomeRoute = AppRoutes.Library;
     private const string NoMicrophoneLabel = "No microphone";
     private const string StreamingSubtitle = "Program routing";
 
@@ -75,10 +76,6 @@ private string PrimaryMicrophoneRoute
         }
     }
 
-    private string ReadRoute => HasScriptContext
-        ? AppRoutes.TeleprompterWithId(SessionService.State.ScriptId)
-        : AppRoutes.Teleprompter;
-
     private IReadOnlyList<SceneCameraSource> SceneCameras => MediaSceneService.State.Cameras;
 
     protected override Task OnParametersSetAsync()