Migrate core render util to use xterm.js as part of the rendering loop. (#19044)

packages/cli/src/ui/components/shared/__snapshots__/BaseSelectionList.test.tsx.snap

@@ -3,7 +3,8 @@
 exports[`BaseSelectionList > Scroll Arrows (showScrollArrows) > should not show arrows when list fits entirely 1`] = `
 "● 1. Item A
   2. Item B
-  3. Item C"
+  3. Item C
+"
 `;
 
 exports[`BaseSelectionList > Scroll Arrows (showScrollArrows) > should show arrows and correct items when scrolled to the end 1`] = `
@@ -11,7 +12,8 @@ exports[`BaseSelectionList > Scroll Arrows (showScrollArrows) > should show arro
    8. Item 8
    9. Item 9
 ● 10. Item 10
-▼"
+▼
+"
 `;
 
 exports[`BaseSelectionList > Scroll Arrows (showScrollArrows) > should show arrows and correct items when scrolled to the middle 1`] = `
@@ -19,7 +21,8 @@ exports[`BaseSelectionList > Scroll Arrows (showScrollArrows) > should show arro
    4. Item 4
    5. Item 5
 ●  6. Item 6
-▼"
+▼
+"
 `;
 
 exports[`BaseSelectionList > Scroll Arrows (showScrollArrows) > should show arrows with correct colors when enabled (at the top) 1`] = `
@@ -27,5 +30,6 @@ exports[`BaseSelectionList > Scroll Arrows (showScrollArrows) > should show arro
 ●  1. Item 1
    2. Item 2
    3. Item 3
-▼"
+▼
+"
 `;

packages/cli/src/ui/components/shared/__snapshots__/DescriptiveRadioButtonSelect.test.tsx.snap

@@ -6,7 +6,8 @@ exports[`DescriptiveRadioButtonSelect > should render correctly with custom prop
 ● 2. Bar Title
      This is Bar.
   3. Baz Title
-     This is Baz."
+     This is Baz.
+"
 `;
 
 exports[`DescriptiveRadioButtonSelect > should render correctly with default props 1`] = `
@@ -15,5 +16,6 @@ exports[`DescriptiveRadioButtonSelect > should render correctly with default pro
   Bar Title
   This is Bar.
   Baz Title
-  This is Baz."
+  This is Baz.
+"
 `;

packages/cli/src/ui/components/shared/__snapshots__/EnumSelector.test.tsx.snap

@@ -1,9 +1,21 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`<EnumSelector /> > renders inactive state and matches snapshot 1`] = `"← 中文 (简体) →"`;
+exports[`<EnumSelector /> > renders inactive state and matches snapshot 1`] = `
+"← 中文 (简体) →
+"
+`;
 
-exports[`<EnumSelector /> > renders with numeric options and matches snapshot 1`] = `"← Medium →"`;
+exports[`<EnumSelector /> > renders with numeric options and matches snapshot 1`] = `
+"← Medium →
+"
+`;
 
-exports[`<EnumSelector /> > renders with single option and matches snapshot 1`] = `"  Only Option"`;
+exports[`<EnumSelector /> > renders with single option and matches snapshot 1`] = `
+"  Only Option
+"
+`;
 
-exports[`<EnumSelector /> > renders with string options and matches snapshot 1`] = `"← English →"`;
+exports[`<EnumSelector /> > renders with string options and matches snapshot 1`] = `
+"← English →
+"
+`;

packages/cli/src/ui/components/shared/__snapshots__/ExpandableText.test.tsx.snap

@@ -2,26 +2,39 @@
 
 exports[`ExpandableText > creates centered window around match when collapsed 1`] = `
 "...ry/long/path/that/keeps/going/cd_/very/long/path/that/keeps/going/search-here/and/then/some/more/
-components//and/then/some/more/components//and/..."
+components//and/then/some/more/components//and/...
+"
 `;
 
-exports[`ExpandableText > highlights matched substring when expanded (text only visible) 1`] = `"run: git commit -m "feat: add search""`;
+exports[`ExpandableText > highlights matched substring when expanded (text only visible) 1`] = `
+"run: git commit -m "feat: add search"
+"
+`;
 
-exports[`ExpandableText > renders plain label when no match (short label) 1`] = `"simple command"`;
+exports[`ExpandableText > renders plain label when no match (short label) 1`] = `
+"simple command
+"
+`;
 
-exports[`ExpandableText > respects custom maxWidth 1`] = `"zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz..."`;
+exports[`ExpandableText > respects custom maxWidth 1`] = `
+"zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz...
+"
+`;
 
 exports[`ExpandableText > shows full long label when expanded and no match 1`] = `
 "yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy
-yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy"
+yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy
+"
 `;
 
 exports[`ExpandableText > truncates long label when collapsed and no match 1`] = `
 "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx..."
+xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx...
+"
 `;
 
 exports[`ExpandableText > truncates match itself when match is very long 1`] = `
 "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx..."
+xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx...
+"
 `;

packages/cli/src/ui/components/shared/__snapshots__/HalfLinePaddedBox.test.tsx.snap

@@ -3,15 +3,23 @@
 exports[`<HalfLinePaddedBox /> > renders iTerm2-specific blocks when iTerm2 is detected 1`] = `
 "▄▄▄▄▄▄▄▄▄▄
 Content
-▀▀▀▀▀▀▀▀▀▀"
+▀▀▀▀▀▀▀▀▀▀
+"
 `;
 
-exports[`<HalfLinePaddedBox /> > renders nothing when screen reader is enabled 1`] = `"Content"`;
+exports[`<HalfLinePaddedBox /> > renders nothing when screen reader is enabled 1`] = `
+"Content
+"
+`;
 
-exports[`<HalfLinePaddedBox /> > renders nothing when useBackgroundColor is false 1`] = `"Content"`;
+exports[`<HalfLinePaddedBox /> > renders nothing when useBackgroundColor is false 1`] = `
+"Content
+"
+`;
 
 exports[`<HalfLinePaddedBox /> > renders standard background and blocks when not iTerm2 1`] = `
 "▀▀▀▀▀▀▀▀▀▀
 Content
-▄▄▄▄▄▄▄▄▄▄"
+▄▄▄▄▄▄▄▄▄▄
+"
 `;

packages/cli/src/ui/components/shared/__snapshots__/MaxSizedBox.test.tsx.snap

@@ -2,7 +2,8 @@
 
 exports[`<MaxSizedBox /> > accounts for additionalHiddenLinesCount 1`] = `
 "... first 7 lines hidden ...
-Line 3"
+Line 3
+"
 `;
 
 exports[`<MaxSizedBox /> > clips a long single text child from the bottom 1`] = `
@@ -15,7 +16,8 @@ Line 6
 Line 7
 Line 8
 Line 9
-... last 21 lines hidden ..."
+... last 21 lines hidden ...
+"
 `;
 
 exports[`<MaxSizedBox /> > clips a long single text child from the top 1`] = `
@@ -28,7 +30,8 @@ Line 26
 Line 27
 Line 28
 Line 29
-Line 30"
+Line 30
+"
 `;
 
 exports[`<MaxSizedBox /> > does not leak content after hidden indicator with bottom overflow 1`] = `
@@ -36,44 +39,55 @@ exports[`<MaxSizedBox /> > does not leak content after hidden indicator with bot
 
  - Step 1: Do something important
  - Step 2: Do something important
-... last 18 lines hidden ..."
+... last 18 lines hidden ...
+"
 `;
 
 exports[`<MaxSizedBox /> > does not truncate when maxHeight is undefined 1`] = `
 "Line 1
-Line 2"
+Line 2
+"
 `;
 
 exports[`<MaxSizedBox /> > handles React.Fragment as a child 1`] = `
 "Line 1 from Fragment
 Line 2 from Fragment
-Line 3 direct child"
+Line 3 direct child
+"
 `;
 
 exports[`<MaxSizedBox /> > hides lines at the end when content exceeds maxHeight and overflowDirection is bottom 1`] = `
 "Line 1
-... last 2 lines hidden ..."
+... last 2 lines hidden ...
+"
 `;
 
 exports[`<MaxSizedBox /> > hides lines when content exceeds maxHeight 1`] = `
 "... first 2 lines hidden ...
-Line 3"
+Line 3
+"
 `;
 
-exports[`<MaxSizedBox /> > renders children without truncation when they fit 1`] = `"Hello, World!"`;
+exports[`<MaxSizedBox /> > renders children without truncation when they fit 1`] = `
+"Hello, World!
+"
+`;
 
 exports[`<MaxSizedBox /> > shows plural "lines" when more than one line is hidden 1`] = `
 "... first 2 lines hidden ...
-Line 3"
+Line 3
+"
 `;
 
 exports[`<MaxSizedBox /> > shows singular "line" when exactly one line is hidden 1`] = `
 "... first 1 line hidden ...
-Line 1"
+Line 1
+"
 `;
 
 exports[`<MaxSizedBox /> > wraps text that exceeds maxWidth 1`] = `
 "This is a
 long line
-of text"
+of text
+"
 `;

packages/cli/src/ui/components/shared/__snapshots__/Scrollable.test.tsx.snap

@@ -4,6 +4,5 @@ exports[`<Scrollable /> > matches snapshot 1`] = `
 "Line 1
 Line 2
 Line 3
-
 "
 `;

packages/cli/src/ui/components/shared/__snapshots__/SectionHeader.test.tsx.snap

@@ -1,7 +1,16 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`<SectionHeader /> > 'renders correctly in a narrow contain…' 1`] = `"── Narrow Container ─────"`;
+exports[`<SectionHeader /> > 'renders correctly in a narrow contain…' 1`] = `
+"── Narrow Container ─────
+"
+`;
 
-exports[`<SectionHeader /> > 'renders correctly when title is trunc…' 1`] = `"── Very Long Hea… ──"`;
+exports[`<SectionHeader /> > 'renders correctly when title is trunc…' 1`] = `
+"── Very Long Hea… ──
+"
+`;
 
-exports[`<SectionHeader /> > 'renders correctly with a standard tit…' 1`] = `"── My Header ───────────────────────────"`;
+exports[`<SectionHeader /> > 'renders correctly with a standard tit…' 1`] = `
+"── My Header ───────────────────────────
+"
+`;

packages/cli/src/ui/components/shared/__snapshots__/VirtualizedList.test.tsx.snap

@@ -20,7 +20,8 @@ exports[`<VirtualizedList /> > with 10px height and 100 items > mounts only visi
 │Item 3                                                                                            │
 │                                                                                                  │
 │                                                                                                  │
-╰──────────────────────────────────────────────────────────────────────────────────────────────────╯"
+╰──────────────────────────────────────────────────────────────────────────────────────────────────╯
+"
 `;
 
 exports[`<VirtualizedList /> > with 10px height and 100 items > mounts only visible items with 1000 items and 10px height (scroll: 500) 1`] = `
@@ -43,7 +44,8 @@ exports[`<VirtualizedList /> > with 10px height and 100 items > mounts only visi
 │Item 503                                                                                          │
 │                                                                                                  │
 │                                                                                                  │
-╰──────────────────────────────────────────────────────────────────────────────────────────────────╯"
+╰──────────────────────────────────────────────────────────────────────────────────────────────────╯
+"
 `;
 
 exports[`<VirtualizedList /> > with 10px height and 100 items > mounts only visible items with 1000 items and 10px height (scroll: 999) 1`] = `
@@ -66,7 +68,8 @@ exports[`<VirtualizedList /> > with 10px height and 100 items > mounts only visi
 │                                                                                                  │
 │                                                                                                  │
 │                                                                                                 █│
-╰──────────────────────────────────────────────────────────────────────────────────────────────────╯"
+╰──────────────────────────────────────────────────────────────────────────────────────────────────╯
+"
 `;
 
 exports[`<VirtualizedList /> > with 10px height and 100 items > renders only visible items ('scrolled to bottom') 1`] = `
@@ -79,7 +82,8 @@ exports[`<VirtualizedList /> > with 10px height and 100 items > renders only vis
 │Item 97                                                                                           │
 │Item 98                                                                                           │
 │Item 99                                                                                          █│
-╰──────────────────────────────────────────────────────────────────────────────────────────────────╯"
+╰──────────────────────────────────────────────────────────────────────────────────────────────────╯
+"
 `;
 
 exports[`<VirtualizedList /> > with 10px height and 100 items > renders only visible items ('top') 1`] = `
@@ -92,5 +96,6 @@ exports[`<VirtualizedList /> > with 10px height and 100 items > renders only vis
 │Item 5                                                                                            │
 │Item 6                                                                                            │
 │Item 7                                                                                            │
-╰──────────────────────────────────────────────────────────────────────────────────────────────────╯"
+╰──────────────────────────────────────────────────────────────────────────────────────────────────╯
+"
 `;