fixes

Author: KSemenenko

src/PrompterOne.Shared/Editor/Components/EditorSourcePanel.razor.cs

@@ -92,10 +92,11 @@ protected override void OnParametersSet()
         var isLocalSelectionEcho = _hasPendingLocalSelection && Selection.Range == _lastLocalSelectionRange;
         var selectionChanged = Selection.Range != _lastRenderedSelection.Range;
         var selectionNeedsRender = Selection.HasSelection || _lastRenderedSelection.HasSelection;
+        var requiresSurfaceSyncForText = textChanged && !isLocalTextEcho;
 
         _skipNextRender = _surfaceInteropReady && isLocalTextEcho && !selectionNeedsRender;
         _syncOverlayAfterRender |= textChanged;
-        _syncSurfaceAfterRender |= textChanged || (selectionChanged && selectionNeedsRender && !isLocalSelectionEcho);
+        _syncSurfaceAfterRender |= requiresSurfaceSyncForText || (selectionChanged && selectionNeedsRender && !isLocalSelectionEcho);
 
         if (!isLocalTextEcho)
         {

tests/PrompterOne.Web.UITests/Editor/EditorLayoutTests.cs

@@ -232,8 +232,8 @@ await UiScenarioArtifacts.CapturePageAsync(
             await Assert.That(expandedMetrics.MetadataToggleChevronDirection).IsEqualTo(BrowserTestConstants.EditorFlow.MetadataRailExpandedChevronDirection);
 
             await metadataToggle.ClickAsync();
-            await page.WaitForTimeoutAsync(BrowserTestConstants.EditorFlow.MetadataRailToggleSettleDelayMs);
             await Expect(metadataToggle).ToHaveAttributeAsync("aria-expanded", "false");
+            await WaitForMetadataRailCollapsedAsync(page);
 
             var collapsedMetrics = await ReadLayoutMetricsAsync(page);
             await UiScenarioArtifacts.CapturePageAsync(
@@ -257,6 +257,30 @@ await UiScenarioArtifacts.CapturePageAsync(
         }
     }
 
+    private static Task WaitForMetadataRailCollapsedAsync(IPage page) =>
+        page.WaitForFunctionAsync(
+            """
+            (args) => {
+                const rail = document.querySelector(`[data-test="${args.railTestId}"]`);
+                const toggle = document.querySelector(`[data-test="${args.toggleTestId}"]`);
+                if (!(rail instanceof HTMLElement) || !(toggle instanceof HTMLElement)) {
+                    return false;
+                }
+
+                const railWidth = rail.getBoundingClientRect().width;
+                return rail.getAttribute('data-collapsed') === 'true' &&
+                    toggle.getAttribute('aria-expanded') === 'false' &&
+                    railWidth <= args.maximumCollapsedWidth;
+            }
+            """,
+            new
+            {
+                maximumCollapsedWidth = BrowserTestConstants.Editor.MaximumCollapsedMetadataRailWidthPx,
+                railTestId = UiTestIds.Editor.MetadataRail,
+                toggleTestId = UiTestIds.Editor.MetadataRailToggle
+            },
+            new() { Timeout = BrowserTestConstants.Timing.DefaultVisibleTimeoutMs });
+
     private static async Task<LayoutBounds> GetRequiredBoundingBoxAsync(ILocator locator) =>
         await locator.EvaluateAsync<LayoutBounds>(
             """