Elgato_dark/gemini-cli
1
0
Fork 0
mirror of https://github.com/google-gemini/gemini-cli synced 2026-04-21 13:37:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 19

fix: resolve snapshot merge conflicts

Browse source 
This commit resolves the merge conflicts that were present in several SVG snapshot files by regenerating them via 'vitest run -u'.
This commit is contained in:
Akhilesh Kumar 2026-04-13 18:16:27 +00:00
parent 30b2af34c8
commit 8a8590c516
99 changed files with 4212 additions and 11352 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.gemini/settings.json
View file

@ -13,4 +13,4 @@
"agents": {
"overrides": {}
}
}
}

218
packages/cli/src/ui/__snapshots__/App.test.tsx.snap
View file

@ -2,163 +2,109 @@
exports[`App > Snapshots > renders default layout correctly 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
▝▜▄ ▗█▀▀▜▙▝█▛▀▀▌▜██▖▟██▘▜█▘▜██▖▝█▛▝█▛
▝▜▄ █▌ █▙▟ ▐█▝█▛▐█ ▐█ ▐█▝█▖█▌ █▌
▗▟▀ ▜▙ ▝█▛ █▌▝ ▖▐█ ▐█ ▐█ ▐█ ▝██▌ █▌
▝▀ ▀▀▀▀▘▝▀▀▀▀▘▀▀▘ ▀▀▘▀▀▘▀▀▘ ▝▀▀▝▀▀
src/ui/components/MainContent.tsx:40:36
Gemini CLI v1.2.3
37: const uiState = useUIState();
38: const isAlternateBufferOrTerminalBuffer = useAlternateBuffer();
39: const config = useConfig();
40: const useTerminalBuffer = config.getUseTerminalBuffer();
41: const isAlternateBuffer = config.getUseAlternateBuffer();
42:
43: const confirmingTool = useConfirmingTool();
- MainContent (src/ui/components/MainContent.tsx:40:36)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
-renderRootSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
2624:11)
-performWorkOnR
ot (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12135:44)
Tips for getting started:
1. Create GEMINI.md files to customize your interactions
2. /help for more information
3. Ask coding questions, edit code or run commands
4. Be specific for the best results
Notifications
Composer
"
`;
exports[`App > Snapshots > renders screen reader layout correctly 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
"Notifications
Footer
src/ui/components/MainContent.tsx:40:36
▝▜▄ ▗█▀▀▜▙▝█▛▀▀▌▜██▖▟██▘▜█▘▜██▖▝█▛▝█▛
▝▜▄ █▌ █▙▟ ▐█▝█▛▐█ ▐█ ▐█▝█▖█▌ █▌
▗▟▀ ▜▙ ▝█▛ █▌▝ ▖▐█ ▐█ ▐█ ▐█ ▝██▌ █▌
▝▀ ▀▀▀▀▘▝▀▀▀▀▘▀▀▘ ▀▀▘▀▀▘▀▀▘ ▝▀▀▝▀▀
37: const uiState = useUIState();
38: const isAlternateBufferOrTerminalBuffer = useAlternateBuffer();
39: const config = useConfig();
40: const useTerminalBuffer = config.getUseTerminalBuffer();
41: const isAlternateBuffer = config.getUseAlternateBuffer();
42:
43: const confirmingTool = useConfirmingTool();
Gemini CLI v1.2.3
- MainContent (src/ui/components/MainContent.tsx:40:36)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
-renderRootSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
2624:11)
-performWorkOnR
ot (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12135:44)
Tips for getting started:
1. Create GEMINI.md files to customize your interactions
2. /help for more information
3. Ask coding questions, edit code or run commands
4. Be specific for the best results
Composer
"
`;
exports[`App > Snapshots > renders with dialogs visible 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
▝▜▄ ▗█▀▀▜▙▝█▛▀▀▌▜██▖▟██▘▜█▘▜██▖▝█▛▝█▛
▝▜▄ █▌ █▙▟ ▐█▝█▛▐█ ▐█ ▐█▝█▖█▌ █▌
▗▟▀ ▜▙ ▝█▛ █▌▝ ▖▐█ ▐█ ▐█ ▐█ ▝██▌ █▌
▝▀ ▀▀▀▀▘▝▀▀▀▀▘▀▀▘ ▀▀▘▀▀▘▀▀▘ ▝▀▀▝▀▀
src/ui/components/MainContent.tsx:40:36
Gemini CLI v1.2.3
37: const uiState = useUIState();
38: const isAlternateBufferOrTerminalBuffer = useAlternateBuffer();
39: const config = useConfig();
40: const useTerminalBuffer = config.getUseTerminalBuffer();
41: const isAlternateBuffer = config.getUseAlternateBuffer();
42:
43: const confirmingTool = useConfirmingTool();
- MainContent (src/ui/components/MainContent.tsx:40:36)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
-renderRootSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
2624:11)
-performWorkOnR
ot (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12135:44)
Notifications
DialogManager
"
`;

357
packages/cli/src/ui/__snapshots__/ToolConfirmationFullFrame-Full-Terminal-Tool-Confirmation-Snapshot-renders-tool-confirmation-box-in-the-frame-of-the-entire-terminal.snap.svg
View file

@ -1,74 +1,295 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="870" viewBox="0 0 920 870">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="666" viewBox="0 0 920 666">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="870" fill="#000000" />
<rect width="920" height="666" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> config.getUseTerminalBuffer is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/components/MainContent.tsx:40:36 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 37: const uiState = useUIState(); </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 38: const isAlternateBufferOrTerminalBuffer = useAlternateBuffer(); </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 39: const config = useConfig(); </text>
<rect x="9" y="136" width="558" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="558" lengthAdjust="spacingAndGlyphs">40: const useTerminalBuffer = config.getUseTerminalBuffer();</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 41: const isAlternateBuffer = config.getUseAlternateBuffer(); </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 42: </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 43: const confirmingTool = useConfirmingTool(); </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">MainContent</text>
<text x="126" y="223" fill="#7f7f7f" textLength="378" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/MainContent.tsx:40:36)</text>
<text x="0" y="240" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="240" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="257" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="257" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="274" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="291" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="308" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="308" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="325" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="325" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="342" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="359" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="376" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="376" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="393" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="393" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="410" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="427" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="444" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="444" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="461" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="478" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="512" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="512" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="529" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="529" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="546" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="563" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="580" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="580" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="597" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="597" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="614" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="631" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="648" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="648" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="665" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="682" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="699" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<text x="0" y="716" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="716" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderRootSy</text>
<text x="18" y="733" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">c</text>
<text x="126" y="733" fill="#7f7f7f" textLength="765" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep</text>
<text x="126" y="750" fill="#7f7f7f" textLength="765" lengthAdjust="spacingAndGlyphs">-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1</text>
<text x="126" y="767" fill="#7f7f7f" textLength="72" lengthAdjust="spacingAndGlyphs">2624:11)</text>
<text x="0" y="784" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="784" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performWorkOnR</text>
<text x="18" y="801" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">ot</text>
<text x="144" y="801" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="818" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="835" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12135:44)</text>
<rect x="0" y="0" width="9" height="17" fill="#141414" />
<rect x="9" y="0" width="18" height="17" fill="#141414" />
<text x="9" y="2" fill="#d7afff" textLength="18" lengthAdjust="spacingAndGlyphs">&gt; </text>
<rect x="27" y="0" width="324" height="17" fill="#141414" />
<text x="27" y="2" fill="#ffffff" textLength="324" lengthAdjust="spacingAndGlyphs">Can you edit InputPrompt.tsx for me?</text>
<rect x="351" y="0" width="549" height="17" fill="#141414" />
<rect x="0" y="17" width="900" height="17" fill="#141414" />
<text x="0" y="19" fill="#000000" textLength="900" lengthAdjust="spacingAndGlyphs">▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄</text>
<text x="0" y="53" fill="#333333" textLength="891" lengthAdjust="spacingAndGlyphs">╭─────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#ffffaf" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">? Edit </text>
<text x="81" y="70" fill="#ffffff" textLength="783" lengthAdjust="spacingAndGlyphs">packages/.../InputPrompt.tsx: return kittyProtocolSupporte... =&gt; return kittyProto…</text>
<text x="882" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#333333" textLength="855" lengthAdjust="spacingAndGlyphs">╭─────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="882" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="104" fill="#afafaf" textLength="414" lengthAdjust="spacingAndGlyphs">... first 42 lines hidden (Ctrl+O to show) ...</text>
<text x="864" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="121" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">43</text>
<text x="81" y="121" fill="#e5e5e5" textLength="54" lengthAdjust="spacingAndGlyphs">const </text>
<text x="135" y="121" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">line43</text>
<text x="189" y="121" fill="#e5e5e5" textLength="27" lengthAdjust="spacingAndGlyphs"> = </text>
<text x="216" y="121" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="252" y="121" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="864" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="138" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">44</text>
<text x="81" y="138" fill="#e5e5e5" textLength="54" lengthAdjust="spacingAndGlyphs">const </text>
<text x="135" y="138" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">line44</text>
<text x="189" y="138" fill="#e5e5e5" textLength="27" lengthAdjust="spacingAndGlyphs"> = </text>
<text x="216" y="138" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="252" y="138" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="864" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="155" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">45</text>
<text x="81" y="155" fill="#e5e5e5" textLength="54" lengthAdjust="spacingAndGlyphs">const </text>
<text x="135" y="155" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">line45</text>
<text x="189" y="155" fill="#e5e5e5" textLength="27" lengthAdjust="spacingAndGlyphs"> = </text>
<text x="216" y="155" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="252" y="155" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="864" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="172" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">46</text>
<text x="81" y="172" fill="#e5e5e5" textLength="54" lengthAdjust="spacingAndGlyphs">const </text>
<text x="135" y="172" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">line46</text>
<text x="189" y="172" fill="#e5e5e5" textLength="27" lengthAdjust="spacingAndGlyphs"> = </text>
<text x="216" y="172" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="252" y="172" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="864" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="189" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="189" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">47</text>
<text x="81" y="189" fill="#e5e5e5" textLength="54" lengthAdjust="spacingAndGlyphs">const </text>
<text x="135" y="189" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">line47</text>
<text x="189" y="189" fill="#e5e5e5" textLength="27" lengthAdjust="spacingAndGlyphs"> = </text>
<text x="216" y="189" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="252" y="189" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="864" y="189" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="189" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│▄</text>
<text x="0" y="206" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="206" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="206" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">48</text>
<text x="81" y="206" fill="#e5e5e5" textLength="54" lengthAdjust="spacingAndGlyphs">const </text>
<text x="135" y="206" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">line48</text>
<text x="189" y="206" fill="#e5e5e5" textLength="27" lengthAdjust="spacingAndGlyphs"> = </text>
<text x="216" y="206" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="252" y="206" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="864" y="206" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="206" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="223" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="223" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="223" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">49</text>
<text x="81" y="223" fill="#e5e5e5" textLength="54" lengthAdjust="spacingAndGlyphs">const </text>
<text x="135" y="223" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">line49</text>
<text x="189" y="223" fill="#e5e5e5" textLength="27" lengthAdjust="spacingAndGlyphs"> = </text>
<text x="216" y="223" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="252" y="223" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="864" y="223" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="223" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="240" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="240" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="240" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">50</text>
<text x="81" y="240" fill="#e5e5e5" textLength="54" lengthAdjust="spacingAndGlyphs">const </text>
<text x="135" y="240" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">line50</text>
<text x="189" y="240" fill="#e5e5e5" textLength="27" lengthAdjust="spacingAndGlyphs"> = </text>
<text x="216" y="240" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="252" y="240" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="864" y="240" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="240" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="257" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="257" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="257" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">51</text>
<text x="81" y="257" fill="#e5e5e5" textLength="54" lengthAdjust="spacingAndGlyphs">const </text>
<text x="135" y="257" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">line51</text>
<text x="189" y="257" fill="#e5e5e5" textLength="27" lengthAdjust="spacingAndGlyphs"> = </text>
<text x="216" y="257" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="252" y="257" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="864" y="257" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="257" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="274" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="274" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="274" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">52</text>
<text x="81" y="274" fill="#e5e5e5" textLength="54" lengthAdjust="spacingAndGlyphs">const </text>
<text x="135" y="274" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">line52</text>
<text x="189" y="274" fill="#e5e5e5" textLength="27" lengthAdjust="spacingAndGlyphs"> = </text>
<text x="216" y="274" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="252" y="274" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="864" y="274" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="274" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="291" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="291" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="291" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">53</text>
<text x="81" y="291" fill="#e5e5e5" textLength="54" lengthAdjust="spacingAndGlyphs">const </text>
<text x="135" y="291" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">line53</text>
<text x="189" y="291" fill="#e5e5e5" textLength="27" lengthAdjust="spacingAndGlyphs"> = </text>
<text x="216" y="291" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="252" y="291" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="864" y="291" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="291" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="308" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="308" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="308" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">54</text>
<text x="81" y="308" fill="#e5e5e5" textLength="54" lengthAdjust="spacingAndGlyphs">const </text>
<text x="135" y="308" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">line54</text>
<text x="189" y="308" fill="#e5e5e5" textLength="27" lengthAdjust="spacingAndGlyphs"> = </text>
<text x="216" y="308" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="252" y="308" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="864" y="308" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="308" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="325" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="325" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="325" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">55</text>
<text x="81" y="325" fill="#e5e5e5" textLength="54" lengthAdjust="spacingAndGlyphs">const </text>
<text x="135" y="325" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">line55</text>
<text x="189" y="325" fill="#e5e5e5" textLength="27" lengthAdjust="spacingAndGlyphs"> = </text>
<text x="216" y="325" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="252" y="325" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="864" y="325" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="325" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="342" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="342" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="342" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">56</text>
<text x="81" y="342" fill="#e5e5e5" textLength="54" lengthAdjust="spacingAndGlyphs">const </text>
<text x="135" y="342" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">line56</text>
<text x="189" y="342" fill="#e5e5e5" textLength="27" lengthAdjust="spacingAndGlyphs"> = </text>
<text x="216" y="342" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="252" y="342" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="864" y="342" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="342" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="359" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="359" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="359" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">57</text>
<text x="81" y="359" fill="#e5e5e5" textLength="54" lengthAdjust="spacingAndGlyphs">const </text>
<text x="135" y="359" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">line57</text>
<text x="189" y="359" fill="#e5e5e5" textLength="27" lengthAdjust="spacingAndGlyphs"> = </text>
<text x="216" y="359" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="252" y="359" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="864" y="359" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="359" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="376" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="376" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="376" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">58</text>
<text x="81" y="376" fill="#e5e5e5" textLength="54" lengthAdjust="spacingAndGlyphs">const </text>
<text x="135" y="376" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">line58</text>
<text x="189" y="376" fill="#e5e5e5" textLength="27" lengthAdjust="spacingAndGlyphs"> = </text>
<text x="216" y="376" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="252" y="376" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="864" y="376" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="376" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="393" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="393" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="393" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">59</text>
<text x="81" y="393" fill="#e5e5e5" textLength="54" lengthAdjust="spacingAndGlyphs">const </text>
<text x="135" y="393" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">line59</text>
<text x="189" y="393" fill="#e5e5e5" textLength="27" lengthAdjust="spacingAndGlyphs"> = </text>
<text x="216" y="393" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="252" y="393" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="864" y="393" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="393" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="410" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="410" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="410" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">60</text>
<text x="81" y="410" fill="#e5e5e5" textLength="54" lengthAdjust="spacingAndGlyphs">const </text>
<text x="135" y="410" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">line60</text>
<text x="189" y="410" fill="#e5e5e5" textLength="27" lengthAdjust="spacingAndGlyphs"> = </text>
<text x="216" y="410" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="252" y="410" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="864" y="410" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="410" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="427" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="427" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="425" width="18" height="17" fill="#5f0000" />
<text x="36" y="427" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">61</text>
<rect x="54" y="425" width="9" height="17" fill="#5f0000" />
<rect x="63" y="425" width="9" height="17" fill="#5f0000" />
<text x="63" y="427" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="425" width="9" height="17" fill="#5f0000" />
<rect x="81" y="425" width="9" height="17" fill="#5f0000" />
<rect x="90" y="425" width="54" height="17" fill="#5f0000" />
<text x="90" y="427" fill="#0000ee" textLength="54" lengthAdjust="spacingAndGlyphs">return</text>
<rect x="144" y="425" width="234" height="17" fill="#5f0000" />
<text x="144" y="427" fill="#e5e5e5" textLength="234" lengthAdjust="spacingAndGlyphs"> kittyProtocolSupporte...;</text>
<text x="864" y="427" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="427" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="444" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="444" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="442" width="18" height="17" fill="#005f00" />
<text x="36" y="444" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">61</text>
<rect x="54" y="442" width="9" height="17" fill="#005f00" />
<rect x="63" y="442" width="9" height="17" fill="#005f00" />
<text x="63" y="444" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="72" y="442" width="9" height="17" fill="#005f00" />
<rect x="81" y="442" width="9" height="17" fill="#005f00" />
<rect x="90" y="442" width="54" height="17" fill="#005f00" />
<text x="90" y="444" fill="#0000ee" textLength="54" lengthAdjust="spacingAndGlyphs">return</text>
<rect x="144" y="442" width="234" height="17" fill="#005f00" />
<text x="144" y="444" fill="#e5e5e5" textLength="234" lengthAdjust="spacingAndGlyphs"> kittyProtocolSupporte...;</text>
<text x="864" y="444" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="444" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="461" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="461" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="461" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">62</text>
<text x="81" y="461" fill="#e5e5e5" textLength="180" lengthAdjust="spacingAndGlyphs"> buffer: TextBuffer;</text>
<text x="864" y="461" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="461" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="478" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="478" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="478" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">63</text>
<text x="90" y="478" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs">onSubmit</text>
<text x="162" y="478" fill="#e5e5e5" textLength="27" lengthAdjust="spacingAndGlyphs">: (</text>
<text x="189" y="478" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs">value</text>
<text x="234" y="478" fill="#e5e5e5" textLength="18" lengthAdjust="spacingAndGlyphs">: </text>
<text x="252" y="478" fill="#00cdcd" textLength="54" lengthAdjust="spacingAndGlyphs">string</text>
<text x="306" y="478" fill="#e5e5e5" textLength="45" lengthAdjust="spacingAndGlyphs">) =&gt; </text>
<text x="351" y="478" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">void</text>
<text x="387" y="478" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="864" y="478" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="478" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="495" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="495" fill="#333333" textLength="855" lengthAdjust="spacingAndGlyphs">╰─────────────────────────────────────────────────────────────────────────────────────────────╯</text>
<text x="882" y="495" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="512" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="512" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Apply this change?</text>
<text x="882" y="512" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="529" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="882" y="529" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="546" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="544" width="9" height="17" fill="#001a00" />
<text x="18" y="546" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="27" y="544" width="9" height="17" fill="#001a00" />
<rect x="36" y="544" width="18" height="17" fill="#001a00" />
<text x="36" y="546" fill="#00cd00" textLength="18" lengthAdjust="spacingAndGlyphs">1.</text>
<rect x="54" y="544" width="9" height="17" fill="#001a00" />
<rect x="63" y="544" width="90" height="17" fill="#001a00" />
<text x="63" y="546" fill="#00cd00" textLength="90" lengthAdjust="spacingAndGlyphs">Allow once</text>
<rect x="153" y="544" width="603" height="17" fill="#001a00" />
<text x="882" y="546" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="563" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="563" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs">2.</text>
<text x="63" y="563" fill="#ffffff" textLength="198" lengthAdjust="spacingAndGlyphs">Allow for this session</text>
<text x="882" y="563" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="580" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="580" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs">3.</text>
<text x="63" y="580" fill="#ffffff" textLength="387" lengthAdjust="spacingAndGlyphs">Allow for this file in all future sessions </text>
<text x="450" y="580" fill="#afafaf" textLength="306" lengthAdjust="spacingAndGlyphs">~/.gemini/policies/auto-saved.toml</text>
<text x="882" y="580" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="597" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="597" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs">4.</text>
<text x="63" y="597" fill="#ffffff" textLength="243" lengthAdjust="spacingAndGlyphs">Modify with external editor</text>
<text x="882" y="597" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="614" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs">5.</text>
<text x="63" y="614" fill="#ffffff" textLength="225" lengthAdjust="spacingAndGlyphs">No, suggest changes (esc)</text>
<text x="882" y="614" fill="#333333" textLength="18" lengthAdjust="spacingAndGlyphs">│█</text>
<text x="0" y="631" fill="#333333" textLength="900" lengthAdjust="spacingAndGlyphs">╰─────────────────────────────────────────────────────────────────────────────────────────────────╯█</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.5 KiB

After

Width:  |  Height:  |  Size: 29 KiB

86
packages/cli/src/ui/__snapshots__/ToolConfirmationFullFrame.test.tsx.snap
View file

@ -1,55 +1,43 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`Full Terminal Tool Confirmation Snapshot > renders tool confirmation box in the frame of the entire terminal 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
" > Can you edit InputPrompt.tsx for me?
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
src/ui/components/MainContent.tsx:40:36
37: const uiState = useUIState();
38: const isAlternateBufferOrTerminalBuffer = useAlternateBuffer();
39: const config = useConfig();
40: const useTerminalBuffer = config.getUseTerminalBuffer();
41: const isAlternateBuffer = config.getUseAlternateBuffer();
42:
43: const confirmingTool = useConfirmingTool();
- MainContent (src/ui/components/MainContent.tsx:40:36)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
-renderRootSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
2624:11)
-performWorkOnR
ot (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12135:44)
╭─────────────────────────────────────────────────────────────────────────────────────────────────╮
│ ? Edit packages/.../InputPrompt.tsx: return kittyProtocolSupporte... => return kittyProto… │
│ ╭─────────────────────────────────────────────────────────────────────────────────────────────╮ │
│ │ ... first 42 lines hidden (Ctrl+O to show) ... │ │
│ │ 43 const line43 = true; │ │
│ │ 44 const line44 = true; │ │
│ │ 45 const line45 = true; │ │
│ │ 46 const line46 = true; │ │
│ │ 47 const line47 = true; │ │▄
│ │ 48 const line48 = true; │ │█
│ │ 49 const line49 = true; │ │█
│ │ 50 const line50 = true; │ │█
│ │ 51 const line51 = true; │ │█
│ │ 52 const line52 = true; │ │█
│ │ 53 const line53 = true; │ │█
│ │ 54 const line54 = true; │ │█
│ │ 55 const line55 = true; │ │█
│ │ 56 const line56 = true; │ │█
│ │ 57 const line57 = true; │ │█
│ │ 58 const line58 = true; │ │█
│ │ 59 const line59 = true; │ │█
│ │ 60 const line60 = true; │ │█
│ │ 61 - return kittyProtocolSupporte...; │ │█
│ │ 61 + return kittyProtocolSupporte...; │ │█
│ │ 62 buffer: TextBuffer; │ │█
│ │ 63 onSubmit: (value: string) => void; │ │█
│ ╰─────────────────────────────────────────────────────────────────────────────────────────────╯ │█
│ Apply this change? │█
│ │█
│ ● 1. Allow once │█
│ 2. Allow for this session │█
│ 3. Allow for this file in all future sessions ~/.gemini/policies/auto-saved.toml │█
│ 4. Modify with external editor │█
│ 5. No, suggest changes (esc) │█
╰─────────────────────────────────────────────────────────────────────────────────────────────────╯█
"
`;

26
packages/cli/src/ui/components/__snapshots__/AppHeaderIcon-AppHeader-Icon-Rendering-renders-the-default-icon-in-standard-terminals.snap.svg
View file

@ -4,29 +4,29 @@
</style>
<rect width="920" height="275" fill="#000000" />
<g transform="translate(10, 10)">
<text x="9" y="19" fill="#5fafd7" textLength="9" lengthAdjust="spacingAndGlyphs">▝</text>
<text x="18" y="19" fill="#87afd7" textLength="9" lengthAdjust="spacingAndGlyphs">▜</text>
<text x="27" y="19" fill="#af87d7" textLength="9" lengthAdjust="spacingAndGlyphs">▄</text>
<text x="9" y="19" fill="#4796e4" textLength="9" lengthAdjust="spacingAndGlyphs">▝</text>
<text x="18" y="19" fill="#6688d9" textLength="9" lengthAdjust="spacingAndGlyphs">▜</text>
<text x="27" y="19" fill="#847ace" textLength="9" lengthAdjust="spacingAndGlyphs">▄</text>
<text x="90" y="19" fill="#ffffff" textLength="297" lengthAdjust="spacingAndGlyphs">▗█▀▀▜▙▝█▛▀▀▌▜██▖▟██▘▜█▘▜██▖▝█▛▝█▛</text>
<text x="27" y="36" fill="#af87d7" textLength="9" lengthAdjust="spacingAndGlyphs">▝</text>
<text x="36" y="36" fill="#af87af" textLength="9" lengthAdjust="spacingAndGlyphs">▜</text>
<text x="45" y="36" fill="#d78787" textLength="9" lengthAdjust="spacingAndGlyphs">▄</text>
<text x="27" y="36" fill="#847ace" textLength="9" lengthAdjust="spacingAndGlyphs">▝</text>
<text x="36" y="36" fill="#a471a7" textLength="9" lengthAdjust="spacingAndGlyphs">▜</text>
<text x="45" y="36" fill="#c3677f" textLength="9" lengthAdjust="spacingAndGlyphs">▄</text>
<text x="90" y="36" fill="#ffffff" textLength="297" lengthAdjust="spacingAndGlyphs">█▌ █▙▟ ▐█▝█▛▐█ ▐█ ▐█▝█▖█▌ █▌</text>
<text x="18" y="53" fill="#87afd7" textLength="9" lengthAdjust="spacingAndGlyphs">▗</text>
<text x="27" y="53" fill="#af87d7" textLength="9" lengthAdjust="spacingAndGlyphs">▟</text>
<text x="36" y="53" fill="#af87af" textLength="9" lengthAdjust="spacingAndGlyphs">▀</text>
<text x="18" y="53" fill="#6688d9" textLength="9" lengthAdjust="spacingAndGlyphs">▗</text>
<text x="27" y="53" fill="#847ace" textLength="9" lengthAdjust="spacingAndGlyphs">▟</text>
<text x="36" y="53" fill="#a471a7" textLength="9" lengthAdjust="spacingAndGlyphs">▀</text>
<text x="90" y="53" fill="#ffffff" textLength="297" lengthAdjust="spacingAndGlyphs">▜▙ ▝█▛ █▌▝ ▖▐█ ▐█ ▐█ ▐█ ▝██▌ █▌</text>
<text x="9" y="70" fill="#5fafd7" textLength="9" lengthAdjust="spacingAndGlyphs">▝</text>
<text x="18" y="70" fill="#87afd7" textLength="9" lengthAdjust="spacingAndGlyphs">▀</text>
<text x="9" y="70" fill="#4796e4" textLength="9" lengthAdjust="spacingAndGlyphs">▝</text>
<text x="18" y="70" fill="#6688d9" textLength="9" lengthAdjust="spacingAndGlyphs">▀</text>
<text x="90" y="70" fill="#ffffff" textLength="297" lengthAdjust="spacingAndGlyphs"> ▀▀▀▀▘▝▀▀▀▀▘▀▀▘ ▀▀▘▀▀▘▀▀▘ ▝▀▀▝▀▀</text>
<text x="9" y="104" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs" font-weight="bold">Gemini CLI</text>
<text x="99" y="104" fill="#a8a8a8" textLength="63" lengthAdjust="spacingAndGlyphs"> v1.0.0</text>
<text x="99" y="104" fill="#afafaf" textLength="63" lengthAdjust="spacingAndGlyphs"> v1.0.0</text>
<text x="0" y="172" fill="#ffffff" textLength="225" lengthAdjust="spacingAndGlyphs">Tips for getting started:</text>
<text x="0" y="189" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs">1. Create </text>
<text x="90" y="189" fill="#ffffff" textLength="81" lengthAdjust="spacingAndGlyphs" font-weight="bold">GEMINI.md</text>
<text x="171" y="189" fill="#ffffff" textLength="333" lengthAdjust="spacingAndGlyphs"> files to customize your interactions</text>
<text x="0" y="206" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs">2. </text>
<text x="27" y="206" fill="#a8a8a8" textLength="45" lengthAdjust="spacingAndGlyphs">/help</text>
<text x="27" y="206" fill="#afafaf" textLength="45" lengthAdjust="spacingAndGlyphs">/help</text>
<text x="72" y="206" fill="#ffffff" textLength="189" lengthAdjust="spacingAndGlyphs"> for more information</text>
<text x="0" y="223" fill="#ffffff" textLength="450" lengthAdjust="spacingAndGlyphs">3. Ask coding questions, edit code or run commands</text>
<text x="0" y="240" fill="#ffffff" textLength="315" lengthAdjust="spacingAndGlyphs">4. Be specific for the best results</text>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

28
packages/cli/src/ui/components/__snapshots__/AppHeaderIcon-AppHeader-Icon-Rendering-renders-the-symmetric-icon-in-Apple-Terminal.snap.svg
View file

@ -4,30 +4,30 @@
</style>
<rect width="920" height="275" fill="#000000" />
<g transform="translate(10, 10)">
<text x="9" y="19" fill="#5fafd7" textLength="9" lengthAdjust="spacingAndGlyphs">▝</text>
<text x="18" y="19" fill="#87afd7" textLength="9" lengthAdjust="spacingAndGlyphs">▜</text>
<text x="27" y="19" fill="#af87d7" textLength="9" lengthAdjust="spacingAndGlyphs">▄</text>
<text x="9" y="19" fill="#4796e4" textLength="9" lengthAdjust="spacingAndGlyphs">▝</text>
<text x="18" y="19" fill="#6688d9" textLength="9" lengthAdjust="spacingAndGlyphs">▜</text>
<text x="27" y="19" fill="#847ace" textLength="9" lengthAdjust="spacingAndGlyphs">▄</text>
<text x="81" y="19" fill="#ffffff" textLength="297" lengthAdjust="spacingAndGlyphs">▗█▀▀▜▙▝█▛▀▀▌▜██▖▟██▘▜█▘▜██▖▝█▛▝█▛</text>
<text x="27" y="36" fill="#af87d7" textLength="9" lengthAdjust="spacingAndGlyphs">▝</text>
<text x="36" y="36" fill="#af87af" textLength="9" lengthAdjust="spacingAndGlyphs">▜</text>
<text x="45" y="36" fill="#d78787" textLength="9" lengthAdjust="spacingAndGlyphs">▄</text>
<text x="27" y="36" fill="#847ace" textLength="9" lengthAdjust="spacingAndGlyphs">▝</text>
<text x="36" y="36" fill="#a471a7" textLength="9" lengthAdjust="spacingAndGlyphs">▜</text>
<text x="45" y="36" fill="#c3677f" textLength="9" lengthAdjust="spacingAndGlyphs">▄</text>
<text x="81" y="36" fill="#ffffff" textLength="297" lengthAdjust="spacingAndGlyphs">█▌ █▙▟ ▐█▝█▛▐█ ▐█ ▐█▝█▖█▌ █▌</text>
<text x="27" y="53" fill="#af87d7" textLength="9" lengthAdjust="spacingAndGlyphs">▗</text>
<text x="36" y="53" fill="#af87af" textLength="9" lengthAdjust="spacingAndGlyphs">▟</text>
<text x="45" y="53" fill="#d78787" textLength="9" lengthAdjust="spacingAndGlyphs">▀</text>
<text x="27" y="53" fill="#847ace" textLength="9" lengthAdjust="spacingAndGlyphs">▗</text>
<text x="36" y="53" fill="#a471a7" textLength="9" lengthAdjust="spacingAndGlyphs">▟</text>
<text x="45" y="53" fill="#c3677f" textLength="9" lengthAdjust="spacingAndGlyphs">▀</text>
<text x="81" y="53" fill="#ffffff" textLength="297" lengthAdjust="spacingAndGlyphs">▜▙ ▝█▛ █▌▝ ▖▐█ ▐█ ▐█ ▐█ ▝██▌ █▌</text>
<text x="9" y="70" fill="#5fafd7" textLength="9" lengthAdjust="spacingAndGlyphs">▗</text>
<text x="18" y="70" fill="#87afd7" textLength="9" lengthAdjust="spacingAndGlyphs">▟</text>
<text x="27" y="70" fill="#af87d7" textLength="9" lengthAdjust="spacingAndGlyphs">▀</text>
<text x="9" y="70" fill="#4796e4" textLength="9" lengthAdjust="spacingAndGlyphs">▗</text>
<text x="18" y="70" fill="#6688d9" textLength="9" lengthAdjust="spacingAndGlyphs">▟</text>
<text x="27" y="70" fill="#847ace" textLength="9" lengthAdjust="spacingAndGlyphs">▀</text>
<text x="81" y="70" fill="#ffffff" textLength="297" lengthAdjust="spacingAndGlyphs"> ▀▀▀▀▘▝▀▀▀▀▘▀▀▘ ▀▀▘▀▀▘▀▀▘ ▝▀▀▝▀▀</text>
<text x="9" y="104" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs" font-weight="bold">Gemini CLI</text>
<text x="99" y="104" fill="#a8a8a8" textLength="63" lengthAdjust="spacingAndGlyphs"> v1.0.0</text>
<text x="99" y="104" fill="#afafaf" textLength="63" lengthAdjust="spacingAndGlyphs"> v1.0.0</text>
<text x="0" y="172" fill="#ffffff" textLength="225" lengthAdjust="spacingAndGlyphs">Tips for getting started:</text>
<text x="0" y="189" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs">1. Create </text>
<text x="90" y="189" fill="#ffffff" textLength="81" lengthAdjust="spacingAndGlyphs" font-weight="bold">GEMINI.md</text>
<text x="171" y="189" fill="#ffffff" textLength="333" lengthAdjust="spacingAndGlyphs"> files to customize your interactions</text>
<text x="0" y="206" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs">2. </text>
<text x="27" y="206" fill="#a8a8a8" textLength="45" lengthAdjust="spacingAndGlyphs">/help</text>
<text x="27" y="206" fill="#afafaf" textLength="45" lengthAdjust="spacingAndGlyphs">/help</text>
<text x="72" y="206" fill="#ffffff" textLength="189" lengthAdjust="spacingAndGlyphs"> for more information</text>
<text x="0" y="223" fill="#ffffff" textLength="450" lengthAdjust="spacingAndGlyphs">3. Ask coding questions, edit code or run commands</text>
<text x="0" y="240" fill="#ffffff" textLength="315" lengthAdjust="spacingAndGlyphs">4. Be specific for the best results</text>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

505
packages/cli/src/ui/components/__snapshots__/AskUserDialog.test.tsx.snap
View file

@ -1,57 +1,6 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`AskUserDialog > Choice question placeholder > uses default placeholder when not provided 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case
terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per
application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ChoiceQuestionView (src/ui/components/AskUserDialog.tsx:513:29)
-Object.react-stack-bot
om-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini
_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_mo
dules/react-reconciler/cjs/react-reconciler.development
.js:15859:20)
-renderWithHo
ks (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemin
i-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconcil
er/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCom
onent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/
gemini-cli-kilo-code-grep-only2/gemini-cli/node_modules/reac
t-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cl
i-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/r
eact-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-
cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/c
js/react-reconciler.development.js:12644:41)
"
`;
exports[`AskUserDialog > Choice question placeholder > uses default placeholder when not provided 2`] = `
"Select your preferred language:
1. TypeScript
@ -63,57 +12,6 @@ Enter to submit · Esc to cancel
`;
exports[`AskUserDialog > Choice question placeholder > uses placeholder for "Other" option when provided 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case
terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per
application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ChoiceQuestionView (src/ui/components/AskUserDialog.tsx:513:29)
-Object.react-stack-bot
om-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini
_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_mo
dules/react-reconciler/cjs/react-reconciler.development
.js:15859:20)
-renderWithHo
ks (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemin
i-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconcil
er/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCom
onent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/
gemini-cli-kilo-code-grep-only2/gemini-cli/node_modules/reac
t-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cl
i-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/r
eact-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-
cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/c
js/react-reconciler.development.js:12644:41)
"
`;
exports[`AskUserDialog > Choice question placeholder > uses placeholder for "Other" option when provided 2`] = `
"Select your preferred language:
1. TypeScript
@ -157,125 +55,32 @@ Enter to select · ↑/↓ to navigate · Esc to cancel
`;
exports[`AskUserDialog > Text type questions > renders text input for type: "text" 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
"What should we name this component?
src/ui/hooks/useAlternateBuffer.ts:16:44
> e.g., UserProfileCard
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- TextQuestionView (src/ui/components/AskUserDialog.tsx:293:29)
-Object.react-stack-botto
-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/g
emini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/n
ode_modules/react-reconciler/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCompo
ent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini
-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWork
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_
modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberInD
V (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli
/node_modules/react-reconciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfWo
k (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli
/node_modules/react-reconciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/nod
e_modules/react-reconciler/cjs/react-reconciler.development.js:12644:41)
Enter to submit · Esc to cancel
"
`;
exports[`AskUserDialog > Text type questions > shows correct keyboard hints for text type 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
"Enter the variable name:
src/ui/hooks/useAlternateBuffer.ts:16:44
> Enter your response
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- TextQuestionView (src/ui/components/AskUserDialog.tsx:293:29)
-Object.react-stack-botto
-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/g
emini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/n
ode_modules/react-reconciler/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCompo
ent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini
-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWork
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_
modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberInD
V (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli
/node_modules/react-reconciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfWo
k (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli
/node_modules/react-reconciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/nod
e_modules/react-reconciler/cjs/react-reconciler.development.js:12644:41)
Enter to submit · Esc to cancel
"
`;
exports[`AskUserDialog > Text type questions > shows default placeholder when none provided 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
"Enter the database connection string:
src/ui/hooks/useAlternateBuffer.ts:16:44
> Enter your response
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- TextQuestionView (src/ui/components/AskUserDialog.tsx:293:29)
-Object.react-stack-botto
-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/g
emini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/n
ode_modules/react-reconciler/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCompo
ent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini
-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWork
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_
modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberInD
V (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli
/node_modules/react-reconciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfWo
k (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli
/node_modules/react-reconciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/nod
e_modules/react-reconciler/cjs/react-reconciler.development.js:12644:41)
Enter to submit · Esc to cancel
"
`;
@ -294,252 +99,75 @@ Enter to submit · Tab/Shift+Tab to edit answers · Esc to cancel
`;
exports[`AskUserDialog > hides progress header for single question 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
"Which authentication method should we use?
src/ui/hooks/useAlternateBuffer.ts:16:44
● 1. OAuth 2.0
Industry standard, supports SSO
2. JWT tokens
Stateless, good for APIs
3. Enter a custom value
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ChoiceQuestionView (src/ui/components/AskUserDialog.tsx:513:29)
-Object.react-stack-botto
-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/g
emini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/n
ode_modules/react-reconciler/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCompo
ent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini
-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWork
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_
modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberInD
V (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli
/node_modules/react-reconciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfWo
k (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli
/node_modules/react-reconciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/nod
e_modules/react-reconciler/cjs/react-reconciler.development.js:12644:41)
Enter to select · ↑/↓ to navigate · Esc to cancel
"
`;
exports[`AskUserDialog > renders question and options 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
"Which authentication method should we use?
src/ui/hooks/useAlternateBuffer.ts:16:44
● 1. OAuth 2.0
Industry standard, supports SSO
2. JWT tokens
Stateless, good for APIs
3. Enter a custom value
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ChoiceQuestionView (src/ui/components/AskUserDialog.tsx:513:29)
-Object.react-stack-botto
-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/g
emini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/n
ode_modules/react-reconciler/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCompo
ent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini
-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWork
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_
modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberInD
V (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli
/node_modules/react-reconciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfWo
k (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli
/node_modules/react-reconciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/nod
e_modules/react-reconciler/cjs/react-reconciler.development.js:12644:41)
Enter to select · ↑/↓ to navigate · Esc to cancel
"
`;
exports[`AskUserDialog > shows Review tab in progress header for multiple questions 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
"← □ Framework │ □ Styling │ ≡ Review →
src/ui/hooks/useAlternateBuffer.ts:16:44
Which framework?
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
● 1. React
Component library
2. Vue
Progressive framework
3. Enter a custom value
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ChoiceQuestionView (src/ui/components/AskUserDialog.tsx:513:29)
-Object.react-stack-botto
-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/g
emini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/n
ode_modules/react-reconciler/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCompo
ent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini
-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWork
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_
modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberInD
V (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli
/node_modules/react-reconciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfWo
k (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli
/node_modules/react-reconciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/nod
e_modules/react-reconciler/cjs/react-reconciler.development.js:12644:41)
Enter to select · ←/→ to switch questions · Esc to cancel
"
`;
exports[`AskUserDialog > shows keyboard hints 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
"Which authentication method should we use?
src/ui/hooks/useAlternateBuffer.ts:16:44
● 1. OAuth 2.0
Industry standard, supports SSO
2. JWT tokens
Stateless, good for APIs
3. Enter a custom value
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ChoiceQuestionView (src/ui/components/AskUserDialog.tsx:513:29)
-Object.react-stack-botto
-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/g
emini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/n
ode_modules/react-reconciler/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCompo
ent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini
-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWork
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_
modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberInD
V (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli
/node_modules/react-reconciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfWo
k (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli
/node_modules/react-reconciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/nod
e_modules/react-reconciler/cjs/react-reconciler.development.js:12644:41)
Enter to select · ↑/↓ to navigate · Esc to cancel
"
`;
exports[`AskUserDialog > shows progress header for multiple questions 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
"← □ Database │ □ ORM │ ≡ Review →
src/ui/hooks/useAlternateBuffer.ts:16:44
Which database should we use?
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
● 1. PostgreSQL
Relational database
2. MongoDB
Document database
3. Enter a custom value
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ChoiceQuestionView (src/ui/components/AskUserDialog.tsx:513:29)
-Object.react-stack-botto
-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/g
emini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/n
ode_modules/react-reconciler/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCompo
ent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini
-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWork
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_
modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberInD
V (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli
/node_modules/react-reconciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfWo
k (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli
/node_modules/react-reconciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/nod
e_modules/react-reconciler/cjs/react-reconciler.development.js:12644:41)
Enter to select · ←/→ to switch questions · Esc to cancel
"
`;
exports[`AskUserDialog > shows warning for unanswered questions on Review tab 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ChoiceQuestionView (src/ui/components/AskUserDialog.tsx:513:29)
-Object.react-stack-botto
-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/g
emini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/n
ode_modules/react-reconciler/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCompo
ent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini
-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWork
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_
modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberInD
V (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli
/node_modules/react-reconciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfWo
k (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli
/node_modules/react-reconciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/nod
e_modules/react-reconciler/cjs/react-reconciler.development.js:12644:41)
"
`;
exports[`AskUserDialog > shows warning for unanswered questions on Review tab 2`] = `
"← □ License │ □ README │ ≡ Review →
Review your answers:
@ -554,47 +182,6 @@ Enter to submit · Tab/Shift+Tab to edit answers · Esc to cancel
`;
exports[`AskUserDialog > verifies "All of the above" visual state with snapshot 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ChoiceQuestionView (src/ui/components/AskUserDialog.tsx:513:29)
-Object.react-stack-botto
-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/g
emini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/n
ode_modules/react-reconciler/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCompo
ent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini
-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWork
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_
modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberInD
V (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli
/node_modules/react-reconciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfWo
k (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli
/node_modules/react-reconciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/nod
e_modules/react-reconciler/cjs/react-reconciler.development.js:12644:41)
"
`;
exports[`AskUserDialog > verifies "All of the above" visual state with snapshot 2`] = `
"Which features?
(Select all that apply)

21
packages/cli/src/ui/components/__snapshots__/Banner-Banner-handles-newlines-in-text.snap.svg
View file

@ -4,16 +4,17 @@
</style>
<rect width="920" height="88" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#303030" textLength="720" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#5fafd7" textLength="9" lengthAdjust="spacingAndGlyphs">L</text>
<text x="27" y="19" fill="#87afd7" textLength="9" lengthAdjust="spacingAndGlyphs">i</text>
<text x="36" y="19" fill="#af87d7" textLength="18" lengthAdjust="spacingAndGlyphs">ne</text>
<text x="63" y="19" fill="#d78787" textLength="9" lengthAdjust="spacingAndGlyphs">1</text>
<text x="711" y="19" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="2" fill="#333333" textLength="720" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#4796e4" textLength="9" lengthAdjust="spacingAndGlyphs">L</text>
<text x="27" y="19" fill="#6688d9" textLength="9" lengthAdjust="spacingAndGlyphs">i</text>
<text x="36" y="19" fill="#847ace" textLength="9" lengthAdjust="spacingAndGlyphs">n</text>
<text x="45" y="19" fill="#9974b4" textLength="9" lengthAdjust="spacingAndGlyphs">e</text>
<text x="63" y="19" fill="#c3677f" textLength="9" lengthAdjust="spacingAndGlyphs">1</text>
<text x="711" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Line 2</text>
<text x="711" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="720" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────╯</text>
<text x="711" y="36" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#333333" textLength="720" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────╯</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

25
packages/cli/src/ui/components/__snapshots__/Banner-Banner-renders-in-info-mode.snap.svg
View file

@ -4,15 +4,20 @@
</style>
<rect width="920" height="71" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#303030" textLength="720" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#5fafd7" textLength="9" lengthAdjust="spacingAndGlyphs">I</text>
<text x="27" y="19" fill="#87afd7" textLength="36" lengthAdjust="spacingAndGlyphs">nfo </text>
<text x="63" y="19" fill="#af87d7" textLength="27" lengthAdjust="spacingAndGlyphs">Mes</text>
<text x="90" y="19" fill="#af87af" textLength="18" lengthAdjust="spacingAndGlyphs">sa</text>
<text x="108" y="19" fill="#d787af" textLength="9" lengthAdjust="spacingAndGlyphs">g</text>
<text x="117" y="19" fill="#d78787" textLength="9" lengthAdjust="spacingAndGlyphs">e</text>
<text x="711" y="19" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#303030" textLength="720" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────╯</text>
<text x="0" y="2" fill="#333333" textLength="720" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#4796e4" textLength="9" lengthAdjust="spacingAndGlyphs">I</text>
<text x="27" y="19" fill="#5390e0" textLength="9" lengthAdjust="spacingAndGlyphs">n</text>
<text x="36" y="19" fill="#5f8bdb" textLength="9" lengthAdjust="spacingAndGlyphs">f</text>
<text x="45" y="19" fill="#6c85d7" textLength="9" lengthAdjust="spacingAndGlyphs">o</text>
<text x="63" y="19" fill="#847ace" textLength="9" lengthAdjust="spacingAndGlyphs">M</text>
<text x="72" y="19" fill="#8f77c1" textLength="9" lengthAdjust="spacingAndGlyphs">e</text>
<text x="81" y="19" fill="#9974b4" textLength="9" lengthAdjust="spacingAndGlyphs">s</text>
<text x="90" y="19" fill="#a471a7" textLength="9" lengthAdjust="spacingAndGlyphs">s</text>
<text x="99" y="19" fill="#ae6d99" textLength="9" lengthAdjust="spacingAndGlyphs">a</text>
<text x="108" y="19" fill="#b96a8c" textLength="9" lengthAdjust="spacingAndGlyphs">g</text>
<text x="117" y="19" fill="#c3677f" textLength="9" lengthAdjust="spacingAndGlyphs">e</text>
<text x="711" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#333333" textLength="720" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────╯</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

254
packages/cli/src/ui/components/__snapshots__/FooterConfigDialog--FooterConfigDialog-highlights-the-active-item-in-the-preview.snap.svg
View file

@ -4,162 +4,162 @@
</style>
<rect width="920" height="734" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#303030" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="2" fill="#333333" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="36" fill="#ffffff" textLength="144" lengthAdjust="spacingAndGlyphs" font-weight="bold">Configure Footer</text>
<text x="891" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="70" fill="#a8a8a8" textLength="396" lengthAdjust="spacingAndGlyphs">Select which items to display in the footer.</text>
<text x="891" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="36" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="70" fill="#afafaf" textLength="396" lengthAdjust="spacingAndGlyphs">Select which items to display in the footer.</text>
<text x="891" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="104" fill="#d7ffd7" textLength="27" lengthAdjust="spacingAndGlyphs">[✓]</text>
<text x="72" y="104" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs"> workspace</text>
<text x="891" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="121" fill="#a8a8a8" textLength="234" lengthAdjust="spacingAndGlyphs"> Current working directory</text>
<text x="891" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="121" fill="#afafaf" textLength="234" lengthAdjust="spacingAndGlyphs"> Current working directory</text>
<text x="891" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="138" fill="#d7ffd7" textLength="27" lengthAdjust="spacingAndGlyphs">[✓]</text>
<text x="72" y="138" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs"> git-branch</text>
<text x="891" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="155" fill="#a8a8a8" textLength="477" lengthAdjust="spacingAndGlyphs"> Current git branch name (not shown when unavailable)</text>
<text x="891" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="155" fill="#afafaf" textLength="477" lengthAdjust="spacingAndGlyphs"> Current git branch name (not shown when unavailable)</text>
<text x="891" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="172" fill="#d7ffd7" textLength="27" lengthAdjust="spacingAndGlyphs">[✓]</text>
<text x="72" y="172" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs"> sandbox</text>
<text x="891" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="189" fill="#a8a8a8" textLength="297" lengthAdjust="spacingAndGlyphs"> Sandbox type and trust indicator</text>
<text x="891" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="189" fill="#afafaf" textLength="297" lengthAdjust="spacingAndGlyphs"> Sandbox type and trust indicator</text>
<text x="891" y="189" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="206" fill="#d7ffd7" textLength="27" lengthAdjust="spacingAndGlyphs">[✓]</text>
<text x="72" y="206" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs"> model-name</text>
<text x="891" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#a8a8a8" textLength="225" lengthAdjust="spacingAndGlyphs"> Current model identifier</text>
<text x="891" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="206" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#afafaf" textLength="225" lengthAdjust="spacingAndGlyphs"> Current model identifier</text>
<text x="891" y="223" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="240" fill="#d7ffd7" textLength="27" lengthAdjust="spacingAndGlyphs">[✓]</text>
<text x="72" y="240" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs"> quota</text>
<text x="891" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="257" fill="#a8a8a8" textLength="540" lengthAdjust="spacingAndGlyphs"> Remaining usage on daily limit (not shown when unavailable)</text>
<text x="891" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#a8a8a8" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="891" y="240" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="257" fill="#afafaf" textLength="540" lengthAdjust="spacingAndGlyphs"> Remaining usage on daily limit (not shown when unavailable)</text>
<text x="891" y="257" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#afafaf" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="72" y="274" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs"> context-used</text>
<text x="891" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="291" fill="#a8a8a8" textLength="306" lengthAdjust="spacingAndGlyphs"> Percentage of context window used</text>
<text x="891" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="308" fill="#a8a8a8" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="891" y="274" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="291" fill="#afafaf" textLength="306" lengthAdjust="spacingAndGlyphs"> Percentage of context window used</text>
<text x="891" y="291" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="308" fill="#afafaf" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="72" y="308" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs"> memory-usage</text>
<text x="891" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#a8a8a8" textLength="279" lengthAdjust="spacingAndGlyphs"> Memory used by the application</text>
<text x="891" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="342" fill="#a8a8a8" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="891" y="308" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#afafaf" textLength="279" lengthAdjust="spacingAndGlyphs"> Memory used by the application</text>
<text x="891" y="325" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="342" fill="#afafaf" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="72" y="342" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs"> session-id</text>
<text x="891" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="359" fill="#a8a8a8" textLength="378" lengthAdjust="spacingAndGlyphs"> Unique identifier for the current session</text>
<text x="891" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#a8a8a8" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="891" y="342" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="359" fill="#afafaf" textLength="378" lengthAdjust="spacingAndGlyphs"> Unique identifier for the current session</text>
<text x="891" y="359" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#afafaf" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="72" y="376" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs"> auth</text>
<text x="891" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="393" fill="#a8a8a8" textLength="252" lengthAdjust="spacingAndGlyphs"> Current authentication info</text>
<text x="891" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="408" width="9" height="17" fill="#005f00" />
<text x="891" y="376" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="393" fill="#afafaf" textLength="252" lengthAdjust="spacingAndGlyphs"> Current authentication info</text>
<text x="891" y="393" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="408" width="9" height="17" fill="#001a00" />
<text x="27" y="410" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">&gt;</text>
<rect x="36" y="408" width="9" height="17" fill="#005f00" />
<rect x="45" y="408" width="27" height="17" fill="#005f00" />
<rect x="36" y="408" width="9" height="17" fill="#001a00" />
<rect x="45" y="408" width="27" height="17" fill="#001a00" />
<text x="45" y="410" fill="#d7ffd7" textLength="27" lengthAdjust="spacingAndGlyphs">[✓]</text>
<rect x="72" y="408" width="117" height="17" fill="#005f00" />
<rect x="72" y="408" width="117" height="17" fill="#001a00" />
<text x="72" y="410" fill="#00cd00" textLength="117" lengthAdjust="spacingAndGlyphs"> code-changes</text>
<rect x="189" y="408" width="684" height="17" fill="#005f00" />
<text x="891" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="425" width="18" height="17" fill="#005f00" />
<rect x="45" y="425" width="513" height="17" fill="#005f00" />
<text x="45" y="427" fill="#a8a8a8" textLength="513" lengthAdjust="spacingAndGlyphs"> Lines added/removed in the session (not shown when zero)</text>
<rect x="558" y="425" width="315" height="17" fill="#005f00" />
<text x="891" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="444" fill="#a8a8a8" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<rect x="189" y="408" width="684" height="17" fill="#001a00" />
<text x="891" y="410" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="425" width="18" height="17" fill="#001a00" />
<rect x="45" y="425" width="513" height="17" fill="#001a00" />
<text x="45" y="427" fill="#afafaf" textLength="513" lengthAdjust="spacingAndGlyphs"> Lines added/removed in the session (not shown when zero)</text>
<rect x="558" y="425" width="315" height="17" fill="#001a00" />
<text x="891" y="427" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="444" fill="#afafaf" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="72" y="444" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs"> token-count</text>
<text x="891" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="461" fill="#a8a8a8" textLength="495" lengthAdjust="spacingAndGlyphs"> Total tokens used in the session (not shown when zero)</text>
<text x="891" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="444" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="461" fill="#afafaf" textLength="495" lengthAdjust="spacingAndGlyphs"> Total tokens used in the session (not shown when zero)</text>
<text x="891" y="461" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="478" fill="#d7ffd7" textLength="27" lengthAdjust="spacingAndGlyphs">[✓]</text>
<text x="72" y="478" fill="#ffffff" textLength="171" lengthAdjust="spacingAndGlyphs"> Show footer labels</text>
<text x="891" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="478" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="495" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="512" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs">Reset to default footer</text>
<text x="891" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#a8a8a8" textLength="585" lengthAdjust="spacingAndGlyphs">Enter to select · ↑/↓ to navigate · ←/→ to reorder · Esc to close</text>
<text x="891" y="563" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="597" fill="#303030" textLength="846" lengthAdjust="spacingAndGlyphs">┌────────────────────────────────────────────────────────────────────────────────────────────┐</text>
<text x="891" y="597" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="614" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="512" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="529" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#afafaf" textLength="585" lengthAdjust="spacingAndGlyphs">Enter to select · ↑/↓ to navigate · ←/→ to reorder · Esc to close</text>
<text x="891" y="563" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="597" fill="#333333" textLength="846" lengthAdjust="spacingAndGlyphs">┌────────────────────────────────────────────────────────────────────────────────────────────┐</text>
<text x="891" y="597" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="614" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="614" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">Preview:</text>
<text x="864" y="614" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="614" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="631" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="631" fill="#a8a8a8" textLength="198" lengthAdjust="spacingAndGlyphs">workspace (/directory)</text>
<text x="297" y="631" fill="#a8a8a8" textLength="54" lengthAdjust="spacingAndGlyphs">branch</text>
<text x="405" y="631" fill="#a8a8a8" textLength="63" lengthAdjust="spacingAndGlyphs">sandbox</text>
<text x="513" y="631" fill="#a8a8a8" textLength="54" lengthAdjust="spacingAndGlyphs">/model</text>
<text x="693" y="631" fill="#a8a8a8" textLength="54" lengthAdjust="spacingAndGlyphs">/stats</text>
<rect x="801" y="629" width="36" height="17" fill="#005f00" />
<text x="864" y="614" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="614" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="631" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="631" fill="#afafaf" textLength="198" lengthAdjust="spacingAndGlyphs">workspace (/directory)</text>
<text x="297" y="631" fill="#afafaf" textLength="54" lengthAdjust="spacingAndGlyphs">branch</text>
<text x="405" y="631" fill="#afafaf" textLength="63" lengthAdjust="spacingAndGlyphs">sandbox</text>
<text x="513" y="631" fill="#afafaf" textLength="54" lengthAdjust="spacingAndGlyphs">/model</text>
<text x="693" y="631" fill="#afafaf" textLength="54" lengthAdjust="spacingAndGlyphs">/stats</text>
<rect x="801" y="629" width="36" height="17" fill="#001a00" />
<text x="801" y="631" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs">diff</text>
<rect x="837" y="629" width="18" height="17" fill="#005f00" />
<text x="864" y="631" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="631" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="648" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="837" y="629" width="18" height="17" fill="#001a00" />
<text x="864" y="631" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="631" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="648" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="648" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs">~/project/path</text>
<text x="297" y="648" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs">main</text>
<text x="405" y="648" fill="#00cd00" textLength="54" lengthAdjust="spacingAndGlyphs">docker</text>
<text x="513" y="648" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs">gemini-2.5-pro</text>
<text x="693" y="648" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs">97%</text>
<rect x="801" y="646" width="27" height="17" fill="#005f00" />
<rect x="801" y="646" width="27" height="17" fill="#001a00" />
<text x="801" y="648" fill="#d7ffd7" textLength="27" lengthAdjust="spacingAndGlyphs">+12</text>
<rect x="828" y="646" width="9" height="17" fill="#005f00" />
<rect x="837" y="646" width="18" height="17" fill="#005f00" />
<text x="837" y="648" fill="#ffafaf" textLength="18" lengthAdjust="spacingAndGlyphs">-4</text>
<text x="864" y="648" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="648" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="665" fill="#303030" textLength="846" lengthAdjust="spacingAndGlyphs">└────────────────────────────────────────────────────────────────────────────────────────────┘</text>
<text x="891" y="665" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="682" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="699" fill="#303030" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
<rect x="828" y="646" width="9" height="17" fill="#001a00" />
<rect x="837" y="646" width="18" height="17" fill="#001a00" />
<text x="837" y="648" fill="#ff87af" textLength="18" lengthAdjust="spacingAndGlyphs">-4</text>
<text x="864" y="648" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="648" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="665" fill="#333333" textLength="846" lengthAdjust="spacingAndGlyphs">└────────────────────────────────────────────────────────────────────────────────────────────┘</text>
<text x="891" y="665" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="682" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="699" fill="#333333" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

248
packages/cli/src/ui/components/__snapshots__/FooterConfigDialog--FooterConfigDialog-renders-correctly-with-default-settings.snap.svg
View file

@ -4,157 +4,157 @@
</style>
<rect width="920" height="734" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#303030" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="2" fill="#333333" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="36" fill="#ffffff" textLength="144" lengthAdjust="spacingAndGlyphs" font-weight="bold">Configure Footer</text>
<text x="891" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="70" fill="#a8a8a8" textLength="396" lengthAdjust="spacingAndGlyphs">Select which items to display in the footer.</text>
<text x="891" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="102" width="9" height="17" fill="#005f00" />
<text x="891" y="36" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="70" fill="#afafaf" textLength="396" lengthAdjust="spacingAndGlyphs">Select which items to display in the footer.</text>
<text x="891" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="102" width="9" height="17" fill="#001a00" />
<text x="27" y="104" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">&gt;</text>
<rect x="36" y="102" width="9" height="17" fill="#005f00" />
<rect x="45" y="102" width="27" height="17" fill="#005f00" />
<rect x="36" y="102" width="9" height="17" fill="#001a00" />
<rect x="45" y="102" width="27" height="17" fill="#001a00" />
<text x="45" y="104" fill="#d7ffd7" textLength="27" lengthAdjust="spacingAndGlyphs">[✓]</text>
<rect x="72" y="102" width="90" height="17" fill="#005f00" />
<rect x="72" y="102" width="90" height="17" fill="#001a00" />
<text x="72" y="104" fill="#00cd00" textLength="90" lengthAdjust="spacingAndGlyphs"> workspace</text>
<rect x="162" y="102" width="711" height="17" fill="#005f00" />
<text x="891" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="119" width="18" height="17" fill="#005f00" />
<rect x="45" y="119" width="234" height="17" fill="#005f00" />
<text x="45" y="121" fill="#a8a8a8" textLength="234" lengthAdjust="spacingAndGlyphs"> Current working directory</text>
<rect x="279" y="119" width="594" height="17" fill="#005f00" />
<text x="891" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="162" y="102" width="711" height="17" fill="#001a00" />
<text x="891" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="119" width="18" height="17" fill="#001a00" />
<rect x="45" y="119" width="234" height="17" fill="#001a00" />
<text x="45" y="121" fill="#afafaf" textLength="234" lengthAdjust="spacingAndGlyphs"> Current working directory</text>
<rect x="279" y="119" width="594" height="17" fill="#001a00" />
<text x="891" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="138" fill="#d7ffd7" textLength="27" lengthAdjust="spacingAndGlyphs">[✓]</text>
<text x="72" y="138" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs"> git-branch</text>
<text x="891" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="155" fill="#a8a8a8" textLength="477" lengthAdjust="spacingAndGlyphs"> Current git branch name (not shown when unavailable)</text>
<text x="891" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="155" fill="#afafaf" textLength="477" lengthAdjust="spacingAndGlyphs"> Current git branch name (not shown when unavailable)</text>
<text x="891" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="172" fill="#d7ffd7" textLength="27" lengthAdjust="spacingAndGlyphs">[✓]</text>
<text x="72" y="172" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs"> sandbox</text>
<text x="891" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="189" fill="#a8a8a8" textLength="297" lengthAdjust="spacingAndGlyphs"> Sandbox type and trust indicator</text>
<text x="891" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="189" fill="#afafaf" textLength="297" lengthAdjust="spacingAndGlyphs"> Sandbox type and trust indicator</text>
<text x="891" y="189" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="206" fill="#d7ffd7" textLength="27" lengthAdjust="spacingAndGlyphs">[✓]</text>
<text x="72" y="206" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs"> model-name</text>
<text x="891" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#a8a8a8" textLength="225" lengthAdjust="spacingAndGlyphs"> Current model identifier</text>
<text x="891" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="206" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#afafaf" textLength="225" lengthAdjust="spacingAndGlyphs"> Current model identifier</text>
<text x="891" y="223" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="240" fill="#d7ffd7" textLength="27" lengthAdjust="spacingAndGlyphs">[✓]</text>
<text x="72" y="240" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs"> quota</text>
<text x="891" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="257" fill="#a8a8a8" textLength="540" lengthAdjust="spacingAndGlyphs"> Remaining usage on daily limit (not shown when unavailable)</text>
<text x="891" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#a8a8a8" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="891" y="240" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="257" fill="#afafaf" textLength="540" lengthAdjust="spacingAndGlyphs"> Remaining usage on daily limit (not shown when unavailable)</text>
<text x="891" y="257" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#afafaf" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="72" y="274" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs"> context-used</text>
<text x="891" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="291" fill="#a8a8a8" textLength="306" lengthAdjust="spacingAndGlyphs"> Percentage of context window used</text>
<text x="891" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="308" fill="#a8a8a8" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="891" y="274" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="291" fill="#afafaf" textLength="306" lengthAdjust="spacingAndGlyphs"> Percentage of context window used</text>
<text x="891" y="291" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="308" fill="#afafaf" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="72" y="308" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs"> memory-usage</text>
<text x="891" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#a8a8a8" textLength="279" lengthAdjust="spacingAndGlyphs"> Memory used by the application</text>
<text x="891" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="342" fill="#a8a8a8" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="891" y="308" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#afafaf" textLength="279" lengthAdjust="spacingAndGlyphs"> Memory used by the application</text>
<text x="891" y="325" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="342" fill="#afafaf" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="72" y="342" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs"> session-id</text>
<text x="891" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="359" fill="#a8a8a8" textLength="378" lengthAdjust="spacingAndGlyphs"> Unique identifier for the current session</text>
<text x="891" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#a8a8a8" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="891" y="342" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="359" fill="#afafaf" textLength="378" lengthAdjust="spacingAndGlyphs"> Unique identifier for the current session</text>
<text x="891" y="359" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#afafaf" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="72" y="376" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs"> auth</text>
<text x="891" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="393" fill="#a8a8a8" textLength="252" lengthAdjust="spacingAndGlyphs"> Current authentication info</text>
<text x="891" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="410" fill="#a8a8a8" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="891" y="376" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="393" fill="#afafaf" textLength="252" lengthAdjust="spacingAndGlyphs"> Current authentication info</text>
<text x="891" y="393" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="410" fill="#afafaf" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="72" y="410" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs"> code-changes</text>
<text x="891" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="427" fill="#a8a8a8" textLength="513" lengthAdjust="spacingAndGlyphs"> Lines added/removed in the session (not shown when zero)</text>
<text x="891" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="444" fill="#a8a8a8" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="891" y="410" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="427" fill="#afafaf" textLength="513" lengthAdjust="spacingAndGlyphs"> Lines added/removed in the session (not shown when zero)</text>
<text x="891" y="427" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="444" fill="#afafaf" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="72" y="444" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs"> token-count</text>
<text x="891" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="461" fill="#a8a8a8" textLength="495" lengthAdjust="spacingAndGlyphs"> Total tokens used in the session (not shown when zero)</text>
<text x="891" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="444" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="461" fill="#afafaf" textLength="495" lengthAdjust="spacingAndGlyphs"> Total tokens used in the session (not shown when zero)</text>
<text x="891" y="461" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="478" fill="#d7ffd7" textLength="27" lengthAdjust="spacingAndGlyphs">[✓]</text>
<text x="72" y="478" fill="#ffffff" textLength="171" lengthAdjust="spacingAndGlyphs"> Show footer labels</text>
<text x="891" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="478" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="495" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="512" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs">Reset to default footer</text>
<text x="891" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#a8a8a8" textLength="585" lengthAdjust="spacingAndGlyphs">Enter to select · ↑/↓ to navigate · ←/→ to reorder · Esc to close</text>
<text x="891" y="563" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="597" fill="#303030" textLength="846" lengthAdjust="spacingAndGlyphs">┌────────────────────────────────────────────────────────────────────────────────────────────┐</text>
<text x="891" y="597" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="614" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="512" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="529" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#afafaf" textLength="585" lengthAdjust="spacingAndGlyphs">Enter to select · ↑/↓ to navigate · ←/→ to reorder · Esc to close</text>
<text x="891" y="563" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="597" fill="#333333" textLength="846" lengthAdjust="spacingAndGlyphs">┌────────────────────────────────────────────────────────────────────────────────────────────┐</text>
<text x="891" y="597" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="614" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="614" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">Preview:</text>
<text x="864" y="614" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="614" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="631" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="45" y="629" width="198" height="17" fill="#005f00" />
<text x="864" y="614" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="614" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="631" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="45" y="629" width="198" height="17" fill="#001a00" />
<text x="45" y="631" fill="#ffffff" textLength="198" lengthAdjust="spacingAndGlyphs">workspace (/directory)</text>
<text x="324" y="631" fill="#a8a8a8" textLength="54" lengthAdjust="spacingAndGlyphs">branch</text>
<text x="459" y="631" fill="#a8a8a8" textLength="63" lengthAdjust="spacingAndGlyphs">sandbox</text>
<text x="594" y="631" fill="#a8a8a8" textLength="54" lengthAdjust="spacingAndGlyphs">/model</text>
<text x="801" y="631" fill="#a8a8a8" textLength="54" lengthAdjust="spacingAndGlyphs">/stats</text>
<text x="864" y="631" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="631" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="648" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="45" y="646" width="126" height="17" fill="#005f00" />
<text x="324" y="631" fill="#afafaf" textLength="54" lengthAdjust="spacingAndGlyphs">branch</text>
<text x="459" y="631" fill="#afafaf" textLength="63" lengthAdjust="spacingAndGlyphs">sandbox</text>
<text x="594" y="631" fill="#afafaf" textLength="54" lengthAdjust="spacingAndGlyphs">/model</text>
<text x="801" y="631" fill="#afafaf" textLength="54" lengthAdjust="spacingAndGlyphs">/stats</text>
<text x="864" y="631" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="631" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="648" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="45" y="646" width="126" height="17" fill="#001a00" />
<text x="45" y="648" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs">~/project/path</text>
<rect x="171" y="646" width="72" height="17" fill="#005f00" />
<rect x="171" y="646" width="72" height="17" fill="#001a00" />
<text x="324" y="648" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs">main</text>
<text x="459" y="648" fill="#00cd00" textLength="54" lengthAdjust="spacingAndGlyphs">docker</text>
<text x="594" y="648" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs">gemini-2.5-pro</text>
<text x="801" y="648" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs">97%</text>
<text x="864" y="648" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="648" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="665" fill="#303030" textLength="846" lengthAdjust="spacingAndGlyphs">└────────────────────────────────────────────────────────────────────────────────────────────┘</text>
<text x="891" y="665" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="682" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="699" fill="#303030" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
<text x="864" y="648" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="648" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="665" fill="#333333" textLength="846" lengthAdjust="spacingAndGlyphs">└────────────────────────────────────────────────────────────────────────────────────────────┘</text>
<text x="891" y="665" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="682" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="699" fill="#333333" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

240
packages/cli/src/ui/components/__snapshots__/FooterConfigDialog--FooterConfigDialog-updates-the-preview-when-Show-footer-labels-is-toggled-off.snap.svg
View file

@ -4,147 +4,147 @@
</style>
<rect width="920" height="717" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#303030" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="2" fill="#333333" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="36" fill="#ffffff" textLength="144" lengthAdjust="spacingAndGlyphs" font-weight="bold">Configure Footer</text>
<text x="891" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="70" fill="#a8a8a8" textLength="396" lengthAdjust="spacingAndGlyphs">Select which items to display in the footer.</text>
<text x="891" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="36" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="70" fill="#afafaf" textLength="396" lengthAdjust="spacingAndGlyphs">Select which items to display in the footer.</text>
<text x="891" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="104" fill="#d7ffd7" textLength="27" lengthAdjust="spacingAndGlyphs">[✓]</text>
<text x="72" y="104" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs"> workspace</text>
<text x="891" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="121" fill="#a8a8a8" textLength="234" lengthAdjust="spacingAndGlyphs"> Current working directory</text>
<text x="891" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="121" fill="#afafaf" textLength="234" lengthAdjust="spacingAndGlyphs"> Current working directory</text>
<text x="891" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="138" fill="#d7ffd7" textLength="27" lengthAdjust="spacingAndGlyphs">[✓]</text>
<text x="72" y="138" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs"> git-branch</text>
<text x="891" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="155" fill="#a8a8a8" textLength="477" lengthAdjust="spacingAndGlyphs"> Current git branch name (not shown when unavailable)</text>
<text x="891" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="155" fill="#afafaf" textLength="477" lengthAdjust="spacingAndGlyphs"> Current git branch name (not shown when unavailable)</text>
<text x="891" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="172" fill="#d7ffd7" textLength="27" lengthAdjust="spacingAndGlyphs">[✓]</text>
<text x="72" y="172" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs"> sandbox</text>
<text x="891" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="189" fill="#a8a8a8" textLength="297" lengthAdjust="spacingAndGlyphs"> Sandbox type and trust indicator</text>
<text x="891" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="189" fill="#afafaf" textLength="297" lengthAdjust="spacingAndGlyphs"> Sandbox type and trust indicator</text>
<text x="891" y="189" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="206" fill="#d7ffd7" textLength="27" lengthAdjust="spacingAndGlyphs">[✓]</text>
<text x="72" y="206" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs"> model-name</text>
<text x="891" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#a8a8a8" textLength="225" lengthAdjust="spacingAndGlyphs"> Current model identifier</text>
<text x="891" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="206" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#afafaf" textLength="225" lengthAdjust="spacingAndGlyphs"> Current model identifier</text>
<text x="891" y="223" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="240" fill="#d7ffd7" textLength="27" lengthAdjust="spacingAndGlyphs">[✓]</text>
<text x="72" y="240" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs"> quota</text>
<text x="891" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="257" fill="#a8a8a8" textLength="540" lengthAdjust="spacingAndGlyphs"> Remaining usage on daily limit (not shown when unavailable)</text>
<text x="891" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#a8a8a8" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="891" y="240" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="257" fill="#afafaf" textLength="540" lengthAdjust="spacingAndGlyphs"> Remaining usage on daily limit (not shown when unavailable)</text>
<text x="891" y="257" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#afafaf" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="72" y="274" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs"> context-used</text>
<text x="891" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="291" fill="#a8a8a8" textLength="306" lengthAdjust="spacingAndGlyphs"> Percentage of context window used</text>
<text x="891" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="308" fill="#a8a8a8" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="891" y="274" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="291" fill="#afafaf" textLength="306" lengthAdjust="spacingAndGlyphs"> Percentage of context window used</text>
<text x="891" y="291" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="308" fill="#afafaf" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="72" y="308" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs"> memory-usage</text>
<text x="891" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#a8a8a8" textLength="279" lengthAdjust="spacingAndGlyphs"> Memory used by the application</text>
<text x="891" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="342" fill="#a8a8a8" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="891" y="308" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#afafaf" textLength="279" lengthAdjust="spacingAndGlyphs"> Memory used by the application</text>
<text x="891" y="325" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="342" fill="#afafaf" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="72" y="342" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs"> session-id</text>
<text x="891" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="359" fill="#a8a8a8" textLength="378" lengthAdjust="spacingAndGlyphs"> Unique identifier for the current session</text>
<text x="891" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#a8a8a8" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="891" y="342" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="359" fill="#afafaf" textLength="378" lengthAdjust="spacingAndGlyphs"> Unique identifier for the current session</text>
<text x="891" y="359" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#afafaf" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="72" y="376" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs"> auth</text>
<text x="891" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="393" fill="#a8a8a8" textLength="252" lengthAdjust="spacingAndGlyphs"> Current authentication info</text>
<text x="891" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="410" fill="#a8a8a8" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="891" y="376" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="393" fill="#afafaf" textLength="252" lengthAdjust="spacingAndGlyphs"> Current authentication info</text>
<text x="891" y="393" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="410" fill="#afafaf" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="72" y="410" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs"> code-changes</text>
<text x="891" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="427" fill="#a8a8a8" textLength="513" lengthAdjust="spacingAndGlyphs"> Lines added/removed in the session (not shown when zero)</text>
<text x="891" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="444" fill="#a8a8a8" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="891" y="410" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="427" fill="#afafaf" textLength="513" lengthAdjust="spacingAndGlyphs"> Lines added/removed in the session (not shown when zero)</text>
<text x="891" y="427" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="444" fill="#afafaf" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<text x="72" y="444" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs"> token-count</text>
<text x="891" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="461" fill="#a8a8a8" textLength="495" lengthAdjust="spacingAndGlyphs"> Total tokens used in the session (not shown when zero)</text>
<text x="891" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="476" width="9" height="17" fill="#005f00" />
<text x="891" y="444" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="461" fill="#afafaf" textLength="495" lengthAdjust="spacingAndGlyphs"> Total tokens used in the session (not shown when zero)</text>
<text x="891" y="461" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="476" width="9" height="17" fill="#001a00" />
<text x="27" y="478" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">&gt;</text>
<rect x="36" y="476" width="9" height="17" fill="#005f00" />
<rect x="45" y="476" width="27" height="17" fill="#005f00" />
<text x="45" y="478" fill="#a8a8a8" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<rect x="72" y="476" width="171" height="17" fill="#005f00" />
<rect x="36" y="476" width="9" height="17" fill="#001a00" />
<rect x="45" y="476" width="27" height="17" fill="#001a00" />
<text x="45" y="478" fill="#afafaf" textLength="27" lengthAdjust="spacingAndGlyphs">[ ]</text>
<rect x="72" y="476" width="171" height="17" fill="#001a00" />
<text x="72" y="478" fill="#00cd00" textLength="171" lengthAdjust="spacingAndGlyphs"> Show footer labels</text>
<rect x="243" y="476" width="630" height="17" fill="#005f00" />
<text x="891" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="493" width="846" height="17" fill="#005f00" />
<text x="891" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="243" y="476" width="630" height="17" fill="#001a00" />
<text x="891" y="478" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="493" width="846" height="17" fill="#001a00" />
<text x="891" y="495" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="512" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs">Reset to default footer</text>
<text x="891" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#a8a8a8" textLength="585" lengthAdjust="spacingAndGlyphs">Enter to select · ↑/↓ to navigate · ←/→ to reorder · Esc to close</text>
<text x="891" y="563" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="597" fill="#303030" textLength="846" lengthAdjust="spacingAndGlyphs">┌────────────────────────────────────────────────────────────────────────────────────────────┐</text>
<text x="891" y="597" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="614" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="512" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="529" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#afafaf" textLength="585" lengthAdjust="spacingAndGlyphs">Enter to select · ↑/↓ to navigate · ←/→ to reorder · Esc to close</text>
<text x="891" y="563" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="597" fill="#333333" textLength="846" lengthAdjust="spacingAndGlyphs">┌────────────────────────────────────────────────────────────────────────────────────────────┐</text>
<text x="891" y="597" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="614" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="614" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">Preview:</text>
<text x="864" y="614" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="614" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="631" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="631" fill="#a8a8a8" textLength="126" lengthAdjust="spacingAndGlyphs">~/project/path</text>
<text x="207" y="631" fill="#a8a8a8" textLength="27" lengthAdjust="spacingAndGlyphs"> · </text>
<text x="279" y="631" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">main</text>
<text x="351" y="631" fill="#a8a8a8" textLength="27" lengthAdjust="spacingAndGlyphs"> · </text>
<text x="864" y="614" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="614" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="631" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="631" fill="#afafaf" textLength="126" lengthAdjust="spacingAndGlyphs">~/project/path</text>
<text x="207" y="631" fill="#afafaf" textLength="27" lengthAdjust="spacingAndGlyphs"> · </text>
<text x="279" y="631" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">main</text>
<text x="351" y="631" fill="#afafaf" textLength="27" lengthAdjust="spacingAndGlyphs"> · </text>
<text x="432" y="631" fill="#00cd00" textLength="54" lengthAdjust="spacingAndGlyphs">docker</text>
<text x="522" y="631" fill="#a8a8a8" textLength="27" lengthAdjust="spacingAndGlyphs"> · </text>
<text x="594" y="631" fill="#a8a8a8" textLength="126" lengthAdjust="spacingAndGlyphs">gemini-2.5-pro</text>
<text x="756" y="631" fill="#a8a8a8" textLength="27" lengthAdjust="spacingAndGlyphs"> · </text>
<text x="828" y="631" fill="#a8a8a8" textLength="27" lengthAdjust="spacingAndGlyphs">97%</text>
<text x="864" y="631" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="631" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="648" fill="#303030" textLength="846" lengthAdjust="spacingAndGlyphs">└────────────────────────────────────────────────────────────────────────────────────────────┘</text>
<text x="891" y="648" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="665" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#303030" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
<text x="522" y="631" fill="#afafaf" textLength="27" lengthAdjust="spacingAndGlyphs"> · </text>
<text x="594" y="631" fill="#afafaf" textLength="126" lengthAdjust="spacingAndGlyphs">gemini-2.5-pro</text>
<text x="756" y="631" fill="#afafaf" textLength="27" lengthAdjust="spacingAndGlyphs"> · </text>
<text x="828" y="631" fill="#afafaf" textLength="27" lengthAdjust="spacingAndGlyphs">97%</text>
<text x="864" y="631" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="631" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="648" fill="#333333" textLength="846" lengthAdjust="spacingAndGlyphs">└────────────────────────────────────────────────────────────────────────────────────────────┘</text>
<text x="891" y="648" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="665" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#333333" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

346
packages/cli/src/ui/components/__snapshots__/HistoryItemDisplay.test.tsx.snap
View file

@ -1,194 +1,140 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`<HistoryItemDisplay /> > gemini items (alternateBuffer=false) > should render a full gemini item when using availableTerminalHeightGemini 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- MarkdownDisplayInternal (src/ui/utils/MarkdownDisplay.tsx:39:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-updateSimpleMemoComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-c
ode-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.
development.js:6328:14)
-updateMemoCompon
nt (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-
grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.developm
ent.js:6261:13)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8423:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
"✦ Example code block:
1 Line 1
2 Line 2
3 Line 3
4 Line 4
5 Line 5
6 Line 6
7 Line 7
8 Line 8
9 Line 9
10 Line 10
11 Line 11
12 Line 12
13 Line 13
14 Line 14
15 Line 15
16 Line 16
17 Line 17
18 Line 18
19 Line 19
20 Line 20
21 Line 21
22 Line 22
23 Line 23
24 Line 24
25 Line 25
26 Line 26
27 Line 27
28 Line 28
29 Line 29
30 Line 30
31 Line 31
32 Line 32
33 Line 33
34 Line 34
35 Line 35
36 Line 36
37 Line 37
38 Line 38
39 Line 39
40 Line 40
41 Line 41
42 Line 42
43 Line 43
44 Line 44
45 Line 45
46 Line 46
47 Line 47
48 Line 48
49 Line 49
50 Line 50
"
`;
exports[`<HistoryItemDisplay /> > gemini items (alternateBuffer=false) > should render a full gemini_content item when using availableTerminalHeightGemini 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- MarkdownDisplayInternal (src/ui/utils/MarkdownDisplay.tsx:39:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-updateSimpleMemoComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-c
ode-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.
development.js:6328:14)
-updateMemoCompon
nt (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-
grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.developm
ent.js:6261:13)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8423:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
" Example code block:
1 Line 1
2 Line 2
3 Line 3
4 Line 4
5 Line 5
6 Line 6
7 Line 7
8 Line 8
9 Line 9
10 Line 10
11 Line 11
12 Line 12
13 Line 13
14 Line 14
15 Line 15
16 Line 16
17 Line 17
18 Line 18
19 Line 19
20 Line 20
21 Line 21
22 Line 22
23 Line 23
24 Line 24
25 Line 25
26 Line 26
27 Line 27
28 Line 28
29 Line 29
30 Line 30
31 Line 31
32 Line 32
33 Line 33
34 Line 34
35 Line 35
36 Line 36
37 Line 37
38 Line 38
39 Line 39
40 Line 40
41 Line 41
42 Line 42
43 Line 43
44 Line 44
45 Line 45
46 Line 46
47 Line 47
48 Line 48
49 Line 49
50 Line 50
"
`;
exports[`<HistoryItemDisplay /> > gemini items (alternateBuffer=false) > should render a truncated gemini item 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- MarkdownDisplayInternal (src/ui/utils/MarkdownDisplay.tsx:39:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-updateSimpleMemoComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-c
ode-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.
development.js:6328:14)
-updateMemoCompon
nt (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-
grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.developm
ent.js:6261:13)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8423:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
"✦ Example code block:
... 42 hidden (Ctrl+O) ...
43 Line 43
44 Line 44
45 Line 45
46 Line 46
47 Line 47
48 Line 48
49 Line 49
50 Line 50
"
`;
exports[`<HistoryItemDisplay /> > gemini items (alternateBuffer=false) > should render a truncated gemini_content item 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- MarkdownDisplayInternal (src/ui/utils/MarkdownDisplay.tsx:39:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-updateSimpleMemoComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-c
ode-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.
development.js:6328:14)
-updateMemoCompon
nt (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-
grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.developm
ent.js:6261:13)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8423:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
" Example code block:
... 42 hidden (Ctrl+O) ...
43 Line 43
44 Line 44
45 Line 45
46 Line 46
47 Line 47
48 Line 48
49 Line 49
50 Line 50
"
`;
@ -413,50 +359,16 @@ exports[`<HistoryItemDisplay /> > gemini items (alternateBuffer=true) > should r
`;
exports[`<HistoryItemDisplay /> > renders AgentsStatus for "agents_list" type 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
"Local Agents
src/ui/hooks/useAlternateBuffer.ts:16:44
- Local Agent (local_agent)
Local agent description.
Second line.
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
Remote Agents
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- MarkdownDisplayInternal (src/ui/utils/MarkdownDisplay.tsx:39:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-updateSimpleMemoComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-c
ode-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.
development.js:6328:14)
-updateMemoCompon
nt (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-
grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.developm
ent.js:6261:13)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8423:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
- remote_agent
Remote agent description.
"
`;

63
packages/cli/src/ui/components/__snapshots__/HookStatusDisplay--HookStatusDisplay-matches-SVG-snapshot-for-single-hook.snap.svg
View file

@ -1,66 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="768" viewBox="0 0 920 768">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="37" viewBox="0 0 920 37">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="768" fill="#000000" />
<rect width="920" height="37" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> (0 , __vite_ssr_import_3__.isUserVisibleHook) is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/components/HookStatusDisplay.tsx:25:47 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 22: return null; </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 23: } </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 24: </text>
<rect x="9" y="136" width="711" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="711" lengthAdjust="spacingAndGlyphs">25: const userHooks = activeHooks.filter((h) =&gt; isUserVisibleHook(h.source));</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 26: </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 27: if (userHooks.length &gt; 0) { </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 28: const label = userHooks.length &gt; 1 ? &apos;Executing Hooks&apos; : &apos;Executing Hook&apos;; </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#7f7f7f" textLength="432" lengthAdjust="spacingAndGlyphs"> (src/ui/components/HookStatusDisplay.tsx:25:47)</text>
<text x="0" y="240" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="240" fill="#ffffff" textLength="324" lengthAdjust="spacingAndGlyphs" font-weight="bold"> at Array.filter (&lt;anonymous&gt;)\t </text>
<text x="0" y="257" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="257" fill="#ffffff" textLength="153" lengthAdjust="spacingAndGlyphs" font-weight="bold">HookStatusDisplay</text>
<text x="180" y="257" fill="#7f7f7f" textLength="432" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/HookStatusDisplay.tsx:25:33)</text>
<text x="0" y="274" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="274" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="291" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="291" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="308" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="325" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="342" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="342" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="359" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="359" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="376" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="393" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="410" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="410" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="427" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="427" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="444" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="461" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="478" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="478" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="495" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="512" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="546" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="546" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="563" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="563" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="580" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="597" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="614" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="631" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="648" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="665" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="682" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="682" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="699" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="716" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="733" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<text x="0" y="2" fill="#afafaf" textLength="225" lengthAdjust="spacingAndGlyphs" font-style="italic">Executing Hook: test-hook</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.4 KiB

After

Width:  |  Height:  |  Size: 479 B

183
packages/cli/src/ui/components/__snapshots__/HookStatusDisplay.test.tsx.snap
View file

@ -1,193 +1,18 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`<HookStatusDisplay /> > matches SVG snapshot for single hook 1`] = `
"
ERROR (0 , __vite_ssr_import_3__.isUserVisibleHook) is not a function
src/ui/components/HookStatusDisplay.tsx:25:47
22: return null;
23: }
24:
25: const userHooks = activeHooks.filter((h) => isUserVisibleHook(h.source));
26:
27: if (userHooks.length > 0) {
28: const label = userHooks.length > 1 ? 'Executing Hooks' : 'Executing Hook';
- (src/ui/components/HookStatusDisplay.tsx:25:47)
- at Array.filter (<anonymous>)\\t
- HookStatusDisplay (src/ui/components/HookStatusDisplay.tsx:25:33)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"
`;
exports[`<HookStatusDisplay /> > matches SVG snapshot for single hook 1`] = `"Executing Hook: test-hook"`;
exports[`<HookStatusDisplay /> > should render a single executing hook 1`] = `
"
ERROR (0 , __vite_ssr_import_3__.isUserVisibleHook) is not a function
src/ui/components/HookStatusDisplay.tsx:25:47
22: return null;
23: }
24:
25: const userHooks = activeHooks.filter((h) => isUserVisibleHook(h.source));
26:
27: if (userHooks.length > 0) {
28: const label = userHooks.length > 1 ? 'Executing Hooks' : 'Executing Hook';
- (src/ui/components/HookStatusDisplay.tsx:25:47)
- at Array.filter (<anonymous>)\\t
- HookStatusDisplay (src/ui/components/HookStatusDisplay.tsx:25:33)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"Executing Hook: test-hook
"
`;
exports[`<HookStatusDisplay /> > should render multiple executing hooks 1`] = `
"
ERROR (0 , __vite_ssr_import_3__.isUserVisibleHook) is not a function
src/ui/components/HookStatusDisplay.tsx:25:47
22: return null;
23: }
24:
25: const userHooks = activeHooks.filter((h) => isUserVisibleHook(h.source));
26:
27: if (userHooks.length > 0) {
28: const label = userHooks.length > 1 ? 'Executing Hooks' : 'Executing Hook';
- (src/ui/components/HookStatusDisplay.tsx:25:47)
- at Array.filter (<anonymous>)\\t
- HookStatusDisplay (src/ui/components/HookStatusDisplay.tsx:25:33)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"Executing Hooks: h1, h2
"
`;
exports[`<HookStatusDisplay /> > should render sequential hook progress 1`] = `
"
ERROR (0 , __vite_ssr_import_3__.isUserVisibleHook) is not a function
src/ui/components/HookStatusDisplay.tsx:25:47
22: return null;
23: }
24:
25: const userHooks = activeHooks.filter((h) => isUserVisibleHook(h.source));
26:
27: if (userHooks.length > 0) {
28: const label = userHooks.length > 1 ? 'Executing Hooks' : 'Executing Hook';
- (src/ui/components/HookStatusDisplay.tsx:25:47)
- at Array.filter (<anonymous>)\\t
- HookStatusDisplay (src/ui/components/HookStatusDisplay.tsx:25:33)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"Executing Hook: step (1/3)
"
`;

75
packages/cli/src/ui/components/__snapshots__/InputPrompt-InputPrompt-Highlighting-and-Cursor-Display-multi-line-scenarios-should-display-cursor-correctly-at-the-beginning-of-a-line-in-a-multiline-block.snap.svg
View file

@ -1,68 +1,19 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="768" viewBox="0 0 920 768">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="88" viewBox="0 0 920 88">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="768" fill="#000000" />
<rect width="920" height="88" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> config.getUseTerminalBuffer is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/hooks/useAlternateBuffer.ts:16:44 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 13: // Right now this is convenient as it allows us to special case terminalBuffer </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 14: // rendering like we special case alternateBuffer rendering. </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 15: export const isAlternateBufferEnabled = (config: Config): boolean =&gt; </text>
<rect x="9" y="136" width="630" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="630" lengthAdjust="spacingAndGlyphs">16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 17: </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 18: // This is read from Config so that the UI reads the same value per application session </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 19: export const useAlternateBuffer = (): boolean =&gt; { </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs" font-weight="bold">isAlternateBufferEnabled</text>
<text x="243" y="223" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:16:44)</text>
<text x="0" y="240" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="240" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">useAlternateBuffer</text>
<text x="189" y="240" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:21:10)</text>
<text x="0" y="257" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="257" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">InputPrompt</text>
<text x="126" y="257" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/InputPrompt.tsx:583:29)</text>
<text x="0" y="274" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="274" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="291" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="291" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="308" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="325" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="342" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="342" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="359" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="359" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="376" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="393" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="410" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="410" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="427" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="427" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="444" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="461" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="478" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="478" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="495" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="512" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="546" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="546" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="563" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="563" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="580" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="597" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="614" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="631" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="648" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="665" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="682" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="682" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="699" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="716" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="733" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<text x="0" y="2" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
<text x="0" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#d7afff" textLength="18" lengthAdjust="spacingAndGlyphs">&gt; </text>
<text x="36" y="19" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs">first line</text>
<text x="891" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="34" width="9" height="17" fill="#ffffff" />
<text x="36" y="36" fill="#000000" textLength="9" lengthAdjust="spacingAndGlyphs">s</text>
<text x="45" y="36" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs">econd line</text>
<text x="891" y="36" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

74
packages/cli/src/ui/components/__snapshots__/InputPrompt-InputPrompt-Highlighting-and-Cursor-Display-multi-line-scenarios-should-display-cursor-correctly-at-the-end-of-a-line-in-a-multiline-block.snap.svg
View file

@ -1,68 +1,18 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="768" viewBox="0 0 920 768">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="88" viewBox="0 0 920 88">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="768" fill="#000000" />
<rect width="920" height="88" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> config.getUseTerminalBuffer is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/hooks/useAlternateBuffer.ts:16:44 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 13: // Right now this is convenient as it allows us to special case terminalBuffer </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 14: // rendering like we special case alternateBuffer rendering. </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 15: export const isAlternateBufferEnabled = (config: Config): boolean =&gt; </text>
<rect x="9" y="136" width="630" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="630" lengthAdjust="spacingAndGlyphs">16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 17: </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 18: // This is read from Config so that the UI reads the same value per application session </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 19: export const useAlternateBuffer = (): boolean =&gt; { </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs" font-weight="bold">isAlternateBufferEnabled</text>
<text x="243" y="223" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:16:44)</text>
<text x="0" y="240" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="240" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">useAlternateBuffer</text>
<text x="189" y="240" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:21:10)</text>
<text x="0" y="257" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="257" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">InputPrompt</text>
<text x="126" y="257" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/InputPrompt.tsx:583:29)</text>
<text x="0" y="274" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="274" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="291" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="291" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="308" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="325" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="342" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="342" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="359" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="359" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="376" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="393" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="410" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="410" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="427" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="427" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="444" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="461" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="478" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="478" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="495" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="512" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="546" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="546" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="563" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="563" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="580" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="597" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="614" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="631" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="648" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="665" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="682" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="682" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="699" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="716" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="733" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<text x="0" y="2" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
<text x="0" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#d7afff" textLength="18" lengthAdjust="spacingAndGlyphs">&gt; </text>
<text x="36" y="19" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs">first line</text>
<rect x="126" y="17" width="9" height="17" fill="#ffffff" />
<text x="891" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="36" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs">second line</text>
<text x="891" y="36" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

79
packages/cli/src/ui/components/__snapshots__/InputPrompt-InputPrompt-Highlighting-and-Cursor-Display-multi-line-scenarios-should-display-cursor-correctly-in-the-middle-of-a-line-in-a-multiline-block.snap.svg
View file

@ -1,68 +1,23 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="768" viewBox="0 0 920 768">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="105" viewBox="0 0 920 105">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="768" fill="#000000" />
<rect width="920" height="105" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> config.getUseTerminalBuffer is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/hooks/useAlternateBuffer.ts:16:44 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 13: // Right now this is convenient as it allows us to special case terminalBuffer </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 14: // rendering like we special case alternateBuffer rendering. </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 15: export const isAlternateBufferEnabled = (config: Config): boolean =&gt; </text>
<rect x="9" y="136" width="630" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="630" lengthAdjust="spacingAndGlyphs">16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 17: </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 18: // This is read from Config so that the UI reads the same value per application session </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 19: export const useAlternateBuffer = (): boolean =&gt; { </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs" font-weight="bold">isAlternateBufferEnabled</text>
<text x="243" y="223" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:16:44)</text>
<text x="0" y="240" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="240" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">useAlternateBuffer</text>
<text x="189" y="240" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:21:10)</text>
<text x="0" y="257" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="257" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">InputPrompt</text>
<text x="126" y="257" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/InputPrompt.tsx:583:29)</text>
<text x="0" y="274" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="274" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="291" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="291" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="308" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="325" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="342" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="342" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="359" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="359" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="376" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="393" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="410" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="410" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="427" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="427" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="444" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="461" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="478" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="478" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="495" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="512" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="546" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="546" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="563" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="563" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="580" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="597" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="614" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="631" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="648" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="665" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="682" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="682" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="699" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="716" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="733" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<text x="0" y="2" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
<text x="0" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#d7afff" textLength="18" lengthAdjust="spacingAndGlyphs">&gt; </text>
<text x="36" y="19" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs">first line</text>
<text x="891" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="36" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs">sec</text>
<rect x="63" y="34" width="9" height="17" fill="#ffffff" />
<text x="63" y="36" fill="#000000" textLength="9" lengthAdjust="spacingAndGlyphs">o</text>
<text x="72" y="36" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs">nd line</text>
<text x="891" y="36" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="53" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs">third line</text>
<text x="891" y="53" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

76
packages/cli/src/ui/components/__snapshots__/InputPrompt-InputPrompt-Highlighting-and-Cursor-Display-multi-line-scenarios-should-display-cursor-on-a-blank-line-in-a-multiline-block.snap.svg
View file

@ -1,68 +1,20 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="768" viewBox="0 0 920 768">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="105" viewBox="0 0 920 105">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="768" fill="#000000" />
<rect width="920" height="105" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> config.getUseTerminalBuffer is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/hooks/useAlternateBuffer.ts:16:44 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 13: // Right now this is convenient as it allows us to special case terminalBuffer </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 14: // rendering like we special case alternateBuffer rendering. </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 15: export const isAlternateBufferEnabled = (config: Config): boolean =&gt; </text>
<rect x="9" y="136" width="630" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="630" lengthAdjust="spacingAndGlyphs">16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 17: </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 18: // This is read from Config so that the UI reads the same value per application session </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 19: export const useAlternateBuffer = (): boolean =&gt; { </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs" font-weight="bold">isAlternateBufferEnabled</text>
<text x="243" y="223" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:16:44)</text>
<text x="0" y="240" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="240" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">useAlternateBuffer</text>
<text x="189" y="240" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:21:10)</text>
<text x="0" y="257" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="257" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">InputPrompt</text>
<text x="126" y="257" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/InputPrompt.tsx:583:29)</text>
<text x="0" y="274" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="274" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="291" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="291" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="308" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="325" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="342" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="342" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="359" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="359" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="376" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="393" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="410" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="410" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="427" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="427" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="444" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="461" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="478" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="478" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="495" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="512" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="546" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="546" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="563" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="563" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="580" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="597" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="614" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="631" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="648" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="665" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="682" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="682" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="699" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="716" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="733" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<text x="0" y="2" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
<text x="0" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#d7afff" textLength="18" lengthAdjust="spacingAndGlyphs">&gt; </text>
<text x="36" y="19" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs">first line</text>
<text x="891" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="34" width="9" height="17" fill="#ffffff" />
<text x="891" y="36" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="53" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs">third line</text>
<text x="891" y="53" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 2 KiB

72
packages/cli/src/ui/components/__snapshots__/InputPrompt-InputPrompt-Highlighting-and-Cursor-Display-single-line-scenarios-should-display-cursor-correctly-after-multi-byte-unicode-characters-.snap.svg
View file

@ -1,68 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="768" viewBox="0 0 920 768">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="71" viewBox="0 0 920 71">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="768" fill="#000000" />
<rect width="920" height="71" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> config.getUseTerminalBuffer is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/hooks/useAlternateBuffer.ts:16:44 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 13: // Right now this is convenient as it allows us to special case terminalBuffer </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 14: // rendering like we special case alternateBuffer rendering. </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 15: export const isAlternateBufferEnabled = (config: Config): boolean =&gt; </text>
<rect x="9" y="136" width="630" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="630" lengthAdjust="spacingAndGlyphs">16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 17: </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 18: // This is read from Config so that the UI reads the same value per application session </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 19: export const useAlternateBuffer = (): boolean =&gt; { </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs" font-weight="bold">isAlternateBufferEnabled</text>
<text x="243" y="223" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:16:44)</text>
<text x="0" y="240" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="240" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">useAlternateBuffer</text>
<text x="189" y="240" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:21:10)</text>
<text x="0" y="257" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="257" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">InputPrompt</text>
<text x="126" y="257" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/InputPrompt.tsx:583:29)</text>
<text x="0" y="274" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="274" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="291" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="291" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="308" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="325" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="342" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="342" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="359" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="359" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="376" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="393" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="410" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="410" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="427" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="427" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="444" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="461" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="478" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="478" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="495" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="512" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="546" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="546" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="563" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="563" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="580" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="597" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="614" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="631" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="648" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="665" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="682" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="682" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="699" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="716" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="733" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<text x="0" y="2" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
<text x="0" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#d7afff" textLength="18" lengthAdjust="spacingAndGlyphs">&gt; </text>
<text x="36" y="19" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs">👍</text>
<rect x="45" y="17" width="9" height="17" fill="#ffffff" />
<text x="45" y="19" fill="#000000" textLength="9" lengthAdjust="spacingAndGlyphs">A</text>
<text x="882" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

72
packages/cli/src/ui/components/__snapshots__/InputPrompt-InputPrompt-Highlighting-and-Cursor-Display-single-line-scenarios-should-display-cursor-correctly-at-the-beginning-of-the-line-.snap.svg
View file

@ -1,68 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="768" viewBox="0 0 920 768">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="71" viewBox="0 0 920 71">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="768" fill="#000000" />
<rect width="920" height="71" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> config.getUseTerminalBuffer is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/hooks/useAlternateBuffer.ts:16:44 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 13: // Right now this is convenient as it allows us to special case terminalBuffer </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 14: // rendering like we special case alternateBuffer rendering. </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 15: export const isAlternateBufferEnabled = (config: Config): boolean =&gt; </text>
<rect x="9" y="136" width="630" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="630" lengthAdjust="spacingAndGlyphs">16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 17: </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 18: // This is read from Config so that the UI reads the same value per application session </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 19: export const useAlternateBuffer = (): boolean =&gt; { </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs" font-weight="bold">isAlternateBufferEnabled</text>
<text x="243" y="223" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:16:44)</text>
<text x="0" y="240" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="240" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">useAlternateBuffer</text>
<text x="189" y="240" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:21:10)</text>
<text x="0" y="257" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="257" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">InputPrompt</text>
<text x="126" y="257" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/InputPrompt.tsx:583:29)</text>
<text x="0" y="274" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="274" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="291" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="291" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="308" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="325" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="342" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="342" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="359" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="359" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="376" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="393" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="410" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="410" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="427" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="427" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="444" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="461" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="478" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="478" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="495" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="512" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="546" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="546" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="563" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="563" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="580" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="597" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="614" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="631" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="648" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="665" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="682" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="682" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="699" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="716" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="733" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<text x="0" y="2" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
<text x="0" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#d7afff" textLength="18" lengthAdjust="spacingAndGlyphs">&gt; </text>
<rect x="36" y="17" width="9" height="17" fill="#ffffff" />
<text x="36" y="19" fill="#000000" textLength="9" lengthAdjust="spacingAndGlyphs">h</text>
<text x="45" y="19" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs">ello</text>
<text x="891" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

70
packages/cli/src/ui/components/__snapshots__/InputPrompt-InputPrompt-Highlighting-and-Cursor-Display-single-line-scenarios-should-display-cursor-correctly-at-the-end-of-a-line-with-unicode-cha-.snap.svg
View file

@ -1,68 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="768" viewBox="0 0 920 768">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="71" viewBox="0 0 920 71">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="768" fill="#000000" />
<rect width="920" height="71" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> config.getUseTerminalBuffer is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/hooks/useAlternateBuffer.ts:16:44 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 13: // Right now this is convenient as it allows us to special case terminalBuffer </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 14: // rendering like we special case alternateBuffer rendering. </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 15: export const isAlternateBufferEnabled = (config: Config): boolean =&gt; </text>
<rect x="9" y="136" width="630" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="630" lengthAdjust="spacingAndGlyphs">16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 17: </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 18: // This is read from Config so that the UI reads the same value per application session </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 19: export const useAlternateBuffer = (): boolean =&gt; { </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs" font-weight="bold">isAlternateBufferEnabled</text>
<text x="243" y="223" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:16:44)</text>
<text x="0" y="240" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="240" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">useAlternateBuffer</text>
<text x="189" y="240" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:21:10)</text>
<text x="0" y="257" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="257" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">InputPrompt</text>
<text x="126" y="257" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/InputPrompt.tsx:583:29)</text>
<text x="0" y="274" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="274" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="291" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="291" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="308" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="325" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="342" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="342" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="359" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="359" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="376" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="393" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="410" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="410" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="427" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="427" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="444" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="461" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="478" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="478" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="495" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="512" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="546" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="546" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="563" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="563" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="580" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="597" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="614" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="631" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="648" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="665" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="682" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="682" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="699" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="716" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="733" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<text x="0" y="2" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
<text x="0" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#d7afff" textLength="18" lengthAdjust="spacingAndGlyphs">&gt; </text>
<text x="36" y="19" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs">hello 👍</text>
<text x="882" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

71
packages/cli/src/ui/components/__snapshots__/InputPrompt-InputPrompt-Highlighting-and-Cursor-Display-single-line-scenarios-should-display-cursor-correctly-at-the-end-of-a-short-line-with-unico-.snap.svg
View file

@ -1,68 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="768" viewBox="0 0 920 768">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="71" viewBox="0 0 920 71">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="768" fill="#000000" />
<rect width="920" height="71" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> config.getUseTerminalBuffer is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/hooks/useAlternateBuffer.ts:16:44 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 13: // Right now this is convenient as it allows us to special case terminalBuffer </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 14: // rendering like we special case alternateBuffer rendering. </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 15: export const isAlternateBufferEnabled = (config: Config): boolean =&gt; </text>
<rect x="9" y="136" width="630" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="630" lengthAdjust="spacingAndGlyphs">16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 17: </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 18: // This is read from Config so that the UI reads the same value per application session </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 19: export const useAlternateBuffer = (): boolean =&gt; { </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs" font-weight="bold">isAlternateBufferEnabled</text>
<text x="243" y="223" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:16:44)</text>
<text x="0" y="240" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="240" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">useAlternateBuffer</text>
<text x="189" y="240" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:21:10)</text>
<text x="0" y="257" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="257" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">InputPrompt</text>
<text x="126" y="257" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/InputPrompt.tsx:583:29)</text>
<text x="0" y="274" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="274" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="291" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="291" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="308" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="325" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="342" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="342" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="359" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="359" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="376" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="393" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="410" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="410" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="427" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="427" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="444" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="461" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="478" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="478" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="495" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="512" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="546" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="546" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="563" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="563" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="580" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="597" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="614" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="631" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="648" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="665" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="682" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="682" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="699" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="716" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="733" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<text x="0" y="2" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
<text x="0" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#d7afff" textLength="18" lengthAdjust="spacingAndGlyphs">&gt; </text>
<text x="36" y="19" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs">👍</text>
<rect x="45" y="17" width="9" height="17" fill="#ffffff" />
<text x="882" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

71
packages/cli/src/ui/components/__snapshots__/InputPrompt-InputPrompt-Highlighting-and-Cursor-Display-single-line-scenarios-should-display-cursor-correctly-at-the-end-of-the-line-.snap.svg
View file

@ -1,68 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="768" viewBox="0 0 920 768">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="71" viewBox="0 0 920 71">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="768" fill="#000000" />
<rect width="920" height="71" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> config.getUseTerminalBuffer is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/hooks/useAlternateBuffer.ts:16:44 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 13: // Right now this is convenient as it allows us to special case terminalBuffer </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 14: // rendering like we special case alternateBuffer rendering. </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 15: export const isAlternateBufferEnabled = (config: Config): boolean =&gt; </text>
<rect x="9" y="136" width="630" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="630" lengthAdjust="spacingAndGlyphs">16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 17: </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 18: // This is read from Config so that the UI reads the same value per application session </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 19: export const useAlternateBuffer = (): boolean =&gt; { </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs" font-weight="bold">isAlternateBufferEnabled</text>
<text x="243" y="223" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:16:44)</text>
<text x="0" y="240" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="240" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">useAlternateBuffer</text>
<text x="189" y="240" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:21:10)</text>
<text x="0" y="257" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="257" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">InputPrompt</text>
<text x="126" y="257" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/InputPrompt.tsx:583:29)</text>
<text x="0" y="274" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="274" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="291" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="291" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="308" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="325" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="342" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="342" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="359" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="359" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="376" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="393" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="410" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="410" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="427" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="427" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="444" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="461" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="478" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="478" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="495" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="512" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="546" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="546" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="563" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="563" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="580" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="597" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="614" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="631" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="648" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="665" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="682" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="682" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="699" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="716" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="733" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<text x="0" y="2" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
<text x="0" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#d7afff" textLength="18" lengthAdjust="spacingAndGlyphs">&gt; </text>
<text x="36" y="19" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs">hello</text>
<rect x="81" y="17" width="9" height="17" fill="#ffffff" />
<text x="891" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

73
packages/cli/src/ui/components/__snapshots__/InputPrompt-InputPrompt-Highlighting-and-Cursor-Display-single-line-scenarios-should-display-cursor-correctly-for-multi-byte-unicode-characters-.snap.svg
View file

@ -1,68 +1,17 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="768" viewBox="0 0 920 768">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="71" viewBox="0 0 920 71">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="768" fill="#000000" />
<rect width="920" height="71" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> config.getUseTerminalBuffer is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/hooks/useAlternateBuffer.ts:16:44 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 13: // Right now this is convenient as it allows us to special case terminalBuffer </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 14: // rendering like we special case alternateBuffer rendering. </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 15: export const isAlternateBufferEnabled = (config: Config): boolean =&gt; </text>
<rect x="9" y="136" width="630" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="630" lengthAdjust="spacingAndGlyphs">16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 17: </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 18: // This is read from Config so that the UI reads the same value per application session </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 19: export const useAlternateBuffer = (): boolean =&gt; { </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs" font-weight="bold">isAlternateBufferEnabled</text>
<text x="243" y="223" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:16:44)</text>
<text x="0" y="240" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="240" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">useAlternateBuffer</text>
<text x="189" y="240" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:21:10)</text>
<text x="0" y="257" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="257" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">InputPrompt</text>
<text x="126" y="257" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/InputPrompt.tsx:583:29)</text>
<text x="0" y="274" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="274" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="291" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="291" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="308" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="325" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="342" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="342" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="359" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="359" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="376" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="393" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="410" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="410" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="427" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="427" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="444" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="461" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="478" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="478" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="495" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="512" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="546" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="546" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="563" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="563" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="580" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="597" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="614" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="631" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="648" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="665" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="682" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="682" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="699" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="716" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="733" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<text x="0" y="2" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
<text x="0" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#d7afff" textLength="18" lengthAdjust="spacingAndGlyphs">&gt; </text>
<text x="36" y="19" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">hello </text>
<rect x="90" y="17" width="9" height="17" fill="#ffffff" />
<text x="90" y="19" fill="#000000" textLength="9" lengthAdjust="spacingAndGlyphs">👍</text>
<text x="99" y="19" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs"> world</text>
<text x="882" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

73
packages/cli/src/ui/components/__snapshots__/InputPrompt-InputPrompt-Highlighting-and-Cursor-Display-single-line-scenarios-should-display-cursor-correctly-mid-word-.snap.svg
View file

@ -1,68 +1,17 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="768" viewBox="0 0 920 768">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="71" viewBox="0 0 920 71">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="768" fill="#000000" />
<rect width="920" height="71" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> config.getUseTerminalBuffer is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/hooks/useAlternateBuffer.ts:16:44 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 13: // Right now this is convenient as it allows us to special case terminalBuffer </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 14: // rendering like we special case alternateBuffer rendering. </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 15: export const isAlternateBufferEnabled = (config: Config): boolean =&gt; </text>
<rect x="9" y="136" width="630" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="630" lengthAdjust="spacingAndGlyphs">16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 17: </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 18: // This is read from Config so that the UI reads the same value per application session </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 19: export const useAlternateBuffer = (): boolean =&gt; { </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs" font-weight="bold">isAlternateBufferEnabled</text>
<text x="243" y="223" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:16:44)</text>
<text x="0" y="240" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="240" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">useAlternateBuffer</text>
<text x="189" y="240" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:21:10)</text>
<text x="0" y="257" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="257" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">InputPrompt</text>
<text x="126" y="257" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/InputPrompt.tsx:583:29)</text>
<text x="0" y="274" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="274" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="291" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="291" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="308" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="325" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="342" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="342" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="359" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="359" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="376" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="393" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="410" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="410" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="427" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="427" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="444" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="461" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="478" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="478" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="495" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="512" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="546" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="546" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="563" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="563" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="580" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="597" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="614" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="631" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="648" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="665" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="682" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="682" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="699" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="716" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="733" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<text x="0" y="2" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
<text x="0" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#d7afff" textLength="18" lengthAdjust="spacingAndGlyphs">&gt; </text>
<text x="36" y="19" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs">hel</text>
<rect x="63" y="17" width="9" height="17" fill="#ffffff" />
<text x="63" y="19" fill="#000000" textLength="9" lengthAdjust="spacingAndGlyphs">l</text>
<text x="72" y="19" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs">o world</text>
<text x="891" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

74
packages/cli/src/ui/components/__snapshots__/InputPrompt-InputPrompt-Highlighting-and-Cursor-Display-single-line-scenarios-should-display-cursor-correctly-on-a-highlighted-token-.snap.svg
View file

@ -1,68 +1,18 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="768" viewBox="0 0 920 768">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="71" viewBox="0 0 920 71">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="768" fill="#000000" />
<rect width="920" height="71" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> config.getUseTerminalBuffer is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/hooks/useAlternateBuffer.ts:16:44 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 13: // Right now this is convenient as it allows us to special case terminalBuffer </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 14: // rendering like we special case alternateBuffer rendering. </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 15: export const isAlternateBufferEnabled = (config: Config): boolean =&gt; </text>
<rect x="9" y="136" width="630" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="630" lengthAdjust="spacingAndGlyphs">16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 17: </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 18: // This is read from Config so that the UI reads the same value per application session </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 19: export const useAlternateBuffer = (): boolean =&gt; { </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs" font-weight="bold">isAlternateBufferEnabled</text>
<text x="243" y="223" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:16:44)</text>
<text x="0" y="240" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="240" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">useAlternateBuffer</text>
<text x="189" y="240" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:21:10)</text>
<text x="0" y="257" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="257" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">InputPrompt</text>
<text x="126" y="257" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/InputPrompt.tsx:583:29)</text>
<text x="0" y="274" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="274" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="291" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="291" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="308" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="325" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="342" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="342" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="359" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="359" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="376" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="393" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="410" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="410" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="427" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="427" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="444" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="461" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="478" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="478" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="495" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="512" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="546" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="546" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="563" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="563" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="580" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="597" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="614" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="631" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="648" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="665" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="682" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="682" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="699" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="716" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="733" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<text x="0" y="2" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
<text x="0" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#d7afff" textLength="18" lengthAdjust="spacingAndGlyphs">&gt; </text>
<text x="36" y="19" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs">run </text>
<text x="72" y="19" fill="#d7afff" textLength="45" lengthAdjust="spacingAndGlyphs">@path</text>
<rect x="117" y="17" width="9" height="17" fill="#d7afff" />
<text x="117" y="19" fill="#000000" textLength="9" lengthAdjust="spacingAndGlyphs">/</text>
<text x="126" y="19" fill="#d7afff" textLength="63" lengthAdjust="spacingAndGlyphs">to/file</text>
<text x="891" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

72
packages/cli/src/ui/components/__snapshots__/InputPrompt-InputPrompt-Highlighting-and-Cursor-Display-single-line-scenarios-should-display-cursor-correctly-on-a-space-between-words-.snap.svg
View file

@ -1,68 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="768" viewBox="0 0 920 768">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="71" viewBox="0 0 920 71">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="768" fill="#000000" />
<rect width="920" height="71" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> config.getUseTerminalBuffer is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/hooks/useAlternateBuffer.ts:16:44 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 13: // Right now this is convenient as it allows us to special case terminalBuffer </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 14: // rendering like we special case alternateBuffer rendering. </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 15: export const isAlternateBufferEnabled = (config: Config): boolean =&gt; </text>
<rect x="9" y="136" width="630" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="630" lengthAdjust="spacingAndGlyphs">16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 17: </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 18: // This is read from Config so that the UI reads the same value per application session </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 19: export const useAlternateBuffer = (): boolean =&gt; { </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs" font-weight="bold">isAlternateBufferEnabled</text>
<text x="243" y="223" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:16:44)</text>
<text x="0" y="240" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="240" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">useAlternateBuffer</text>
<text x="189" y="240" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:21:10)</text>
<text x="0" y="257" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="257" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">InputPrompt</text>
<text x="126" y="257" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/InputPrompt.tsx:583:29)</text>
<text x="0" y="274" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="274" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="291" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="291" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="308" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="325" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="342" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="342" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="359" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="359" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="376" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="393" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="410" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="410" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="427" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="427" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="444" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="461" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="478" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="478" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="495" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="512" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="546" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="546" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="563" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="563" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="580" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="597" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="614" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="631" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="648" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="665" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="682" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="682" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="699" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="716" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="733" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<text x="0" y="2" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
<text x="0" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#d7afff" textLength="18" lengthAdjust="spacingAndGlyphs">&gt; </text>
<text x="36" y="19" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs">hello</text>
<rect x="81" y="17" width="9" height="17" fill="#ffffff" />
<text x="90" y="19" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs">world</text>
<text x="891" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

71
packages/cli/src/ui/components/__snapshots__/InputPrompt-InputPrompt-Highlighting-and-Cursor-Display-single-line-scenarios-should-display-cursor-correctly-on-an-empty-line-.snap.svg
View file

@ -1,68 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="768" viewBox="0 0 920 768">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="71" viewBox="0 0 920 71">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="768" fill="#000000" />
<rect width="920" height="71" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> config.getUseTerminalBuffer is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/hooks/useAlternateBuffer.ts:16:44 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 13: // Right now this is convenient as it allows us to special case terminalBuffer </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 14: // rendering like we special case alternateBuffer rendering. </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 15: export const isAlternateBufferEnabled = (config: Config): boolean =&gt; </text>
<rect x="9" y="136" width="630" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="630" lengthAdjust="spacingAndGlyphs">16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 17: </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 18: // This is read from Config so that the UI reads the same value per application session </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 19: export const useAlternateBuffer = (): boolean =&gt; { </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs" font-weight="bold">isAlternateBufferEnabled</text>
<text x="243" y="223" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:16:44)</text>
<text x="0" y="240" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="240" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">useAlternateBuffer</text>
<text x="189" y="240" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:21:10)</text>
<text x="0" y="257" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="257" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">InputPrompt</text>
<text x="126" y="257" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/InputPrompt.tsx:583:29)</text>
<text x="0" y="274" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="274" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="291" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="291" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="308" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="325" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="342" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="342" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="359" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="359" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="376" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="393" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="410" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="410" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="427" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="427" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="444" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="461" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="478" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="478" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="495" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="512" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="546" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="546" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="563" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="563" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="580" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="597" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="614" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="631" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="648" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="665" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="682" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="682" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="699" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="716" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="733" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<text x="0" y="2" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
<text x="0" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#d7afff" textLength="18" lengthAdjust="spacingAndGlyphs">&gt; </text>
<rect x="36" y="17" width="9" height="17" fill="#ffffff" />
<text x="45" y="19" fill="#afafaf" textLength="315" lengthAdjust="spacingAndGlyphs"> Type your message or @path/to/file</text>
<text x="891" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

76
packages/cli/src/ui/components/__snapshots__/InputPrompt-InputPrompt-multiline-rendering-should-correctly-render-multiline-input-including-blank-lines.snap.svg
View file

@ -1,68 +1,20 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="768" viewBox="0 0 920 768">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="105" viewBox="0 0 920 105">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="768" fill="#000000" />
<rect width="920" height="105" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> config.getUseTerminalBuffer is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/hooks/useAlternateBuffer.ts:16:44 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 13: // Right now this is convenient as it allows us to special case terminalBuffer </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 14: // rendering like we special case alternateBuffer rendering. </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 15: export const isAlternateBufferEnabled = (config: Config): boolean =&gt; </text>
<rect x="9" y="136" width="630" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="630" lengthAdjust="spacingAndGlyphs">16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 17: </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 18: // This is read from Config so that the UI reads the same value per application session </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 19: export const useAlternateBuffer = (): boolean =&gt; { </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs" font-weight="bold">isAlternateBufferEnabled</text>
<text x="243" y="223" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:16:44)</text>
<text x="0" y="240" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="240" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">useAlternateBuffer</text>
<text x="189" y="240" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:21:10)</text>
<text x="0" y="257" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="257" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">InputPrompt</text>
<text x="126" y="257" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/InputPrompt.tsx:583:29)</text>
<text x="0" y="274" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="274" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="291" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="291" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="308" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="325" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="342" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="342" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="359" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="359" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="376" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="393" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="410" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="410" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="427" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="427" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="444" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="461" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="478" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="478" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="495" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="512" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="546" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="546" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="563" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="563" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="580" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="597" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="614" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="631" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="648" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="665" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="682" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="682" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="699" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="716" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="733" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<text x="0" y="2" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
<text x="0" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#d7afff" textLength="18" lengthAdjust="spacingAndGlyphs">&gt; </text>
<text x="36" y="19" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs">hello</text>
<text x="891" y="19" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="36" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="53" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs">world</text>
<rect x="81" y="51" width="9" height="17" fill="#ffffff" />
<text x="891" y="53" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#00cd00" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 2 KiB

74
packages/cli/src/ui/components/__snapshots__/InputPrompt-InputPrompt-snapshots-should-not-show-inverted-cursor-when-shell-is-focused.snap.svg
View file

@ -1,68 +1,18 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="768" viewBox="0 0 920 768">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="71" viewBox="0 0 920 71">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="768" fill="#000000" />
<rect width="920" height="71" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> config.getUseTerminalBuffer is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/hooks/useAlternateBuffer.ts:16:44 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 13: // Right now this is convenient as it allows us to special case terminalBuffer </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 14: // rendering like we special case alternateBuffer rendering. </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 15: export const isAlternateBufferEnabled = (config: Config): boolean =&gt; </text>
<rect x="9" y="136" width="630" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="630" lengthAdjust="spacingAndGlyphs">16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 17: </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 18: // This is read from Config so that the UI reads the same value per application session </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 19: export const useAlternateBuffer = (): boolean =&gt; { </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs" font-weight="bold">isAlternateBufferEnabled</text>
<text x="243" y="223" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:16:44)</text>
<text x="0" y="240" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="240" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">useAlternateBuffer</text>
<text x="189" y="240" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:21:10)</text>
<text x="0" y="257" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="257" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">InputPrompt</text>
<text x="126" y="257" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/InputPrompt.tsx:583:29)</text>
<text x="0" y="274" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="274" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="291" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="291" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="308" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="325" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="342" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="342" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="359" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="359" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="376" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="393" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="410" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="410" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="427" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="427" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="444" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="461" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="478" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="478" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="495" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="512" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="546" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="546" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="563" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="563" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="580" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="597" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="614" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="631" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="648" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="665" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="682" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="682" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="699" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="716" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="733" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<rect x="0" y="0" width="900" height="17" fill="#1f1f1f" />
<text x="0" y="2" fill="#000000" textLength="900" lengthAdjust="spacingAndGlyphs">▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀</text>
<rect x="0" y="17" width="9" height="17" fill="#1f1f1f" />
<rect x="9" y="17" width="18" height="17" fill="#1f1f1f" />
<text x="9" y="19" fill="#d7afff" textLength="18" lengthAdjust="spacingAndGlyphs">&gt; </text>
<rect x="27" y="17" width="324" height="17" fill="#1f1f1f" />
<text x="27" y="19" fill="#afafaf" textLength="324" lengthAdjust="spacingAndGlyphs"> Type your message or @path/to/file</text>
<rect x="351" y="17" width="549" height="17" fill="#1f1f1f" />
<rect x="0" y="34" width="900" height="17" fill="#1f1f1f" />
<text x="0" y="36" fill="#000000" textLength="900" lengthAdjust="spacingAndGlyphs">▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

823
packages/cli/src/ui/components/__snapshots__/InputPrompt.test.tsx.snap
View file

@ -1,675 +1,93 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`InputPrompt > Highlighting and Cursor Display > multi-line scenarios > should display cursor correctly 'at the beginning of a line' in a multiline block 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- InputPrompt (src/ui/components/InputPrompt.tsx:583:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"
"────────────────────────────────────────────────────────────────────────────────────────────────────
│ > first line │
│ second line │
────────────────────────────────────────────────────────────────────────────────────────────────────"
`;
exports[`InputPrompt > Highlighting and Cursor Display > multi-line scenarios > should display cursor correctly 'at the end of a line' in a multiline block 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- InputPrompt (src/ui/components/InputPrompt.tsx:583:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"
"────────────────────────────────────────────────────────────────────────────────────────────────────
│ > first line │
│ second line │
────────────────────────────────────────────────────────────────────────────────────────────────────"
`;
exports[`InputPrompt > Highlighting and Cursor Display > multi-line scenarios > should display cursor correctly 'in the middle of a line' in a multiline block 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- InputPrompt (src/ui/components/InputPrompt.tsx:583:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"
"────────────────────────────────────────────────────────────────────────────────────────────────────
│ > first line │
│ second line │
│ third line │
────────────────────────────────────────────────────────────────────────────────────────────────────"
`;
exports[`InputPrompt > Highlighting and Cursor Display > multi-line scenarios > should display cursor on a blank line in a multiline block 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- InputPrompt (src/ui/components/InputPrompt.tsx:583:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"
"────────────────────────────────────────────────────────────────────────────────────────────────────
│ > first line │
│ │
│ third line │
────────────────────────────────────────────────────────────────────────────────────────────────────"
`;
exports[`InputPrompt > Highlighting and Cursor Display > single-line scenarios > should display cursor correctly 'after multi-byte unicode characters' 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- InputPrompt (src/ui/components/InputPrompt.tsx:583:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"
"────────────────────────────────────────────────────────────────────────────────────────────────────
│ > 👍A │
────────────────────────────────────────────────────────────────────────────────────────────────────"
`;
exports[`InputPrompt > Highlighting and Cursor Display > single-line scenarios > should display cursor correctly 'at the beginning of the line' 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- InputPrompt (src/ui/components/InputPrompt.tsx:583:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"
"────────────────────────────────────────────────────────────────────────────────────────────────────
│ > hello │
────────────────────────────────────────────────────────────────────────────────────────────────────"
`;
exports[`InputPrompt > Highlighting and Cursor Display > single-line scenarios > should display cursor correctly 'at the end of a line with unicode cha…' 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- InputPrompt (src/ui/components/InputPrompt.tsx:583:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"
"────────────────────────────────────────────────────────────────────────────────────────────────────
│ > hello 👍 │
────────────────────────────────────────────────────────────────────────────────────────────────────"
`;
exports[`InputPrompt > Highlighting and Cursor Display > single-line scenarios > should display cursor correctly 'at the end of a short line with unico…' 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- InputPrompt (src/ui/components/InputPrompt.tsx:583:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"
"────────────────────────────────────────────────────────────────────────────────────────────────────
│ > 👍 │
────────────────────────────────────────────────────────────────────────────────────────────────────"
`;
exports[`InputPrompt > Highlighting and Cursor Display > single-line scenarios > should display cursor correctly 'at the end of the line' 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- InputPrompt (src/ui/components/InputPrompt.tsx:583:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"
"────────────────────────────────────────────────────────────────────────────────────────────────────
│ > hello │
────────────────────────────────────────────────────────────────────────────────────────────────────"
`;
exports[`InputPrompt > Highlighting and Cursor Display > single-line scenarios > should display cursor correctly 'for multi-byte unicode characters' 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- InputPrompt (src/ui/components/InputPrompt.tsx:583:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"
"────────────────────────────────────────────────────────────────────────────────────────────────────
│ > hello 👍 world │
────────────────────────────────────────────────────────────────────────────────────────────────────"
`;
exports[`InputPrompt > Highlighting and Cursor Display > single-line scenarios > should display cursor correctly 'mid-word' 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- InputPrompt (src/ui/components/InputPrompt.tsx:583:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"
"────────────────────────────────────────────────────────────────────────────────────────────────────
│ > hello world │
────────────────────────────────────────────────────────────────────────────────────────────────────"
`;
exports[`InputPrompt > Highlighting and Cursor Display > single-line scenarios > should display cursor correctly 'on a highlighted token' 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- InputPrompt (src/ui/components/InputPrompt.tsx:583:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"
"────────────────────────────────────────────────────────────────────────────────────────────────────
│ > run @path/to/file │
────────────────────────────────────────────────────────────────────────────────────────────────────"
`;
exports[`InputPrompt > Highlighting and Cursor Display > single-line scenarios > should display cursor correctly 'on a space between words' 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- InputPrompt (src/ui/components/InputPrompt.tsx:583:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"
"────────────────────────────────────────────────────────────────────────────────────────────────────
│ > hello world │
────────────────────────────────────────────────────────────────────────────────────────────────────"
`;
exports[`InputPrompt > Highlighting and Cursor Display > single-line scenarios > should display cursor correctly 'on an empty line' 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- InputPrompt (src/ui/components/InputPrompt.tsx:583:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"
"────────────────────────────────────────────────────────────────────────────────────────────────────
│ > Type your message or @path/to/file │
────────────────────────────────────────────────────────────────────────────────────────────────────"
`;
exports[`InputPrompt > History Navigation and Completion Suppression > should not render suggestions during history navigation 1`] = `
@ -751,99 +169,17 @@ exports[`InputPrompt > mouse interaction > should toggle paste expansion on doub
`;
exports[`InputPrompt > multiline rendering > should correctly render multiline input including blank lines 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- InputPrompt (src/ui/components/InputPrompt.tsx:583:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"
"────────────────────────────────────────────────────────────────────────────────────────────────────
│ > hello │
│ │
│ world │
────────────────────────────────────────────────────────────────────────────────────────────────────"
`;
exports[`InputPrompt > snapshots > should not show inverted cursor when shell is focused 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- InputPrompt (src/ui/components/InputPrompt.tsx:583:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"
"▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
> Type your message or @path/to/file
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄"
`;
exports[`InputPrompt > snapshots > should render correctly in shell mode 1`] = `
@ -861,49 +197,8 @@ exports[`InputPrompt > snapshots > should render correctly in yolo mode 1`] = `
`;
exports[`InputPrompt > snapshots > should render correctly when accepting edits 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- InputPrompt (src/ui/components/InputPrompt.tsx:583:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
> Type your message or @path/to/file
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
"
`;

37
packages/cli/src/ui/components/__snapshots__/MainContent-MainContent-renders-multiple-thinking-messages-sequentially-correctly.snap.svg
View file

@ -6,40 +6,20 @@
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">ScrollableList </text>
<text x="0" y="19" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">AppHeader(full) </text>
<rect x="0" y="34" width="900" height="17" fill="#121212" />
<rect x="0" y="34" width="900" height="17" fill="#141414" />
<text x="0" y="36" fill="#000000" textLength="900" lengthAdjust="spacingAndGlyphs">▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀</text>
<rect x="0" y="51" width="9" height="17" fill="#121212" />
<rect x="9" y="51" width="18" height="17" fill="#121212" />
<rect x="0" y="51" width="9" height="17" fill="#141414" />
<rect x="9" y="51" width="18" height="17" fill="#141414" />
<text x="9" y="53" fill="#d7afff" textLength="18" lengthAdjust="spacingAndGlyphs">&gt; </text>
<rect x="27" y="51" width="135" height="17" fill="#121212" />
<rect x="27" y="51" width="135" height="17" fill="#141414" />
<text x="27" y="53" fill="#ffffff" textLength="135" lengthAdjust="spacingAndGlyphs">Plan a solution</text>
<rect x="162" y="51" width="738" height="17" fill="#121212" />
<rect x="0" y="68" width="900" height="17" fill="#121212" />
<rect x="162" y="51" width="738" height="17" fill="#141414" />
<rect x="0" y="68" width="900" height="17" fill="#141414" />
<text x="0" y="70" fill="#000000" textLength="900" lengthAdjust="spacingAndGlyphs">▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄</text>
<text x="0" y="87" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-style="italic"> Thinking... </text>
<text x="9" y="104" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="121" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="104" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="121" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="121" fill="#ffffff" textLength="144" lengthAdjust="spacingAndGlyphs" font-weight="bold" font-style="italic">Initial analysis</text>
<<<<<<< HEAD
<text x="9" y="138" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="138" fill="#a8a8a8" textLength="846" lengthAdjust="spacingAndGlyphs" font-style="italic">This is a multiple line paragraph for the first thinking message of how the model analyzes the</text>
<text x="9" y="155" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="155" fill="#a8a8a8" textLength="72" lengthAdjust="spacingAndGlyphs" font-style="italic">problem.</text>
<text x="9" y="172" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="189" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="189" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold" font-style="italic">Planning execution</text>
<text x="9" y="206" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="206" fill="#a8a8a8" textLength="828" lengthAdjust="spacingAndGlyphs" font-style="italic">This a second multiple line paragraph for the second thinking message explaining the plan in</text>
<text x="9" y="223" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="223" fill="#a8a8a8" textLength="468" lengthAdjust="spacingAndGlyphs" font-style="italic">detail so that it wraps around the terminal display.</text>
<text x="9" y="240" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="257" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="257" fill="#ffffff" textLength="153" lengthAdjust="spacingAndGlyphs" font-weight="bold" font-style="italic">Refining approach</text>
<text x="9" y="274" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="274" fill="#a8a8a8" textLength="792" lengthAdjust="spacingAndGlyphs" font-style="italic">And finally a third multiple line paragraph for the third thinking message to refine the</text>
<text x="9" y="291" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="291" fill="#a8a8a8" textLength="81" lengthAdjust="spacingAndGlyphs" font-style="italic">solution.</text>
=======
<text x="9" y="138" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="138" fill="#afafaf" textLength="675" lengthAdjust="spacingAndGlyphs" font-style="italic">This is a multiple line paragraph for the first thinking message of how the</text>
<text x="9" y="155" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
@ -58,6 +38,5 @@
<text x="27" y="274" fill="#afafaf" textLength="693" lengthAdjust="spacingAndGlyphs" font-style="italic">And finally a third multiple line paragraph for the third thinking message to</text>
<text x="9" y="291" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="291" fill="#afafaf" textLength="180" lengthAdjust="spacingAndGlyphs" font-style="italic">refine the solution.</text>
>>>>>>> origin/main
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.1 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

136
packages/cli/src/ui/components/__snapshots__/MainContent.test.tsx.snap
View file

@ -147,110 +147,48 @@ exports[`MainContent > renders a subagent with a complete box including bottom b
`;
exports[`MainContent > renders mixed history items (user + gemini) with single line padding between them 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/components/MainContent.tsx:40:36
37: const uiState = useUIState();
38: const isAlternateBufferOrTerminalBuffer = useAlternateBuffer();
39: const config = useConfig();
40: const useTerminalBuffer = config.getUseTerminalBuffer();
41: const isAlternateBuffer = config.getUseAlternateBuffer();
42:
43: const confirmingTool = useConfirmingTool();
- MainContent (src/ui/components/MainContent.tsx:40:36)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
-renderRootSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
2624:11)
-performWorkOnR
ot (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12135:44)
"ScrollableList
AppHeader(full)
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
> User message
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
✦ Gemini response
Gemini response
Gemini response
Gemini response
Gemini response
Gemini response
Gemini response
Gemini response
Gemini response
Gemini response
"
`;
exports[`MainContent > renders multiple history items with single line padding between them 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
"ScrollableList
AppHeader(full)
✦ Gemini message 1
Gemini message 1
Gemini message 1
Gemini message 1
Gemini message 1
Gemini message 1
Gemini message 1
Gemini message 1
Gemini message 1
Gemini message 1
src/ui/components/MainContent.tsx:40:36
37: const uiState = useUIState();
38: const isAlternateBufferOrTerminalBuffer = useAlternateBuffer();
39: const config = useConfig();
40: const useTerminalBuffer = config.getUseTerminalBuffer();
41: const isAlternateBuffer = config.getUseAlternateBuffer();
42:
43: const confirmingTool = useConfirmingTool();
- MainContent (src/ui/components/MainContent.tsx:40:36)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
-renderRootSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
2624:11)
-performWorkOnR
ot (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12135:44)
✦ Gemini message 2
Gemini message 2
Gemini message 2
Gemini message 2
Gemini message 2
Gemini message 2
Gemini message 2
Gemini message 2
Gemini message 2
Gemini message 2
"
`;

230
packages/cli/src/ui/components/__snapshots__/SettingsDialog-SettingsDialog-Initial-Rendering-should-render-settings-list-with-visual-indicators.snap.svg
View file

@ -4,142 +4,142 @@
</style>
<rect width="920" height="751" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#808080" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="2" fill="#878787" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="36" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">&gt; Settings </text>
<text x="891" y="36" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="36" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#d7ffd7" textLength="864" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="891" y="70" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="70" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="85" width="9" height="17" fill="#ffffff" />
<text x="36" y="87" fill="#000000" textLength="9" lengthAdjust="spacingAndGlyphs">S</text>
<text x="45" y="87" fill="#a8a8a8" textLength="135" lengthAdjust="spacingAndGlyphs">earch to filter</text>
<text x="45" y="87" fill="#afafaf" textLength="135" lengthAdjust="spacingAndGlyphs">earch to filter</text>
<text x="873" y="87" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#d7ffd7" textLength="864" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────╯</text>
<text x="891" y="104" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="121" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="138" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">▲</text>
<text x="891" y="138" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="153" width="9" height="17" fill="#008700" />
<text x="891" y="104" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="121" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="138" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">▲</text>
<text x="891" y="138" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="153" width="9" height="17" fill="#005f00" />
<text x="27" y="155" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="36" y="153" width="9" height="17" fill="#008700" />
<rect x="45" y="153" width="72" height="17" fill="#008700" />
<rect x="36" y="153" width="9" height="17" fill="#005f00" />
<rect x="45" y="153" width="72" height="17" fill="#005f00" />
<text x="45" y="155" fill="#d7ffd7" textLength="72" lengthAdjust="spacingAndGlyphs">Vim Mode</text>
<rect x="117" y="153" width="711" height="17" fill="#008700" />
<rect x="828" y="153" width="45" height="17" fill="#008700" />
<rect x="117" y="153" width="711" height="17" fill="#005f00" />
<rect x="828" y="153" width="45" height="17" fill="#005f00" />
<text x="828" y="155" fill="#d7ffd7" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="155" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="170" width="18" height="17" fill="#008700" />
<rect x="45" y="170" width="198" height="17" fill="#008700" />
<text x="45" y="172" fill="#a8a8a8" textLength="198" lengthAdjust="spacingAndGlyphs">Enable Vim keybindings</text>
<rect x="243" y="170" width="630" height="17" fill="#008700" />
<text x="891" y="172" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="189" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="155" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="170" width="18" height="17" fill="#005f00" />
<rect x="45" y="170" width="198" height="17" fill="#005f00" />
<text x="45" y="172" fill="#afafaf" textLength="198" lengthAdjust="spacingAndGlyphs">Enable Vim keybindings</text>
<rect x="243" y="170" width="630" height="17" fill="#005f00" />
<text x="891" y="172" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="189" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="206" fill="#ffffff" textLength="189" lengthAdjust="spacingAndGlyphs">Default Approval Mode</text>
<text x="810" y="206" fill="#a8a8a8" textLength="63" lengthAdjust="spacingAndGlyphs">Default</text>
<text x="891" y="206" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#a8a8a8" textLength="738" lengthAdjust="spacingAndGlyphs">The default approval mode for tool execution. &apos;default&apos; prompts for approval, &apos;au…</text>
<text x="891" y="223" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="240" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="810" y="206" fill="#afafaf" textLength="63" lengthAdjust="spacingAndGlyphs">Default</text>
<text x="891" y="206" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#afafaf" textLength="738" lengthAdjust="spacingAndGlyphs">The default approval mode for tool execution. &apos;default&apos; prompts for approval, &apos;au…</text>
<text x="891" y="223" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="240" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="257" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Enable Auto Update</text>
<text x="837" y="257" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="257" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#a8a8a8" textLength="225" lengthAdjust="spacingAndGlyphs">Enable automatic updates.</text>
<text x="891" y="274" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="291" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="257" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="257" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#afafaf" textLength="225" lengthAdjust="spacingAndGlyphs">Enable automatic updates.</text>
<text x="891" y="274" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="291" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="308" fill="#ffffff" textLength="180" lengthAdjust="spacingAndGlyphs">Enable Notifications</text>
<text x="828" y="308" fill="#a8a8a8" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="308" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#a8a8a8" textLength="738" lengthAdjust="spacingAndGlyphs">Enable run-event notifications for action-required prompts and session completion.</text>
<text x="891" y="325" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="342" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="828" y="308" fill="#afafaf" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="308" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#afafaf" textLength="738" lengthAdjust="spacingAndGlyphs">Enable run-event notifications for action-required prompts and session completion.</text>
<text x="891" y="325" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="342" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="359" fill="#ffffff" textLength="144" lengthAdjust="spacingAndGlyphs">Enable Plan Mode</text>
<text x="837" y="359" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="359" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#a8a8a8" textLength="486" lengthAdjust="spacingAndGlyphs">Enable Plan Mode for read-only safety during planning.</text>
<text x="891" y="376" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="393" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="359" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="359" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#afafaf" textLength="486" lengthAdjust="spacingAndGlyphs">Enable Plan Mode for read-only safety during planning.</text>
<text x="891" y="376" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="393" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="410" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs">Plan Directory</text>
<text x="792" y="410" fill="#a8a8a8" textLength="81" lengthAdjust="spacingAndGlyphs">undefined</text>
<text x="891" y="410" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="427" fill="#a8a8a8" textLength="720" lengthAdjust="spacingAndGlyphs">The directory where planning artifacts are stored. If not specified, defaults t…</text>
<text x="891" y="427" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="444" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="792" y="410" fill="#afafaf" textLength="81" lengthAdjust="spacingAndGlyphs">undefined</text>
<text x="891" y="410" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="427" fill="#afafaf" textLength="720" lengthAdjust="spacingAndGlyphs">The directory where planning artifacts are stored. If not specified, defaults t…</text>
<text x="891" y="427" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="444" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="461" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Plan Model Routing</text>
<text x="837" y="461" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="461" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="478" fill="#a8a8a8" textLength="765" lengthAdjust="spacingAndGlyphs">Automatically switch between Pro and Flash models based on Plan Mode status. Uses Pr…</text>
<text x="891" y="478" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="495" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="461" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="461" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="478" fill="#afafaf" textLength="765" lengthAdjust="spacingAndGlyphs">Automatically switch between Pro and Flash models based on Plan Mode status. Uses Pr…</text>
<text x="891" y="478" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="495" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="512" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Retry Fetch Errors</text>
<text x="837" y="512" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="512" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="529" fill="#a8a8a8" textLength="612" lengthAdjust="spacingAndGlyphs">Retry on &quot;exception TypeError: fetch failed sending request&quot; errors.</text>
<text x="891" y="529" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">▼</text>
<text x="891" y="563" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="512" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="512" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="529" fill="#afafaf" textLength="612" lengthAdjust="spacingAndGlyphs">Retry on &quot;exception TypeError: fetch failed sending request&quot; errors.</text>
<text x="891" y="529" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">▼</text>
<text x="891" y="563" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="597" fill="#ffffff" textLength="882" lengthAdjust="spacingAndGlyphs"> Apply To </text>
<text x="891" y="597" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="612" width="9" height="17" fill="#008700" />
<text x="891" y="597" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="612" width="9" height="17" fill="#005f00" />
<text x="27" y="614" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="36" y="612" width="9" height="17" fill="#008700" />
<rect x="45" y="612" width="117" height="17" fill="#008700" />
<rect x="36" y="612" width="9" height="17" fill="#005f00" />
<rect x="45" y="612" width="117" height="17" fill="#005f00" />
<text x="45" y="614" fill="#d7ffd7" textLength="117" lengthAdjust="spacingAndGlyphs">User Settings</text>
<rect x="162" y="612" width="711" height="17" fill="#008700" />
<text x="891" y="614" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="162" y="612" width="711" height="17" fill="#005f00" />
<text x="891" y="614" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="631" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Workspace Settings</text>
<text x="891" y="631" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="631" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="648" fill="#ffffff" textLength="135" lengthAdjust="spacingAndGlyphs">System Settings</text>
<text x="891" y="648" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="665" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="682" fill="#a8a8a8" textLength="657" lengthAdjust="spacingAndGlyphs">(Use Enter to select, Ctrl+L to reset, Tab to change focus, Esc to close)</text>
<text x="891" y="682" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="699" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="699" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="716" fill="#808080" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
<text x="891" y="648" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="665" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="682" fill="#afafaf" textLength="657" lengthAdjust="spacingAndGlyphs">(Use Enter to select, Ctrl+L to reset, Tab to change focus, Esc to close)</text>
<text x="891" y="682" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="699" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="699" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="716" fill="#878787" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

230
packages/cli/src/ui/components/__snapshots__/SettingsDialog-SettingsDialog-Snapshot-Tests-should-render-accessibility-settings-enabled-correctly.snap.svg
View file

@ -4,142 +4,142 @@
</style>
<rect width="920" height="751" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#808080" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="2" fill="#878787" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="36" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">&gt; Settings </text>
<text x="891" y="36" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="36" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#d7ffd7" textLength="864" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="891" y="70" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="70" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="85" width="9" height="17" fill="#ffffff" />
<text x="36" y="87" fill="#000000" textLength="9" lengthAdjust="spacingAndGlyphs">S</text>
<text x="45" y="87" fill="#a8a8a8" textLength="135" lengthAdjust="spacingAndGlyphs">earch to filter</text>
<text x="45" y="87" fill="#afafaf" textLength="135" lengthAdjust="spacingAndGlyphs">earch to filter</text>
<text x="873" y="87" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#d7ffd7" textLength="864" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────╯</text>
<text x="891" y="104" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="121" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="138" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">▲</text>
<text x="891" y="138" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="153" width="9" height="17" fill="#008700" />
<text x="891" y="104" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="121" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="138" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">▲</text>
<text x="891" y="138" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="153" width="9" height="17" fill="#005f00" />
<text x="27" y="155" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="36" y="153" width="9" height="17" fill="#008700" />
<rect x="45" y="153" width="72" height="17" fill="#008700" />
<rect x="36" y="153" width="9" height="17" fill="#005f00" />
<rect x="45" y="153" width="72" height="17" fill="#005f00" />
<text x="45" y="155" fill="#d7ffd7" textLength="72" lengthAdjust="spacingAndGlyphs">Vim Mode</text>
<rect x="117" y="153" width="711" height="17" fill="#008700" />
<rect x="828" y="153" width="45" height="17" fill="#008700" />
<rect x="117" y="153" width="711" height="17" fill="#005f00" />
<rect x="828" y="153" width="45" height="17" fill="#005f00" />
<text x="828" y="155" fill="#d7ffd7" textLength="45" lengthAdjust="spacingAndGlyphs">true*</text>
<text x="891" y="155" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="170" width="18" height="17" fill="#008700" />
<rect x="45" y="170" width="198" height="17" fill="#008700" />
<text x="45" y="172" fill="#a8a8a8" textLength="198" lengthAdjust="spacingAndGlyphs">Enable Vim keybindings</text>
<rect x="243" y="170" width="630" height="17" fill="#008700" />
<text x="891" y="172" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="189" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="155" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="170" width="18" height="17" fill="#005f00" />
<rect x="45" y="170" width="198" height="17" fill="#005f00" />
<text x="45" y="172" fill="#afafaf" textLength="198" lengthAdjust="spacingAndGlyphs">Enable Vim keybindings</text>
<rect x="243" y="170" width="630" height="17" fill="#005f00" />
<text x="891" y="172" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="189" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="206" fill="#ffffff" textLength="189" lengthAdjust="spacingAndGlyphs">Default Approval Mode</text>
<text x="810" y="206" fill="#a8a8a8" textLength="63" lengthAdjust="spacingAndGlyphs">Default</text>
<text x="891" y="206" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#a8a8a8" textLength="738" lengthAdjust="spacingAndGlyphs">The default approval mode for tool execution. &apos;default&apos; prompts for approval, &apos;au…</text>
<text x="891" y="223" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="240" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="810" y="206" fill="#afafaf" textLength="63" lengthAdjust="spacingAndGlyphs">Default</text>
<text x="891" y="206" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#afafaf" textLength="738" lengthAdjust="spacingAndGlyphs">The default approval mode for tool execution. &apos;default&apos; prompts for approval, &apos;au…</text>
<text x="891" y="223" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="240" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="257" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Enable Auto Update</text>
<text x="837" y="257" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="257" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#a8a8a8" textLength="225" lengthAdjust="spacingAndGlyphs">Enable automatic updates.</text>
<text x="891" y="274" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="291" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="257" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="257" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#afafaf" textLength="225" lengthAdjust="spacingAndGlyphs">Enable automatic updates.</text>
<text x="891" y="274" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="291" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="308" fill="#ffffff" textLength="180" lengthAdjust="spacingAndGlyphs">Enable Notifications</text>
<text x="828" y="308" fill="#a8a8a8" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="308" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#a8a8a8" textLength="738" lengthAdjust="spacingAndGlyphs">Enable run-event notifications for action-required prompts and session completion.</text>
<text x="891" y="325" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="342" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="828" y="308" fill="#afafaf" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="308" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#afafaf" textLength="738" lengthAdjust="spacingAndGlyphs">Enable run-event notifications for action-required prompts and session completion.</text>
<text x="891" y="325" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="342" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="359" fill="#ffffff" textLength="144" lengthAdjust="spacingAndGlyphs">Enable Plan Mode</text>
<text x="837" y="359" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="359" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#a8a8a8" textLength="486" lengthAdjust="spacingAndGlyphs">Enable Plan Mode for read-only safety during planning.</text>
<text x="891" y="376" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="393" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="359" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="359" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#afafaf" textLength="486" lengthAdjust="spacingAndGlyphs">Enable Plan Mode for read-only safety during planning.</text>
<text x="891" y="376" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="393" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="410" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs">Plan Directory</text>
<text x="792" y="410" fill="#a8a8a8" textLength="81" lengthAdjust="spacingAndGlyphs">undefined</text>
<text x="891" y="410" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="427" fill="#a8a8a8" textLength="720" lengthAdjust="spacingAndGlyphs">The directory where planning artifacts are stored. If not specified, defaults t…</text>
<text x="891" y="427" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="444" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="792" y="410" fill="#afafaf" textLength="81" lengthAdjust="spacingAndGlyphs">undefined</text>
<text x="891" y="410" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="427" fill="#afafaf" textLength="720" lengthAdjust="spacingAndGlyphs">The directory where planning artifacts are stored. If not specified, defaults t…</text>
<text x="891" y="427" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="444" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="461" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Plan Model Routing</text>
<text x="837" y="461" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="461" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="478" fill="#a8a8a8" textLength="765" lengthAdjust="spacingAndGlyphs">Automatically switch between Pro and Flash models based on Plan Mode status. Uses Pr…</text>
<text x="891" y="478" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="495" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="461" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="461" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="478" fill="#afafaf" textLength="765" lengthAdjust="spacingAndGlyphs">Automatically switch between Pro and Flash models based on Plan Mode status. Uses Pr…</text>
<text x="891" y="478" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="495" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="512" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Retry Fetch Errors</text>
<text x="837" y="512" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="512" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="529" fill="#a8a8a8" textLength="612" lengthAdjust="spacingAndGlyphs">Retry on &quot;exception TypeError: fetch failed sending request&quot; errors.</text>
<text x="891" y="529" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">▼</text>
<text x="891" y="563" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="512" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="512" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="529" fill="#afafaf" textLength="612" lengthAdjust="spacingAndGlyphs">Retry on &quot;exception TypeError: fetch failed sending request&quot; errors.</text>
<text x="891" y="529" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">▼</text>
<text x="891" y="563" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="597" fill="#ffffff" textLength="882" lengthAdjust="spacingAndGlyphs"> Apply To </text>
<text x="891" y="597" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="612" width="9" height="17" fill="#008700" />
<text x="891" y="597" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="612" width="9" height="17" fill="#005f00" />
<text x="27" y="614" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="36" y="612" width="9" height="17" fill="#008700" />
<rect x="45" y="612" width="117" height="17" fill="#008700" />
<rect x="36" y="612" width="9" height="17" fill="#005f00" />
<rect x="45" y="612" width="117" height="17" fill="#005f00" />
<text x="45" y="614" fill="#d7ffd7" textLength="117" lengthAdjust="spacingAndGlyphs">User Settings</text>
<rect x="162" y="612" width="711" height="17" fill="#008700" />
<text x="891" y="614" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="162" y="612" width="711" height="17" fill="#005f00" />
<text x="891" y="614" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="631" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Workspace Settings</text>
<text x="891" y="631" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="631" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="648" fill="#ffffff" textLength="135" lengthAdjust="spacingAndGlyphs">System Settings</text>
<text x="891" y="648" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="665" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="682" fill="#a8a8a8" textLength="657" lengthAdjust="spacingAndGlyphs">(Use Enter to select, Ctrl+L to reset, Tab to change focus, Esc to close)</text>
<text x="891" y="682" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="699" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="699" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="716" fill="#808080" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
<text x="891" y="648" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="665" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="682" fill="#afafaf" textLength="657" lengthAdjust="spacingAndGlyphs">(Use Enter to select, Ctrl+L to reset, Tab to change focus, Esc to close)</text>
<text x="891" y="682" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="699" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="699" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="716" fill="#878787" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

228
packages/cli/src/ui/components/__snapshots__/SettingsDialog-SettingsDialog-Snapshot-Tests-should-render-all-boolean-settings-disabled-correctly.snap.svg
View file

@ -4,142 +4,142 @@
</style>
<rect width="920" height="751" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#808080" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="2" fill="#878787" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="36" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">&gt; Settings </text>
<text x="891" y="36" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="36" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#d7ffd7" textLength="864" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="891" y="70" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="70" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="85" width="9" height="17" fill="#ffffff" />
<text x="36" y="87" fill="#000000" textLength="9" lengthAdjust="spacingAndGlyphs">S</text>
<text x="45" y="87" fill="#a8a8a8" textLength="135" lengthAdjust="spacingAndGlyphs">earch to filter</text>
<text x="45" y="87" fill="#afafaf" textLength="135" lengthAdjust="spacingAndGlyphs">earch to filter</text>
<text x="873" y="87" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#d7ffd7" textLength="864" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────╯</text>
<text x="891" y="104" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="121" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="138" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">▲</text>
<text x="891" y="138" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="153" width="9" height="17" fill="#008700" />
<text x="891" y="104" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="121" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="138" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">▲</text>
<text x="891" y="138" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="153" width="9" height="17" fill="#005f00" />
<text x="27" y="155" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="36" y="153" width="9" height="17" fill="#008700" />
<rect x="45" y="153" width="72" height="17" fill="#008700" />
<rect x="36" y="153" width="9" height="17" fill="#005f00" />
<rect x="45" y="153" width="72" height="17" fill="#005f00" />
<text x="45" y="155" fill="#d7ffd7" textLength="72" lengthAdjust="spacingAndGlyphs">Vim Mode</text>
<rect x="117" y="153" width="702" height="17" fill="#008700" />
<rect x="819" y="153" width="54" height="17" fill="#008700" />
<rect x="117" y="153" width="702" height="17" fill="#005f00" />
<rect x="819" y="153" width="54" height="17" fill="#005f00" />
<text x="819" y="155" fill="#d7ffd7" textLength="54" lengthAdjust="spacingAndGlyphs">false*</text>
<text x="891" y="155" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="170" width="18" height="17" fill="#008700" />
<rect x="45" y="170" width="198" height="17" fill="#008700" />
<text x="45" y="172" fill="#a8a8a8" textLength="198" lengthAdjust="spacingAndGlyphs">Enable Vim keybindings</text>
<rect x="243" y="170" width="630" height="17" fill="#008700" />
<text x="891" y="172" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="189" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="155" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="170" width="18" height="17" fill="#005f00" />
<rect x="45" y="170" width="198" height="17" fill="#005f00" />
<text x="45" y="172" fill="#afafaf" textLength="198" lengthAdjust="spacingAndGlyphs">Enable Vim keybindings</text>
<rect x="243" y="170" width="630" height="17" fill="#005f00" />
<text x="891" y="172" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="189" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="206" fill="#ffffff" textLength="189" lengthAdjust="spacingAndGlyphs">Default Approval Mode</text>
<text x="810" y="206" fill="#a8a8a8" textLength="63" lengthAdjust="spacingAndGlyphs">Default</text>
<text x="891" y="206" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#a8a8a8" textLength="738" lengthAdjust="spacingAndGlyphs">The default approval mode for tool execution. &apos;default&apos; prompts for approval, &apos;au…</text>
<text x="891" y="223" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="240" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="810" y="206" fill="#afafaf" textLength="63" lengthAdjust="spacingAndGlyphs">Default</text>
<text x="891" y="206" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#afafaf" textLength="738" lengthAdjust="spacingAndGlyphs">The default approval mode for tool execution. &apos;default&apos; prompts for approval, &apos;au…</text>
<text x="891" y="223" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="240" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="257" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Enable Auto Update</text>
<text x="828" y="257" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs">true*</text>
<text x="891" y="257" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#a8a8a8" textLength="225" lengthAdjust="spacingAndGlyphs">Enable automatic updates.</text>
<text x="891" y="274" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="291" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="257" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#afafaf" textLength="225" lengthAdjust="spacingAndGlyphs">Enable automatic updates.</text>
<text x="891" y="274" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="291" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="308" fill="#ffffff" textLength="180" lengthAdjust="spacingAndGlyphs">Enable Notifications</text>
<text x="828" y="308" fill="#a8a8a8" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="308" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#a8a8a8" textLength="738" lengthAdjust="spacingAndGlyphs">Enable run-event notifications for action-required prompts and session completion.</text>
<text x="891" y="325" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="342" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="828" y="308" fill="#afafaf" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="308" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#afafaf" textLength="738" lengthAdjust="spacingAndGlyphs">Enable run-event notifications for action-required prompts and session completion.</text>
<text x="891" y="325" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="342" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="359" fill="#ffffff" textLength="144" lengthAdjust="spacingAndGlyphs">Enable Plan Mode</text>
<text x="837" y="359" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="359" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#a8a8a8" textLength="486" lengthAdjust="spacingAndGlyphs">Enable Plan Mode for read-only safety during planning.</text>
<text x="891" y="376" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="393" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="359" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="359" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#afafaf" textLength="486" lengthAdjust="spacingAndGlyphs">Enable Plan Mode for read-only safety during planning.</text>
<text x="891" y="376" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="393" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="410" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs">Plan Directory</text>
<text x="792" y="410" fill="#a8a8a8" textLength="81" lengthAdjust="spacingAndGlyphs">undefined</text>
<text x="891" y="410" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="427" fill="#a8a8a8" textLength="720" lengthAdjust="spacingAndGlyphs">The directory where planning artifacts are stored. If not specified, defaults t…</text>
<text x="891" y="427" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="444" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="792" y="410" fill="#afafaf" textLength="81" lengthAdjust="spacingAndGlyphs">undefined</text>
<text x="891" y="410" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="427" fill="#afafaf" textLength="720" lengthAdjust="spacingAndGlyphs">The directory where planning artifacts are stored. If not specified, defaults t…</text>
<text x="891" y="427" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="444" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="461" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Plan Model Routing</text>
<text x="837" y="461" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="461" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="478" fill="#a8a8a8" textLength="765" lengthAdjust="spacingAndGlyphs">Automatically switch between Pro and Flash models based on Plan Mode status. Uses Pr…</text>
<text x="891" y="478" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="495" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="461" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="461" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="478" fill="#afafaf" textLength="765" lengthAdjust="spacingAndGlyphs">Automatically switch between Pro and Flash models based on Plan Mode status. Uses Pr…</text>
<text x="891" y="478" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="495" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="512" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Retry Fetch Errors</text>
<text x="837" y="512" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="512" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="529" fill="#a8a8a8" textLength="612" lengthAdjust="spacingAndGlyphs">Retry on &quot;exception TypeError: fetch failed sending request&quot; errors.</text>
<text x="891" y="529" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">▼</text>
<text x="891" y="563" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="512" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="512" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="529" fill="#afafaf" textLength="612" lengthAdjust="spacingAndGlyphs">Retry on &quot;exception TypeError: fetch failed sending request&quot; errors.</text>
<text x="891" y="529" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">▼</text>
<text x="891" y="563" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="597" fill="#ffffff" textLength="882" lengthAdjust="spacingAndGlyphs"> Apply To </text>
<text x="891" y="597" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="612" width="9" height="17" fill="#008700" />
<text x="891" y="597" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="612" width="9" height="17" fill="#005f00" />
<text x="27" y="614" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="36" y="612" width="9" height="17" fill="#008700" />
<rect x="45" y="612" width="117" height="17" fill="#008700" />
<rect x="36" y="612" width="9" height="17" fill="#005f00" />
<rect x="45" y="612" width="117" height="17" fill="#005f00" />
<text x="45" y="614" fill="#d7ffd7" textLength="117" lengthAdjust="spacingAndGlyphs">User Settings</text>
<rect x="162" y="612" width="711" height="17" fill="#008700" />
<text x="891" y="614" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="162" y="612" width="711" height="17" fill="#005f00" />
<text x="891" y="614" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="631" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Workspace Settings</text>
<text x="891" y="631" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="631" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="648" fill="#ffffff" textLength="135" lengthAdjust="spacingAndGlyphs">System Settings</text>
<text x="891" y="648" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="665" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="682" fill="#a8a8a8" textLength="657" lengthAdjust="spacingAndGlyphs">(Use Enter to select, Ctrl+L to reset, Tab to change focus, Esc to close)</text>
<text x="891" y="682" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="699" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="699" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="716" fill="#808080" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
<text x="891" y="648" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="665" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="682" fill="#afafaf" textLength="657" lengthAdjust="spacingAndGlyphs">(Use Enter to select, Ctrl+L to reset, Tab to change focus, Esc to close)</text>
<text x="891" y="682" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="699" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="699" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="716" fill="#878787" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

230
packages/cli/src/ui/components/__snapshots__/SettingsDialog-SettingsDialog-Snapshot-Tests-should-render-default-state-correctly.snap.svg
View file

@ -4,142 +4,142 @@
</style>
<rect width="920" height="751" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#808080" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="2" fill="#878787" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="36" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">&gt; Settings </text>
<text x="891" y="36" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="36" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#d7ffd7" textLength="864" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="891" y="70" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="70" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="85" width="9" height="17" fill="#ffffff" />
<text x="36" y="87" fill="#000000" textLength="9" lengthAdjust="spacingAndGlyphs">S</text>
<text x="45" y="87" fill="#a8a8a8" textLength="135" lengthAdjust="spacingAndGlyphs">earch to filter</text>
<text x="45" y="87" fill="#afafaf" textLength="135" lengthAdjust="spacingAndGlyphs">earch to filter</text>
<text x="873" y="87" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#d7ffd7" textLength="864" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────╯</text>
<text x="891" y="104" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="121" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="138" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">▲</text>
<text x="891" y="138" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="153" width="9" height="17" fill="#008700" />
<text x="891" y="104" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="121" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="138" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">▲</text>
<text x="891" y="138" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="153" width="9" height="17" fill="#005f00" />
<text x="27" y="155" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="36" y="153" width="9" height="17" fill="#008700" />
<rect x="45" y="153" width="72" height="17" fill="#008700" />
<rect x="36" y="153" width="9" height="17" fill="#005f00" />
<rect x="45" y="153" width="72" height="17" fill="#005f00" />
<text x="45" y="155" fill="#d7ffd7" textLength="72" lengthAdjust="spacingAndGlyphs">Vim Mode</text>
<rect x="117" y="153" width="711" height="17" fill="#008700" />
<rect x="828" y="153" width="45" height="17" fill="#008700" />
<rect x="117" y="153" width="711" height="17" fill="#005f00" />
<rect x="828" y="153" width="45" height="17" fill="#005f00" />
<text x="828" y="155" fill="#d7ffd7" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="155" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="170" width="18" height="17" fill="#008700" />
<rect x="45" y="170" width="198" height="17" fill="#008700" />
<text x="45" y="172" fill="#a8a8a8" textLength="198" lengthAdjust="spacingAndGlyphs">Enable Vim keybindings</text>
<rect x="243" y="170" width="630" height="17" fill="#008700" />
<text x="891" y="172" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="189" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="155" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="170" width="18" height="17" fill="#005f00" />
<rect x="45" y="170" width="198" height="17" fill="#005f00" />
<text x="45" y="172" fill="#afafaf" textLength="198" lengthAdjust="spacingAndGlyphs">Enable Vim keybindings</text>
<rect x="243" y="170" width="630" height="17" fill="#005f00" />
<text x="891" y="172" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="189" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="206" fill="#ffffff" textLength="189" lengthAdjust="spacingAndGlyphs">Default Approval Mode</text>
<text x="810" y="206" fill="#a8a8a8" textLength="63" lengthAdjust="spacingAndGlyphs">Default</text>
<text x="891" y="206" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#a8a8a8" textLength="738" lengthAdjust="spacingAndGlyphs">The default approval mode for tool execution. &apos;default&apos; prompts for approval, &apos;au…</text>
<text x="891" y="223" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="240" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="810" y="206" fill="#afafaf" textLength="63" lengthAdjust="spacingAndGlyphs">Default</text>
<text x="891" y="206" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#afafaf" textLength="738" lengthAdjust="spacingAndGlyphs">The default approval mode for tool execution. &apos;default&apos; prompts for approval, &apos;au…</text>
<text x="891" y="223" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="240" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="257" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Enable Auto Update</text>
<text x="837" y="257" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="257" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#a8a8a8" textLength="225" lengthAdjust="spacingAndGlyphs">Enable automatic updates.</text>
<text x="891" y="274" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="291" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="257" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="257" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#afafaf" textLength="225" lengthAdjust="spacingAndGlyphs">Enable automatic updates.</text>
<text x="891" y="274" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="291" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="308" fill="#ffffff" textLength="180" lengthAdjust="spacingAndGlyphs">Enable Notifications</text>
<text x="828" y="308" fill="#a8a8a8" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="308" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#a8a8a8" textLength="738" lengthAdjust="spacingAndGlyphs">Enable run-event notifications for action-required prompts and session completion.</text>
<text x="891" y="325" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="342" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="828" y="308" fill="#afafaf" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="308" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#afafaf" textLength="738" lengthAdjust="spacingAndGlyphs">Enable run-event notifications for action-required prompts and session completion.</text>
<text x="891" y="325" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="342" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="359" fill="#ffffff" textLength="144" lengthAdjust="spacingAndGlyphs">Enable Plan Mode</text>
<text x="837" y="359" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="359" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#a8a8a8" textLength="486" lengthAdjust="spacingAndGlyphs">Enable Plan Mode for read-only safety during planning.</text>
<text x="891" y="376" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="393" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="359" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="359" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#afafaf" textLength="486" lengthAdjust="spacingAndGlyphs">Enable Plan Mode for read-only safety during planning.</text>
<text x="891" y="376" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="393" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="410" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs">Plan Directory</text>
<text x="792" y="410" fill="#a8a8a8" textLength="81" lengthAdjust="spacingAndGlyphs">undefined</text>
<text x="891" y="410" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="427" fill="#a8a8a8" textLength="720" lengthAdjust="spacingAndGlyphs">The directory where planning artifacts are stored. If not specified, defaults t…</text>
<text x="891" y="427" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="444" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="792" y="410" fill="#afafaf" textLength="81" lengthAdjust="spacingAndGlyphs">undefined</text>
<text x="891" y="410" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="427" fill="#afafaf" textLength="720" lengthAdjust="spacingAndGlyphs">The directory where planning artifacts are stored. If not specified, defaults t…</text>
<text x="891" y="427" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="444" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="461" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Plan Model Routing</text>
<text x="837" y="461" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="461" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="478" fill="#a8a8a8" textLength="765" lengthAdjust="spacingAndGlyphs">Automatically switch between Pro and Flash models based on Plan Mode status. Uses Pr…</text>
<text x="891" y="478" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="495" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="461" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="461" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="478" fill="#afafaf" textLength="765" lengthAdjust="spacingAndGlyphs">Automatically switch between Pro and Flash models based on Plan Mode status. Uses Pr…</text>
<text x="891" y="478" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="495" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="512" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Retry Fetch Errors</text>
<text x="837" y="512" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="512" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="529" fill="#a8a8a8" textLength="612" lengthAdjust="spacingAndGlyphs">Retry on &quot;exception TypeError: fetch failed sending request&quot; errors.</text>
<text x="891" y="529" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">▼</text>
<text x="891" y="563" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="512" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="512" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="529" fill="#afafaf" textLength="612" lengthAdjust="spacingAndGlyphs">Retry on &quot;exception TypeError: fetch failed sending request&quot; errors.</text>
<text x="891" y="529" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">▼</text>
<text x="891" y="563" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="597" fill="#ffffff" textLength="882" lengthAdjust="spacingAndGlyphs"> Apply To </text>
<text x="891" y="597" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="612" width="9" height="17" fill="#008700" />
<text x="891" y="597" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="612" width="9" height="17" fill="#005f00" />
<text x="27" y="614" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="36" y="612" width="9" height="17" fill="#008700" />
<rect x="45" y="612" width="117" height="17" fill="#008700" />
<rect x="36" y="612" width="9" height="17" fill="#005f00" />
<rect x="45" y="612" width="117" height="17" fill="#005f00" />
<text x="45" y="614" fill="#d7ffd7" textLength="117" lengthAdjust="spacingAndGlyphs">User Settings</text>
<rect x="162" y="612" width="711" height="17" fill="#008700" />
<text x="891" y="614" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="162" y="612" width="711" height="17" fill="#005f00" />
<text x="891" y="614" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="631" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Workspace Settings</text>
<text x="891" y="631" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="631" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="648" fill="#ffffff" textLength="135" lengthAdjust="spacingAndGlyphs">System Settings</text>
<text x="891" y="648" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="665" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="682" fill="#a8a8a8" textLength="657" lengthAdjust="spacingAndGlyphs">(Use Enter to select, Ctrl+L to reset, Tab to change focus, Esc to close)</text>
<text x="891" y="682" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="699" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="699" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="716" fill="#808080" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
<text x="891" y="648" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="665" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="682" fill="#afafaf" textLength="657" lengthAdjust="spacingAndGlyphs">(Use Enter to select, Ctrl+L to reset, Tab to change focus, Esc to close)</text>
<text x="891" y="682" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="699" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="699" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="716" fill="#878787" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

230
packages/cli/src/ui/components/__snapshots__/SettingsDialog-SettingsDialog-Snapshot-Tests-should-render-file-filtering-settings-configured-correctly.snap.svg
View file

@ -4,142 +4,142 @@
</style>
<rect width="920" height="751" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#808080" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="2" fill="#878787" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="36" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">&gt; Settings </text>
<text x="891" y="36" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="36" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#d7ffd7" textLength="864" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="891" y="70" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="70" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="85" width="9" height="17" fill="#ffffff" />
<text x="36" y="87" fill="#000000" textLength="9" lengthAdjust="spacingAndGlyphs">S</text>
<text x="45" y="87" fill="#a8a8a8" textLength="135" lengthAdjust="spacingAndGlyphs">earch to filter</text>
<text x="45" y="87" fill="#afafaf" textLength="135" lengthAdjust="spacingAndGlyphs">earch to filter</text>
<text x="873" y="87" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#d7ffd7" textLength="864" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────╯</text>
<text x="891" y="104" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="121" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="138" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">▲</text>
<text x="891" y="138" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="153" width="9" height="17" fill="#008700" />
<text x="891" y="104" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="121" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="138" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">▲</text>
<text x="891" y="138" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="153" width="9" height="17" fill="#005f00" />
<text x="27" y="155" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="36" y="153" width="9" height="17" fill="#008700" />
<rect x="45" y="153" width="72" height="17" fill="#008700" />
<rect x="36" y="153" width="9" height="17" fill="#005f00" />
<rect x="45" y="153" width="72" height="17" fill="#005f00" />
<text x="45" y="155" fill="#d7ffd7" textLength="72" lengthAdjust="spacingAndGlyphs">Vim Mode</text>
<rect x="117" y="153" width="711" height="17" fill="#008700" />
<rect x="828" y="153" width="45" height="17" fill="#008700" />
<rect x="117" y="153" width="711" height="17" fill="#005f00" />
<rect x="828" y="153" width="45" height="17" fill="#005f00" />
<text x="828" y="155" fill="#d7ffd7" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="155" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="170" width="18" height="17" fill="#008700" />
<rect x="45" y="170" width="198" height="17" fill="#008700" />
<text x="45" y="172" fill="#a8a8a8" textLength="198" lengthAdjust="spacingAndGlyphs">Enable Vim keybindings</text>
<rect x="243" y="170" width="630" height="17" fill="#008700" />
<text x="891" y="172" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="189" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="155" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="170" width="18" height="17" fill="#005f00" />
<rect x="45" y="170" width="198" height="17" fill="#005f00" />
<text x="45" y="172" fill="#afafaf" textLength="198" lengthAdjust="spacingAndGlyphs">Enable Vim keybindings</text>
<rect x="243" y="170" width="630" height="17" fill="#005f00" />
<text x="891" y="172" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="189" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="206" fill="#ffffff" textLength="189" lengthAdjust="spacingAndGlyphs">Default Approval Mode</text>
<text x="810" y="206" fill="#a8a8a8" textLength="63" lengthAdjust="spacingAndGlyphs">Default</text>
<text x="891" y="206" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#a8a8a8" textLength="738" lengthAdjust="spacingAndGlyphs">The default approval mode for tool execution. &apos;default&apos; prompts for approval, &apos;au…</text>
<text x="891" y="223" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="240" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="810" y="206" fill="#afafaf" textLength="63" lengthAdjust="spacingAndGlyphs">Default</text>
<text x="891" y="206" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#afafaf" textLength="738" lengthAdjust="spacingAndGlyphs">The default approval mode for tool execution. &apos;default&apos; prompts for approval, &apos;au…</text>
<text x="891" y="223" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="240" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="257" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Enable Auto Update</text>
<text x="837" y="257" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="257" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#a8a8a8" textLength="225" lengthAdjust="spacingAndGlyphs">Enable automatic updates.</text>
<text x="891" y="274" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="291" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="257" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="257" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#afafaf" textLength="225" lengthAdjust="spacingAndGlyphs">Enable automatic updates.</text>
<text x="891" y="274" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="291" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="308" fill="#ffffff" textLength="180" lengthAdjust="spacingAndGlyphs">Enable Notifications</text>
<text x="828" y="308" fill="#a8a8a8" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="308" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#a8a8a8" textLength="738" lengthAdjust="spacingAndGlyphs">Enable run-event notifications for action-required prompts and session completion.</text>
<text x="891" y="325" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="342" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="828" y="308" fill="#afafaf" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="308" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#afafaf" textLength="738" lengthAdjust="spacingAndGlyphs">Enable run-event notifications for action-required prompts and session completion.</text>
<text x="891" y="325" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="342" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="359" fill="#ffffff" textLength="144" lengthAdjust="spacingAndGlyphs">Enable Plan Mode</text>
<text x="837" y="359" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="359" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#a8a8a8" textLength="486" lengthAdjust="spacingAndGlyphs">Enable Plan Mode for read-only safety during planning.</text>
<text x="891" y="376" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="393" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="359" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="359" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#afafaf" textLength="486" lengthAdjust="spacingAndGlyphs">Enable Plan Mode for read-only safety during planning.</text>
<text x="891" y="376" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="393" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="410" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs">Plan Directory</text>
<text x="792" y="410" fill="#a8a8a8" textLength="81" lengthAdjust="spacingAndGlyphs">undefined</text>
<text x="891" y="410" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="427" fill="#a8a8a8" textLength="720" lengthAdjust="spacingAndGlyphs">The directory where planning artifacts are stored. If not specified, defaults t…</text>
<text x="891" y="427" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="444" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="792" y="410" fill="#afafaf" textLength="81" lengthAdjust="spacingAndGlyphs">undefined</text>
<text x="891" y="410" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="427" fill="#afafaf" textLength="720" lengthAdjust="spacingAndGlyphs">The directory where planning artifacts are stored. If not specified, defaults t…</text>
<text x="891" y="427" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="444" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="461" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Plan Model Routing</text>
<text x="837" y="461" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="461" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="478" fill="#a8a8a8" textLength="765" lengthAdjust="spacingAndGlyphs">Automatically switch between Pro and Flash models based on Plan Mode status. Uses Pr…</text>
<text x="891" y="478" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="495" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="461" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="461" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="478" fill="#afafaf" textLength="765" lengthAdjust="spacingAndGlyphs">Automatically switch between Pro and Flash models based on Plan Mode status. Uses Pr…</text>
<text x="891" y="478" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="495" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="512" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Retry Fetch Errors</text>
<text x="837" y="512" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="512" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="529" fill="#a8a8a8" textLength="612" lengthAdjust="spacingAndGlyphs">Retry on &quot;exception TypeError: fetch failed sending request&quot; errors.</text>
<text x="891" y="529" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">▼</text>
<text x="891" y="563" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="512" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="512" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="529" fill="#afafaf" textLength="612" lengthAdjust="spacingAndGlyphs">Retry on &quot;exception TypeError: fetch failed sending request&quot; errors.</text>
<text x="891" y="529" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">▼</text>
<text x="891" y="563" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="597" fill="#ffffff" textLength="882" lengthAdjust="spacingAndGlyphs"> Apply To </text>
<text x="891" y="597" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="612" width="9" height="17" fill="#008700" />
<text x="891" y="597" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="612" width="9" height="17" fill="#005f00" />
<text x="27" y="614" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="36" y="612" width="9" height="17" fill="#008700" />
<rect x="45" y="612" width="117" height="17" fill="#008700" />
<rect x="36" y="612" width="9" height="17" fill="#005f00" />
<rect x="45" y="612" width="117" height="17" fill="#005f00" />
<text x="45" y="614" fill="#d7ffd7" textLength="117" lengthAdjust="spacingAndGlyphs">User Settings</text>
<rect x="162" y="612" width="711" height="17" fill="#008700" />
<text x="891" y="614" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="162" y="612" width="711" height="17" fill="#005f00" />
<text x="891" y="614" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="631" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Workspace Settings</text>
<text x="891" y="631" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="631" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="648" fill="#ffffff" textLength="135" lengthAdjust="spacingAndGlyphs">System Settings</text>
<text x="891" y="648" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="665" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="682" fill="#a8a8a8" textLength="657" lengthAdjust="spacingAndGlyphs">(Use Enter to select, Ctrl+L to reset, Tab to change focus, Esc to close)</text>
<text x="891" y="682" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="699" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="699" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="716" fill="#808080" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
<text x="891" y="648" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="665" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="682" fill="#afafaf" textLength="657" lengthAdjust="spacingAndGlyphs">(Use Enter to select, Ctrl+L to reset, Tab to change focus, Esc to close)</text>
<text x="891" y="682" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="699" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="699" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="716" fill="#878787" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

228
packages/cli/src/ui/components/__snapshots__/SettingsDialog-SettingsDialog-Snapshot-Tests-should-render-focused-on-scope-selector-correctly.snap.svg
View file

@ -4,136 +4,136 @@
</style>
<rect width="920" height="751" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#808080" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="2" fill="#878787" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="36" fill="#ffffff" textLength="882" lengthAdjust="spacingAndGlyphs"> Settings </text>
<text x="891" y="36" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#808080" textLength="864" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="891" y="70" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="87" fill="#a8a8a8" textLength="144" lengthAdjust="spacingAndGlyphs">Search to filter</text>
<text x="873" y="87" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#808080" textLength="864" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────╯</text>
<text x="891" y="104" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="121" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="138" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">▲</text>
<text x="891" y="138" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="36" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#878787" textLength="864" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="891" y="70" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="87" fill="#afafaf" textLength="144" lengthAdjust="spacingAndGlyphs">Search to filter</text>
<text x="873" y="87" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#878787" textLength="864" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────╯</text>
<text x="891" y="104" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="121" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="138" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">▲</text>
<text x="891" y="138" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="155" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs">Vim Mode</text>
<text x="828" y="155" fill="#a8a8a8" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="155" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="172" fill="#a8a8a8" textLength="198" lengthAdjust="spacingAndGlyphs">Enable Vim keybindings</text>
<text x="891" y="172" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="189" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="828" y="155" fill="#afafaf" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="155" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="172" fill="#afafaf" textLength="198" lengthAdjust="spacingAndGlyphs">Enable Vim keybindings</text>
<text x="891" y="172" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="189" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="206" fill="#ffffff" textLength="189" lengthAdjust="spacingAndGlyphs">Default Approval Mode</text>
<text x="810" y="206" fill="#a8a8a8" textLength="63" lengthAdjust="spacingAndGlyphs">Default</text>
<text x="891" y="206" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#a8a8a8" textLength="738" lengthAdjust="spacingAndGlyphs">The default approval mode for tool execution. &apos;default&apos; prompts for approval, &apos;au…</text>
<text x="891" y="223" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="240" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="810" y="206" fill="#afafaf" textLength="63" lengthAdjust="spacingAndGlyphs">Default</text>
<text x="891" y="206" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#afafaf" textLength="738" lengthAdjust="spacingAndGlyphs">The default approval mode for tool execution. &apos;default&apos; prompts for approval, &apos;au…</text>
<text x="891" y="223" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="240" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="257" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Enable Auto Update</text>
<text x="837" y="257" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="257" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#a8a8a8" textLength="225" lengthAdjust="spacingAndGlyphs">Enable automatic updates.</text>
<text x="891" y="274" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="291" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="257" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="257" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#afafaf" textLength="225" lengthAdjust="spacingAndGlyphs">Enable automatic updates.</text>
<text x="891" y="274" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="291" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="308" fill="#ffffff" textLength="180" lengthAdjust="spacingAndGlyphs">Enable Notifications</text>
<text x="828" y="308" fill="#a8a8a8" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="308" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#a8a8a8" textLength="738" lengthAdjust="spacingAndGlyphs">Enable run-event notifications for action-required prompts and session completion.</text>
<text x="891" y="325" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="342" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="828" y="308" fill="#afafaf" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="308" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#afafaf" textLength="738" lengthAdjust="spacingAndGlyphs">Enable run-event notifications for action-required prompts and session completion.</text>
<text x="891" y="325" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="342" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="359" fill="#ffffff" textLength="144" lengthAdjust="spacingAndGlyphs">Enable Plan Mode</text>
<text x="837" y="359" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="359" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#a8a8a8" textLength="486" lengthAdjust="spacingAndGlyphs">Enable Plan Mode for read-only safety during planning.</text>
<text x="891" y="376" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="393" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="359" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="359" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#afafaf" textLength="486" lengthAdjust="spacingAndGlyphs">Enable Plan Mode for read-only safety during planning.</text>
<text x="891" y="376" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="393" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="410" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs">Plan Directory</text>
<text x="792" y="410" fill="#a8a8a8" textLength="81" lengthAdjust="spacingAndGlyphs">undefined</text>
<text x="891" y="410" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="427" fill="#a8a8a8" textLength="720" lengthAdjust="spacingAndGlyphs">The directory where planning artifacts are stored. If not specified, defaults t…</text>
<text x="891" y="427" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="444" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="792" y="410" fill="#afafaf" textLength="81" lengthAdjust="spacingAndGlyphs">undefined</text>
<text x="891" y="410" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="427" fill="#afafaf" textLength="720" lengthAdjust="spacingAndGlyphs">The directory where planning artifacts are stored. If not specified, defaults t…</text>
<text x="891" y="427" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="444" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="461" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Plan Model Routing</text>
<text x="837" y="461" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="461" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="478" fill="#a8a8a8" textLength="765" lengthAdjust="spacingAndGlyphs">Automatically switch between Pro and Flash models based on Plan Mode status. Uses Pr…</text>
<text x="891" y="478" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="495" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="461" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="461" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="478" fill="#afafaf" textLength="765" lengthAdjust="spacingAndGlyphs">Automatically switch between Pro and Flash models based on Plan Mode status. Uses Pr…</text>
<text x="891" y="478" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="495" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="512" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Retry Fetch Errors</text>
<text x="837" y="512" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="512" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="529" fill="#a8a8a8" textLength="612" lengthAdjust="spacingAndGlyphs">Retry on &quot;exception TypeError: fetch failed sending request&quot; errors.</text>
<text x="891" y="529" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">▼</text>
<text x="891" y="563" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="512" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="512" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="529" fill="#afafaf" textLength="612" lengthAdjust="spacingAndGlyphs">Retry on &quot;exception TypeError: fetch failed sending request&quot; errors.</text>
<text x="891" y="529" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">▼</text>
<text x="891" y="563" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="597" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs" font-weight="bold">&gt; Apply To</text>
<text x="891" y="597" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="612" width="9" height="17" fill="#008700" />
<text x="891" y="597" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="612" width="9" height="17" fill="#005f00" />
<text x="27" y="614" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="36" y="612" width="9" height="17" fill="#008700" />
<rect x="45" y="612" width="18" height="17" fill="#008700" />
<rect x="36" y="612" width="9" height="17" fill="#005f00" />
<rect x="45" y="612" width="18" height="17" fill="#005f00" />
<text x="45" y="614" fill="#d7ffd7" textLength="18" lengthAdjust="spacingAndGlyphs">1.</text>
<rect x="63" y="612" width="9" height="17" fill="#008700" />
<rect x="72" y="612" width="117" height="17" fill="#008700" />
<rect x="63" y="612" width="9" height="17" fill="#005f00" />
<rect x="72" y="612" width="117" height="17" fill="#005f00" />
<text x="72" y="614" fill="#d7ffd7" textLength="117" lengthAdjust="spacingAndGlyphs">User Settings</text>
<rect x="189" y="612" width="684" height="17" fill="#008700" />
<text x="891" y="614" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="189" y="612" width="684" height="17" fill="#005f00" />
<text x="891" y="614" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs">2.</text>
<text x="72" y="631" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Workspace Settings</text>
<text x="891" y="631" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="631" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="648" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs">3.</text>
<text x="72" y="648" fill="#ffffff" textLength="135" lengthAdjust="spacingAndGlyphs">System Settings</text>
<text x="891" y="648" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="665" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="682" fill="#a8a8a8" textLength="657" lengthAdjust="spacingAndGlyphs">(Use Enter to select, Ctrl+L to reset, Tab to change focus, Esc to close)</text>
<text x="891" y="682" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="699" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="699" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="716" fill="#808080" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
<text x="891" y="648" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="665" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="682" fill="#afafaf" textLength="657" lengthAdjust="spacingAndGlyphs">(Use Enter to select, Ctrl+L to reset, Tab to change focus, Esc to close)</text>
<text x="891" y="682" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="699" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="699" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="716" fill="#878787" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

228
packages/cli/src/ui/components/__snapshots__/SettingsDialog-SettingsDialog-Snapshot-Tests-should-render-mixed-boolean-and-number-settings-correctly.snap.svg
View file

@ -4,142 +4,142 @@
</style>
<rect width="920" height="751" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#808080" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="2" fill="#878787" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="36" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">&gt; Settings </text>
<text x="891" y="36" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="36" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#d7ffd7" textLength="864" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="891" y="70" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="70" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="85" width="9" height="17" fill="#ffffff" />
<text x="36" y="87" fill="#000000" textLength="9" lengthAdjust="spacingAndGlyphs">S</text>
<text x="45" y="87" fill="#a8a8a8" textLength="135" lengthAdjust="spacingAndGlyphs">earch to filter</text>
<text x="45" y="87" fill="#afafaf" textLength="135" lengthAdjust="spacingAndGlyphs">earch to filter</text>
<text x="873" y="87" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#d7ffd7" textLength="864" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────╯</text>
<text x="891" y="104" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="121" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="138" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">▲</text>
<text x="891" y="138" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="153" width="9" height="17" fill="#008700" />
<text x="891" y="104" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="121" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="138" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">▲</text>
<text x="891" y="138" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="153" width="9" height="17" fill="#005f00" />
<text x="27" y="155" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="36" y="153" width="9" height="17" fill="#008700" />
<rect x="45" y="153" width="72" height="17" fill="#008700" />
<rect x="36" y="153" width="9" height="17" fill="#005f00" />
<rect x="45" y="153" width="72" height="17" fill="#005f00" />
<text x="45" y="155" fill="#d7ffd7" textLength="72" lengthAdjust="spacingAndGlyphs">Vim Mode</text>
<rect x="117" y="153" width="702" height="17" fill="#008700" />
<rect x="819" y="153" width="54" height="17" fill="#008700" />
<rect x="117" y="153" width="702" height="17" fill="#005f00" />
<rect x="819" y="153" width="54" height="17" fill="#005f00" />
<text x="819" y="155" fill="#d7ffd7" textLength="54" lengthAdjust="spacingAndGlyphs">false*</text>
<text x="891" y="155" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="170" width="18" height="17" fill="#008700" />
<rect x="45" y="170" width="198" height="17" fill="#008700" />
<text x="45" y="172" fill="#a8a8a8" textLength="198" lengthAdjust="spacingAndGlyphs">Enable Vim keybindings</text>
<rect x="243" y="170" width="630" height="17" fill="#008700" />
<text x="891" y="172" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="189" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="155" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="170" width="18" height="17" fill="#005f00" />
<rect x="45" y="170" width="198" height="17" fill="#005f00" />
<text x="45" y="172" fill="#afafaf" textLength="198" lengthAdjust="spacingAndGlyphs">Enable Vim keybindings</text>
<rect x="243" y="170" width="630" height="17" fill="#005f00" />
<text x="891" y="172" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="189" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="206" fill="#ffffff" textLength="189" lengthAdjust="spacingAndGlyphs">Default Approval Mode</text>
<text x="810" y="206" fill="#a8a8a8" textLength="63" lengthAdjust="spacingAndGlyphs">Default</text>
<text x="891" y="206" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#a8a8a8" textLength="738" lengthAdjust="spacingAndGlyphs">The default approval mode for tool execution. &apos;default&apos; prompts for approval, &apos;au…</text>
<text x="891" y="223" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="240" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="810" y="206" fill="#afafaf" textLength="63" lengthAdjust="spacingAndGlyphs">Default</text>
<text x="891" y="206" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#afafaf" textLength="738" lengthAdjust="spacingAndGlyphs">The default approval mode for tool execution. &apos;default&apos; prompts for approval, &apos;au…</text>
<text x="891" y="223" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="240" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="257" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Enable Auto Update</text>
<text x="819" y="257" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">false*</text>
<text x="891" y="257" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#a8a8a8" textLength="225" lengthAdjust="spacingAndGlyphs">Enable automatic updates.</text>
<text x="891" y="274" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="291" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="257" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#afafaf" textLength="225" lengthAdjust="spacingAndGlyphs">Enable automatic updates.</text>
<text x="891" y="274" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="291" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="308" fill="#ffffff" textLength="180" lengthAdjust="spacingAndGlyphs">Enable Notifications</text>
<text x="828" y="308" fill="#a8a8a8" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="308" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#a8a8a8" textLength="738" lengthAdjust="spacingAndGlyphs">Enable run-event notifications for action-required prompts and session completion.</text>
<text x="891" y="325" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="342" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="828" y="308" fill="#afafaf" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="308" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#afafaf" textLength="738" lengthAdjust="spacingAndGlyphs">Enable run-event notifications for action-required prompts and session completion.</text>
<text x="891" y="325" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="342" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="359" fill="#ffffff" textLength="144" lengthAdjust="spacingAndGlyphs">Enable Plan Mode</text>
<text x="837" y="359" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="359" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#a8a8a8" textLength="486" lengthAdjust="spacingAndGlyphs">Enable Plan Mode for read-only safety during planning.</text>
<text x="891" y="376" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="393" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="359" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="359" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#afafaf" textLength="486" lengthAdjust="spacingAndGlyphs">Enable Plan Mode for read-only safety during planning.</text>
<text x="891" y="376" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="393" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="410" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs">Plan Directory</text>
<text x="792" y="410" fill="#a8a8a8" textLength="81" lengthAdjust="spacingAndGlyphs">undefined</text>
<text x="891" y="410" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="427" fill="#a8a8a8" textLength="720" lengthAdjust="spacingAndGlyphs">The directory where planning artifacts are stored. If not specified, defaults t…</text>
<text x="891" y="427" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="444" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="792" y="410" fill="#afafaf" textLength="81" lengthAdjust="spacingAndGlyphs">undefined</text>
<text x="891" y="410" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="427" fill="#afafaf" textLength="720" lengthAdjust="spacingAndGlyphs">The directory where planning artifacts are stored. If not specified, defaults t…</text>
<text x="891" y="427" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="444" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="461" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Plan Model Routing</text>
<text x="837" y="461" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="461" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="478" fill="#a8a8a8" textLength="765" lengthAdjust="spacingAndGlyphs">Automatically switch between Pro and Flash models based on Plan Mode status. Uses Pr…</text>
<text x="891" y="478" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="495" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="461" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="461" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="478" fill="#afafaf" textLength="765" lengthAdjust="spacingAndGlyphs">Automatically switch between Pro and Flash models based on Plan Mode status. Uses Pr…</text>
<text x="891" y="478" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="495" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="512" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Retry Fetch Errors</text>
<text x="837" y="512" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="512" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="529" fill="#a8a8a8" textLength="612" lengthAdjust="spacingAndGlyphs">Retry on &quot;exception TypeError: fetch failed sending request&quot; errors.</text>
<text x="891" y="529" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">▼</text>
<text x="891" y="563" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="512" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="512" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="529" fill="#afafaf" textLength="612" lengthAdjust="spacingAndGlyphs">Retry on &quot;exception TypeError: fetch failed sending request&quot; errors.</text>
<text x="891" y="529" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">▼</text>
<text x="891" y="563" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="597" fill="#ffffff" textLength="882" lengthAdjust="spacingAndGlyphs"> Apply To </text>
<text x="891" y="597" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="612" width="9" height="17" fill="#008700" />
<text x="891" y="597" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="612" width="9" height="17" fill="#005f00" />
<text x="27" y="614" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="36" y="612" width="9" height="17" fill="#008700" />
<rect x="45" y="612" width="117" height="17" fill="#008700" />
<rect x="36" y="612" width="9" height="17" fill="#005f00" />
<rect x="45" y="612" width="117" height="17" fill="#005f00" />
<text x="45" y="614" fill="#d7ffd7" textLength="117" lengthAdjust="spacingAndGlyphs">User Settings</text>
<rect x="162" y="612" width="711" height="17" fill="#008700" />
<text x="891" y="614" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="162" y="612" width="711" height="17" fill="#005f00" />
<text x="891" y="614" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="631" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Workspace Settings</text>
<text x="891" y="631" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="631" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="648" fill="#ffffff" textLength="135" lengthAdjust="spacingAndGlyphs">System Settings</text>
<text x="891" y="648" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="665" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="682" fill="#a8a8a8" textLength="657" lengthAdjust="spacingAndGlyphs">(Use Enter to select, Ctrl+L to reset, Tab to change focus, Esc to close)</text>
<text x="891" y="682" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="699" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="699" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="716" fill="#808080" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
<text x="891" y="648" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="665" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="682" fill="#afafaf" textLength="657" lengthAdjust="spacingAndGlyphs">(Use Enter to select, Ctrl+L to reset, Tab to change focus, Esc to close)</text>
<text x="891" y="682" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="699" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="699" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="716" fill="#878787" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

230
packages/cli/src/ui/components/__snapshots__/SettingsDialog-SettingsDialog-Snapshot-Tests-should-render-tools-and-security-settings-correctly.snap.svg
View file

@ -4,142 +4,142 @@
</style>
<rect width="920" height="751" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#808080" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="2" fill="#878787" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="36" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">&gt; Settings </text>
<text x="891" y="36" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="36" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#d7ffd7" textLength="864" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="891" y="70" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="70" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="85" width="9" height="17" fill="#ffffff" />
<text x="36" y="87" fill="#000000" textLength="9" lengthAdjust="spacingAndGlyphs">S</text>
<text x="45" y="87" fill="#a8a8a8" textLength="135" lengthAdjust="spacingAndGlyphs">earch to filter</text>
<text x="45" y="87" fill="#afafaf" textLength="135" lengthAdjust="spacingAndGlyphs">earch to filter</text>
<text x="873" y="87" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#d7ffd7" textLength="864" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────╯</text>
<text x="891" y="104" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="121" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="138" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">▲</text>
<text x="891" y="138" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="153" width="9" height="17" fill="#008700" />
<text x="891" y="104" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="121" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="138" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">▲</text>
<text x="891" y="138" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="153" width="9" height="17" fill="#005f00" />
<text x="27" y="155" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="36" y="153" width="9" height="17" fill="#008700" />
<rect x="45" y="153" width="72" height="17" fill="#008700" />
<rect x="36" y="153" width="9" height="17" fill="#005f00" />
<rect x="45" y="153" width="72" height="17" fill="#005f00" />
<text x="45" y="155" fill="#d7ffd7" textLength="72" lengthAdjust="spacingAndGlyphs">Vim Mode</text>
<rect x="117" y="153" width="711" height="17" fill="#008700" />
<rect x="828" y="153" width="45" height="17" fill="#008700" />
<rect x="117" y="153" width="711" height="17" fill="#005f00" />
<rect x="828" y="153" width="45" height="17" fill="#005f00" />
<text x="828" y="155" fill="#d7ffd7" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="155" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="170" width="18" height="17" fill="#008700" />
<rect x="45" y="170" width="198" height="17" fill="#008700" />
<text x="45" y="172" fill="#a8a8a8" textLength="198" lengthAdjust="spacingAndGlyphs">Enable Vim keybindings</text>
<rect x="243" y="170" width="630" height="17" fill="#008700" />
<text x="891" y="172" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="189" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="155" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="170" width="18" height="17" fill="#005f00" />
<rect x="45" y="170" width="198" height="17" fill="#005f00" />
<text x="45" y="172" fill="#afafaf" textLength="198" lengthAdjust="spacingAndGlyphs">Enable Vim keybindings</text>
<rect x="243" y="170" width="630" height="17" fill="#005f00" />
<text x="891" y="172" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="189" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="206" fill="#ffffff" textLength="189" lengthAdjust="spacingAndGlyphs">Default Approval Mode</text>
<text x="810" y="206" fill="#a8a8a8" textLength="63" lengthAdjust="spacingAndGlyphs">Default</text>
<text x="891" y="206" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#a8a8a8" textLength="738" lengthAdjust="spacingAndGlyphs">The default approval mode for tool execution. &apos;default&apos; prompts for approval, &apos;au…</text>
<text x="891" y="223" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="240" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="810" y="206" fill="#afafaf" textLength="63" lengthAdjust="spacingAndGlyphs">Default</text>
<text x="891" y="206" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#afafaf" textLength="738" lengthAdjust="spacingAndGlyphs">The default approval mode for tool execution. &apos;default&apos; prompts for approval, &apos;au…</text>
<text x="891" y="223" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="240" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="257" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Enable Auto Update</text>
<text x="837" y="257" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="257" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#a8a8a8" textLength="225" lengthAdjust="spacingAndGlyphs">Enable automatic updates.</text>
<text x="891" y="274" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="291" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="257" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="257" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#afafaf" textLength="225" lengthAdjust="spacingAndGlyphs">Enable automatic updates.</text>
<text x="891" y="274" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="291" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="308" fill="#ffffff" textLength="180" lengthAdjust="spacingAndGlyphs">Enable Notifications</text>
<text x="828" y="308" fill="#a8a8a8" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="308" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#a8a8a8" textLength="738" lengthAdjust="spacingAndGlyphs">Enable run-event notifications for action-required prompts and session completion.</text>
<text x="891" y="325" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="342" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="828" y="308" fill="#afafaf" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="308" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#afafaf" textLength="738" lengthAdjust="spacingAndGlyphs">Enable run-event notifications for action-required prompts and session completion.</text>
<text x="891" y="325" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="342" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="359" fill="#ffffff" textLength="144" lengthAdjust="spacingAndGlyphs">Enable Plan Mode</text>
<text x="837" y="359" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="359" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#a8a8a8" textLength="486" lengthAdjust="spacingAndGlyphs">Enable Plan Mode for read-only safety during planning.</text>
<text x="891" y="376" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="393" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="359" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="359" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#afafaf" textLength="486" lengthAdjust="spacingAndGlyphs">Enable Plan Mode for read-only safety during planning.</text>
<text x="891" y="376" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="393" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="410" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs">Plan Directory</text>
<text x="792" y="410" fill="#a8a8a8" textLength="81" lengthAdjust="spacingAndGlyphs">undefined</text>
<text x="891" y="410" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="427" fill="#a8a8a8" textLength="720" lengthAdjust="spacingAndGlyphs">The directory where planning artifacts are stored. If not specified, defaults t…</text>
<text x="891" y="427" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="444" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="792" y="410" fill="#afafaf" textLength="81" lengthAdjust="spacingAndGlyphs">undefined</text>
<text x="891" y="410" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="427" fill="#afafaf" textLength="720" lengthAdjust="spacingAndGlyphs">The directory where planning artifacts are stored. If not specified, defaults t…</text>
<text x="891" y="427" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="444" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="461" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Plan Model Routing</text>
<text x="837" y="461" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="461" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="478" fill="#a8a8a8" textLength="765" lengthAdjust="spacingAndGlyphs">Automatically switch between Pro and Flash models based on Plan Mode status. Uses Pr…</text>
<text x="891" y="478" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="495" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="461" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="461" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="478" fill="#afafaf" textLength="765" lengthAdjust="spacingAndGlyphs">Automatically switch between Pro and Flash models based on Plan Mode status. Uses Pr…</text>
<text x="891" y="478" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="495" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="512" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Retry Fetch Errors</text>
<text x="837" y="512" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="512" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="529" fill="#a8a8a8" textLength="612" lengthAdjust="spacingAndGlyphs">Retry on &quot;exception TypeError: fetch failed sending request&quot; errors.</text>
<text x="891" y="529" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">▼</text>
<text x="891" y="563" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="512" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="512" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="529" fill="#afafaf" textLength="612" lengthAdjust="spacingAndGlyphs">Retry on &quot;exception TypeError: fetch failed sending request&quot; errors.</text>
<text x="891" y="529" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">▼</text>
<text x="891" y="563" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="597" fill="#ffffff" textLength="882" lengthAdjust="spacingAndGlyphs"> Apply To </text>
<text x="891" y="597" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="612" width="9" height="17" fill="#008700" />
<text x="891" y="597" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="612" width="9" height="17" fill="#005f00" />
<text x="27" y="614" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="36" y="612" width="9" height="17" fill="#008700" />
<rect x="45" y="612" width="117" height="17" fill="#008700" />
<rect x="36" y="612" width="9" height="17" fill="#005f00" />
<rect x="45" y="612" width="117" height="17" fill="#005f00" />
<text x="45" y="614" fill="#d7ffd7" textLength="117" lengthAdjust="spacingAndGlyphs">User Settings</text>
<rect x="162" y="612" width="711" height="17" fill="#008700" />
<text x="891" y="614" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="162" y="612" width="711" height="17" fill="#005f00" />
<text x="891" y="614" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="631" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Workspace Settings</text>
<text x="891" y="631" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="631" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="648" fill="#ffffff" textLength="135" lengthAdjust="spacingAndGlyphs">System Settings</text>
<text x="891" y="648" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="665" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="682" fill="#a8a8a8" textLength="657" lengthAdjust="spacingAndGlyphs">(Use Enter to select, Ctrl+L to reset, Tab to change focus, Esc to close)</text>
<text x="891" y="682" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="699" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="699" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="716" fill="#808080" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
<text x="891" y="648" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="665" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="682" fill="#afafaf" textLength="657" lengthAdjust="spacingAndGlyphs">(Use Enter to select, Ctrl+L to reset, Tab to change focus, Esc to close)</text>
<text x="891" y="682" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="699" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="699" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="716" fill="#878787" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

228
packages/cli/src/ui/components/__snapshots__/SettingsDialog-SettingsDialog-Snapshot-Tests-should-render-various-boolean-settings-enabled-correctly.snap.svg
View file

@ -4,142 +4,142 @@
</style>
<rect width="920" height="751" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#808080" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="2" fill="#878787" textLength="900" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="19" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="36" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">&gt; Settings </text>
<text x="891" y="36" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="36" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="53" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#d7ffd7" textLength="864" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="891" y="70" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="70" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="85" width="9" height="17" fill="#ffffff" />
<text x="36" y="87" fill="#000000" textLength="9" lengthAdjust="spacingAndGlyphs">S</text>
<text x="45" y="87" fill="#a8a8a8" textLength="135" lengthAdjust="spacingAndGlyphs">earch to filter</text>
<text x="45" y="87" fill="#afafaf" textLength="135" lengthAdjust="spacingAndGlyphs">earch to filter</text>
<text x="873" y="87" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="87" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#d7ffd7" textLength="864" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────╯</text>
<text x="891" y="104" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="121" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="138" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">▲</text>
<text x="891" y="138" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="153" width="9" height="17" fill="#008700" />
<text x="891" y="104" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="121" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="138" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">▲</text>
<text x="891" y="138" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="153" width="9" height="17" fill="#005f00" />
<text x="27" y="155" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="36" y="153" width="9" height="17" fill="#008700" />
<rect x="45" y="153" width="72" height="17" fill="#008700" />
<rect x="36" y="153" width="9" height="17" fill="#005f00" />
<rect x="45" y="153" width="72" height="17" fill="#005f00" />
<text x="45" y="155" fill="#d7ffd7" textLength="72" lengthAdjust="spacingAndGlyphs">Vim Mode</text>
<rect x="117" y="153" width="711" height="17" fill="#008700" />
<rect x="828" y="153" width="45" height="17" fill="#008700" />
<rect x="117" y="153" width="711" height="17" fill="#005f00" />
<rect x="828" y="153" width="45" height="17" fill="#005f00" />
<text x="828" y="155" fill="#d7ffd7" textLength="45" lengthAdjust="spacingAndGlyphs">true*</text>
<text x="891" y="155" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="170" width="18" height="17" fill="#008700" />
<rect x="45" y="170" width="198" height="17" fill="#008700" />
<text x="45" y="172" fill="#a8a8a8" textLength="198" lengthAdjust="spacingAndGlyphs">Enable Vim keybindings</text>
<rect x="243" y="170" width="630" height="17" fill="#008700" />
<text x="891" y="172" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="189" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="155" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="170" width="18" height="17" fill="#005f00" />
<rect x="45" y="170" width="198" height="17" fill="#005f00" />
<text x="45" y="172" fill="#afafaf" textLength="198" lengthAdjust="spacingAndGlyphs">Enable Vim keybindings</text>
<rect x="243" y="170" width="630" height="17" fill="#005f00" />
<text x="891" y="172" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="189" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="206" fill="#ffffff" textLength="189" lengthAdjust="spacingAndGlyphs">Default Approval Mode</text>
<text x="810" y="206" fill="#a8a8a8" textLength="63" lengthAdjust="spacingAndGlyphs">Default</text>
<text x="891" y="206" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#a8a8a8" textLength="738" lengthAdjust="spacingAndGlyphs">The default approval mode for tool execution. &apos;default&apos; prompts for approval, &apos;au…</text>
<text x="891" y="223" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="240" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="810" y="206" fill="#afafaf" textLength="63" lengthAdjust="spacingAndGlyphs">Default</text>
<text x="891" y="206" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="223" fill="#afafaf" textLength="738" lengthAdjust="spacingAndGlyphs">The default approval mode for tool execution. &apos;default&apos; prompts for approval, &apos;au…</text>
<text x="891" y="223" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="240" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="257" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Enable Auto Update</text>
<text x="819" y="257" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">false*</text>
<text x="891" y="257" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#a8a8a8" textLength="225" lengthAdjust="spacingAndGlyphs">Enable automatic updates.</text>
<text x="891" y="274" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="291" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="257" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="274" fill="#afafaf" textLength="225" lengthAdjust="spacingAndGlyphs">Enable automatic updates.</text>
<text x="891" y="274" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="291" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="308" fill="#ffffff" textLength="180" lengthAdjust="spacingAndGlyphs">Enable Notifications</text>
<text x="828" y="308" fill="#a8a8a8" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="308" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#a8a8a8" textLength="738" lengthAdjust="spacingAndGlyphs">Enable run-event notifications for action-required prompts and session completion.</text>
<text x="891" y="325" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="342" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="828" y="308" fill="#afafaf" textLength="45" lengthAdjust="spacingAndGlyphs">false</text>
<text x="891" y="308" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="325" fill="#afafaf" textLength="738" lengthAdjust="spacingAndGlyphs">Enable run-event notifications for action-required prompts and session completion.</text>
<text x="891" y="325" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="342" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="359" fill="#ffffff" textLength="144" lengthAdjust="spacingAndGlyphs">Enable Plan Mode</text>
<text x="837" y="359" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="359" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#a8a8a8" textLength="486" lengthAdjust="spacingAndGlyphs">Enable Plan Mode for read-only safety during planning.</text>
<text x="891" y="376" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="393" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="359" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="359" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="376" fill="#afafaf" textLength="486" lengthAdjust="spacingAndGlyphs">Enable Plan Mode for read-only safety during planning.</text>
<text x="891" y="376" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="393" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="410" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs">Plan Directory</text>
<text x="792" y="410" fill="#a8a8a8" textLength="81" lengthAdjust="spacingAndGlyphs">undefined</text>
<text x="891" y="410" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="427" fill="#a8a8a8" textLength="720" lengthAdjust="spacingAndGlyphs">The directory where planning artifacts are stored. If not specified, defaults t…</text>
<text x="891" y="427" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="444" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="792" y="410" fill="#afafaf" textLength="81" lengthAdjust="spacingAndGlyphs">undefined</text>
<text x="891" y="410" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="427" fill="#afafaf" textLength="720" lengthAdjust="spacingAndGlyphs">The directory where planning artifacts are stored. If not specified, defaults t…</text>
<text x="891" y="427" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="444" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="461" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Plan Model Routing</text>
<text x="837" y="461" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="461" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="478" fill="#a8a8a8" textLength="765" lengthAdjust="spacingAndGlyphs">Automatically switch between Pro and Flash models based on Plan Mode status. Uses Pr…</text>
<text x="891" y="478" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="495" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="461" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="461" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="478" fill="#afafaf" textLength="765" lengthAdjust="spacingAndGlyphs">Automatically switch between Pro and Flash models based on Plan Mode status. Uses Pr…</text>
<text x="891" y="478" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="495" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="512" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Retry Fetch Errors</text>
<text x="837" y="512" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="512" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="529" fill="#a8a8a8" textLength="612" lengthAdjust="spacingAndGlyphs">Retry on &quot;exception TypeError: fetch failed sending request&quot; errors.</text>
<text x="891" y="529" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">▼</text>
<text x="891" y="563" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="512" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<text x="891" y="512" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="529" fill="#afafaf" textLength="612" lengthAdjust="spacingAndGlyphs">Retry on &quot;exception TypeError: fetch failed sending request&quot; errors.</text>
<text x="891" y="529" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="546" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="563" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">▼</text>
<text x="891" y="563" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="580" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="597" fill="#ffffff" textLength="882" lengthAdjust="spacingAndGlyphs"> Apply To </text>
<text x="891" y="597" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="612" width="9" height="17" fill="#008700" />
<text x="891" y="597" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="27" y="612" width="9" height="17" fill="#005f00" />
<text x="27" y="614" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="36" y="612" width="9" height="17" fill="#008700" />
<rect x="45" y="612" width="117" height="17" fill="#008700" />
<rect x="36" y="612" width="9" height="17" fill="#005f00" />
<rect x="45" y="612" width="117" height="17" fill="#005f00" />
<text x="45" y="614" fill="#d7ffd7" textLength="117" lengthAdjust="spacingAndGlyphs">User Settings</text>
<rect x="162" y="612" width="711" height="17" fill="#008700" />
<text x="891" y="614" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="162" y="612" width="711" height="17" fill="#005f00" />
<text x="891" y="614" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="631" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Workspace Settings</text>
<text x="891" y="631" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="631" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="45" y="648" fill="#ffffff" textLength="135" lengthAdjust="spacingAndGlyphs">System Settings</text>
<text x="891" y="648" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="665" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="682" fill="#a8a8a8" textLength="657" lengthAdjust="spacingAndGlyphs">(Use Enter to select, Ctrl+L to reset, Tab to change focus, Esc to close)</text>
<text x="891" y="682" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="699" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="699" fill="#808080" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="716" fill="#808080" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
<text x="891" y="648" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="665" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="665" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="682" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="682" fill="#afafaf" textLength="657" lengthAdjust="spacingAndGlyphs">(Use Enter to select, Ctrl+L to reset, Tab to change focus, Esc to close)</text>
<text x="891" y="682" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="699" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="891" y="699" fill="#878787" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="716" fill="#878787" textLength="900" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────────╯</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

2
packages/cli/src/ui/components/__snapshots__/Table-Table-should-render-headers-and-data-correctly.snap.svg
View file

@ -6,7 +6,7 @@
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">ID</text>
<text x="45" y="2" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">Name</text>
<text x="0" y="19" fill="#808080" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
<text x="0" y="19" fill="#878787" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
<text x="0" y="36" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs">1</text>
<text x="45" y="36" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs">Alice</text>
<text x="0" y="53" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs">2</text>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

2
packages/cli/src/ui/components/__snapshots__/Table-Table-should-support-custom-cell-rendering.snap.svg
View file

@ -5,7 +5,7 @@
<rect width="920" height="71" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Value</text>
<text x="0" y="19" fill="#808080" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
<text x="0" y="19" fill="#878787" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
<text x="0" y="36" fill="#00cd00" textLength="18" lengthAdjust="spacingAndGlyphs">20</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 948 B

After

Width:  |  Height:  |  Size: 948 B

2
packages/cli/src/ui/components/__snapshots__/Table-Table-should-support-inverse-text-rendering.snap.svg
View file

@ -5,7 +5,7 @@
<rect width="920" height="71" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs" font-weight="bold">Status</text>
<text x="0" y="19" fill="#808080" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
<text x="0" y="19" fill="#878787" textLength="900" lengthAdjust="spacingAndGlyphs">────────────────────────────────────────────────────────────────────────────────────────────────────</text>
<rect x="0" y="34" width="54" height="17" fill="#ffffff" />
<text x="0" y="36" fill="#000000" textLength="54" lengthAdjust="spacingAndGlyphs">Active</text>
</g>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1,017 B

After

Width:  |  Height:  |  Size: 1,017 B

441
packages/cli/src/ui/components/__snapshots__/ThemeDialog.test.tsx.snap
View file

@ -1,289 +1,202 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`Initial Theme Selection > should default to a dark theme when terminal background is dark and no theme is set 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ThemeDialog (src/ui/components/ThemeDialog.tsx:88:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"╭──────────────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ > Select Theme Preview │
│ ▲ ┌─────────────────────────────────────────────────┐ │
│ 1. ANSI Dark │ │ │
│ 2. Atom One Dark │ 1 # function │ │
│ 3. Ayu Dark │ 2 def fibonacci(n): │ │
│ ● 4. Default Dark (Matches terminal) │ 3 a, b = 0, 1 │ │
│ 5. Dracula Dark │ 4 for _ in range(n): │ │
│ 6. GitHub Dark │ 5 a, b = b, a + b │ │
│ 7. Holiday Dark │ 6 return a │ │
│ 8. Shades Of Purple Dark │ │ │
│ 9. Solarized Dark │ 1 - print("Hello, " + name) │ │
│ 10. Tokyo Night Dark │ 1 + print(f"Hello, {name}!") │ │
│ 11. ANSI Light │ │ │
│ 12. Ayu Light └─────────────────────────────────────────────────┘ │
│ ▼ │
│ │
│ (Use Enter to select, Tab to configure scope, Esc to close) │
│ │
╰──────────────────────────────────────────────────────────────────────────────────────────────────╯
"
`;
exports[`Initial Theme Selection > should default to a light theme when terminal background is light and no theme is set 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ThemeDialog (src/ui/components/ThemeDialog.tsx:88:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"╭──────────────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ > Select Theme Preview │
│ ▲ ┌─────────────────────────────────────────────────┐ │
│ 1. ANSI Light │ │ │
│ 2. Ayu Light │ 1 # function │ │
│ ● 3. Default Light │ 2 def fibonacci(n): │ │
│ 4. GitHub Light │ 3 a, b = 0, 1 │ │
│ 5. Google Code Light │ 4 for _ in range(n): │ │
│ 6. Solarized Light │ 5 a, b = b, a + b │ │
│ 7. Xcode Light │ 6 return a │ │
│ 8. ANSI Dark (Incompatible) │ │ │
│ 9. Atom One Dark (Incompatible) │ 1 - print("Hello, " + name) │ │
│ 10. Ayu Dark (Incompatible) │ 1 + print(f"Hello, {name}!") │ │
│ 11. Default Dark (Incompatible) │ │ │
│ 12. Dracula Dark (Incompatible) └─────────────────────────────────────────────────┘ │
│ ▼ │
│ │
│ (Use Enter to select, Tab to configure scope, Esc to close) │
│ │
╰──────────────────────────────────────────────────────────────────────────────────────────────────╯
"
`;
exports[`Initial Theme Selection > should use the theme from settings even if terminal background suggests a different theme type 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ThemeDialog (src/ui/components/ThemeDialog.tsx:88:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"╭──────────────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ > Select Theme Preview │
│ ▲ ┌─────────────────────────────────────────────────┐ │
│ ● 1. ANSI Dark │ │ │
│ 2. Atom One Dark │ 1 # function │ │
│ 3. Ayu Dark │ 2 def fibonacci(n): │ │
│ 4. Default Dark (Matches terminal) │ 3 a, b = 0, 1 │ │
│ 5. Dracula Dark │ 4 for _ in range(n): │ │
│ 6. GitHub Dark │ 5 a, b = b, a + b │ │
│ 7. Holiday Dark │ 6 return a │ │
│ 8. Shades Of Purple Dark │ │ │
│ 9. Solarized Dark │ 1 - print("Hello, " + name) │ │
│ 10. Tokyo Night Dark │ 1 + print(f"Hello, {name}!") │ │
│ 11. ANSI Light │ │ │
│ 12. Ayu Light └─────────────────────────────────────────────────┘ │
│ ▼ │
│ │
│ (Use Enter to select, Tab to configure scope, Esc to close) │
│ │
╰──────────────────────────────────────────────────────────────────────────────────────────────────╯
"
`;
exports[`ThemeDialog Snapshots > should render correctly in scope selector mode 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ThemeDialog (src/ui/components/ThemeDialog.tsx:88:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"╭──────────────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ > Apply To │
│ ● 1. User Settings │
│ 2. Workspace Settings │
│ 3. System Settings │
│ │
│ (Use Enter to apply scope, Tab to select theme, Esc to close) │
│ │
╰──────────────────────────────────────────────────────────────────────────────────────────────────╯
"
`;
exports[`ThemeDialog Snapshots > should render correctly in theme selection mode (isDevelopment: false) 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ThemeDialog (src/ui/components/ThemeDialog.tsx:88:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"╭──────────────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ > Select Theme Preview │
│ ▲ ┌─────────────────────────────────────────────────┐ │
│ ● 1. ANSI Dark (Matches terminal) │ │ │
│ 2. Atom One Dark │ 1 # function │ │
│ 3. Ayu Dark │ 2 def fibonacci(n): │ │
│ 4. Default Dark │ 3 a, b = 0, 1 │ │
│ 5. Dracula Dark │ 4 for _ in range(n): │ │
│ 6. GitHub Dark │ 5 a, b = b, a + b │ │
│ 7. Holiday Dark │ 6 return a │ │
│ 8. Shades Of Purple Dark │ │ │
│ 9. Solarized Dark │ 1 - print("Hello, " + name) │ │
│ 10. Tokyo Night Dark │ 1 + print(f"Hello, {name}!") │ │
│ 11. ANSI Light │ │ │
│ 12. Ayu Light └─────────────────────────────────────────────────┘ │
│ ▼ │
│ │
│ (Use Enter to select, Tab to configure scope, Esc to close) │
│ │
╰──────────────────────────────────────────────────────────────────────────────────────────────────╯
"
`;
exports[`ThemeDialog Snapshots > should render correctly in theme selection mode (isDevelopment: true) 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ThemeDialog (src/ui/components/ThemeDialog.tsx:88:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"╭──────────────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ > Select Theme Preview │
│ ▲ ┌─────────────────────────────────────────────────┐ │
│ ● 1. ANSI Dark (Matches terminal) │ │ │
│ 2. Atom One Dark │ 1 # function │ │
│ 3. Ayu Dark │ 2 def fibonacci(n): │ │
│ 4. Default Dark │ 3 a, b = 0, 1 │ │
│ 5. Dracula Dark │ 4 for _ in range(n): │ │
│ 6. GitHub Dark │ 5 a, b = b, a + b │ │
│ 7. Holiday Dark │ 6 return a │ │
│ 8. Shades Of Purple Dark │ │ │
│ 9. Solarized Dark │ 1 - print("Hello, " + name) │ │
│ 10. Tokyo Night Dark │ 1 + print(f"Hello, {name}!") │ │
│ 11. ANSI Light │ │ │
│ 12. Ayu Light └─────────────────────────────────────────────────┘ │
│ ▼ │
│ ╭─────────────────────────────────────────────────╮ │
│ │ DEVELOPER TOOLS (Not visible to users) │ │
│ │ │ │
│ │ How do colors get applied? │ │
│ │ • Hex: Rendered exactly by modern terminals. │ │
│ │ Not overridden by app themes. │ │
│ │ • Blank: Uses your terminal's default │ │
│ │ foreground/background. │ │
│ │ • Compatibility: On older terminals, hex is │ │
│ │ approximated to the nearest ANSI color. │ │
│ │ • ANSI Names: 'red', 'green', etc. are mapped │ │
│ │ to your terminal app's palette. │ │
│ │ │ │
│ │ Value Name │ │
│ │ #0000… backgroun Main terminal background │ │
│ │ d.primary color │ │
│ │ #5F5… backgroun Subtle background for │ │
│ │ d.message message blocks │ │
│ │ #5F5… backgroun Background for the input │ │
│ │ d.input prompt │ │
│ │ #00… background. Background highlight for │ │
│ │ focus selected/focused items │ │
│ │ #005… backgrou Background for added lines │ │
│ │ nd.diff. in diffs │ │
│ │ added │ │
│ │ #5F0… backgroun Background for removed │ │
│ │ d.diff.re lines in diffs │ │
│ │ moved │ │
│ │ #FFFFF text.prim Primary text color (uses │ │
│ │ F ary terminal default if blank) │ │
│ │ #AFAFAF text.secon Secondary/dimmed text │ │
│ │ dary color │ │
│ │ #87AFFF text.link Hyperlink and highlighting │ │
│ │ color │ │
│ │ #D7AFFF text.accen Accent color for │ │
│ │ t emphasis │ │
│ │ #FFFFFF text.res Color for model response │ │
│ │ ponse text (uses terminal default │ │
│ │ if blank) │ │
│ │ #878787 border.def Standard border color │ │
│ │ ault │ │
│ │ #AFAFAFui.comme Color for code comments and │ │
│ │ nt metadata │ │
│ │ #AFAFA ui.symbol Color for technical symbols │ │
│ │ F and UI icons │ │
│ │ #87AFF ui.active Border color for active or │ │
│ │ F running elements │ │
│ │ #87878 ui.dark Deeply dimmed color for │ │
│ │ 7 subtle UI elements │ │
│ │ #D7FFD ui.focus Color for focused elements │ │
│ │ 7 (e.g. selected menu items, │ │
│ │ focused borders) │ │
│ │ #FF87AFstatus.err Color for error messages │ │
│ │ or and critical status │ │
│ │ #D7FFD7status.suc Color for success messages │ │
│ │ cess and positive status │ │
│ │ #FFFFA status.wa Color for warnings and │ │
│ │ F rning cautionary status │ │
│ │ #4796E4 ui.gradien │ │
│ │ #847ACE t │ │
│ │ #C3677F │ │
│ ╰─────────────────────────────────────────────────╯ │
│ │
│ (Use Enter to select, Tab to configure scope, Esc to close) │
│ │
╰──────────────────────────────────────────────────────────────────────────────────────────────────╯
"
`;

146
packages/cli/src/ui/components/__snapshots__/ToolConfirmationQueue-ToolConfirmationQueue-height-allocation-and-layout-should-handle-security-warning-height-correctly.snap.svg
View file

@ -4,110 +4,110 @@
</style>
<rect width="740" height="428" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#303030" textLength="720" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="2" fill="#333333" textLength="720" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#ffffaf" textLength="81" lengthAdjust="spacingAndGlyphs" font-weight="bold">? Shell </text>
<text x="99" y="19" fill="#ffffff" textLength="396" lengthAdjust="spacingAndGlyphs">Executes a bash command with a deceptive URL</text>
<text x="648" y="19" fill="#a8a8a8" textLength="54" lengthAdjust="spacingAndGlyphs">3 of 3</text>
<text x="711" y="19" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#a8a8a8" textLength="225" lengthAdjust="spacingAndGlyphs">... 6 hidden (Ctrl+O) ...</text>
<text x="711" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="648" y="19" fill="#afafaf" textLength="54" lengthAdjust="spacingAndGlyphs">3 of 3</text>
<text x="711" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#afafaf" textLength="225" lengthAdjust="spacingAndGlyphs">... 6 hidden (Ctrl+O) ...</text>
<text x="711" y="36" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="53" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="53" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 44&quot;</text>
<text x="693" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="70" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="70" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 45&quot;</text>
<text x="693" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="87" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="87" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 46&quot;</text>
<text x="693" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="104" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="104" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 47&quot;</text>
<text x="693" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="121" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="121" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 48&quot;</text>
<text x="693" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="138" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="138" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 49&quot;</text>
<text x="693" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="155" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="155" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 50&quot;</text>
<text x="693" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="172" fill="#e5e5e5" textLength="189" lengthAdjust="spacingAndGlyphs">curl https://täst.com</text>
<text x="693" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="189" fill="#303030" textLength="684" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────╯</text>
<text x="711" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="189" fill="#333333" textLength="684" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────╯</text>
<text x="711" y="189" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="206" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="223" fill="#ffffaf" textLength="18" lengthAdjust="spacingAndGlyphs">⚠ </text>
<text x="45" y="223" fill="#ffffaf" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">Warning:</text>
<text x="117" y="223" fill="#ffffaf" textLength="243" lengthAdjust="spacingAndGlyphs"> Deceptive URL(s) detected:</text>
<text x="711" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="223" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="240" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="72" y="257" fill="#ffffaf" textLength="81" lengthAdjust="spacingAndGlyphs" font-weight="bold">Original:</text>
<text x="162" y="257" fill="#afafff" textLength="153" lengthAdjust="spacingAndGlyphs">https://täst.com/</text>
<text x="711" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="162" y="257" fill="#87afff" textLength="153" lengthAdjust="spacingAndGlyphs">https://täst.com/</text>
<text x="711" y="257" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="72" y="274" fill="#ffffaf" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Actual Host (Punycode):</text>
<text x="288" y="274" fill="#afafff" textLength="216" lengthAdjust="spacingAndGlyphs">https://xn--tst-qla.com/</text>
<text x="711" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="274" fill="#87afff" textLength="216" lengthAdjust="spacingAndGlyphs">https://xn--tst-qla.com/</text>
<text x="711" y="274" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="291" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="308" fill="#ffffff" textLength="180" lengthAdjust="spacingAndGlyphs"> Allow execution of </text>
<text x="189" y="308" fill="#ffffaf" textLength="54" lengthAdjust="spacingAndGlyphs" font-weight="bold">[echo]</text>
<text x="243" y="308" fill="#ffffff" textLength="468" lengthAdjust="spacingAndGlyphs">? </text>
<text x="711" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="340" width="9" height="17" fill="#005f00" />
<text x="711" y="308" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="325" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="340" width="9" height="17" fill="#001a00" />
<text x="18" y="342" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="27" y="340" width="9" height="17" fill="#005f00" />
<rect x="36" y="340" width="18" height="17" fill="#005f00" />
<rect x="27" y="340" width="9" height="17" fill="#001a00" />
<rect x="36" y="340" width="18" height="17" fill="#001a00" />
<text x="36" y="342" fill="#00cd00" textLength="18" lengthAdjust="spacingAndGlyphs">1.</text>
<rect x="54" y="340" width="9" height="17" fill="#005f00" />
<rect x="63" y="340" width="90" height="17" fill="#005f00" />
<rect x="54" y="340" width="9" height="17" fill="#001a00" />
<rect x="63" y="340" width="90" height="17" fill="#001a00" />
<text x="63" y="342" fill="#00cd00" textLength="90" lengthAdjust="spacingAndGlyphs">Allow once</text>
<rect x="153" y="340" width="135" height="17" fill="#005f00" />
<text x="711" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="153" y="340" width="135" height="17" fill="#001a00" />
<text x="711" y="342" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="359" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs">2.</text>
<text x="63" y="359" fill="#ffffff" textLength="198" lengthAdjust="spacingAndGlyphs">Allow for this session</text>
<text x="711" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="359" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="376" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs">3.</text>
<text x="63" y="376" fill="#ffffff" textLength="225" lengthAdjust="spacingAndGlyphs">No, suggest changes (esc)</text>
<text x="711" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#303030" textLength="720" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────╯</text>
<text x="711" y="376" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#333333" textLength="720" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────╯</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

804
packages/cli/src/ui/components/__snapshots__/ToolConfirmationQueue-ToolConfirmationQueue-height-allocation-and-layout-should-render-the-full-queue-wrapper-with-borders-and-content-for-large-edit-diffs.snap.svg
View file

@ -4,541 +4,541 @@
</style>
<rect width="740" height="683" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#303030" textLength="720" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="2" fill="#333333" textLength="720" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#ffffaf" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">? replace </text>
<text x="117" y="19" fill="#ffffff" textLength="234" lengthAdjust="spacingAndGlyphs">Replaces content in a file</text>
<text x="711" y="19" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#303030" textLength="684" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────╮</text>
<text x="711" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="53" fill="#a8a8a8" textLength="234" lengthAdjust="spacingAndGlyphs">... 13 hidden (Ctrl+O) ...</text>
<text x="693" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="68" width="9" height="17" fill="#008700" />
<rect x="45" y="68" width="9" height="17" fill="#008700" />
<text x="45" y="70" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">7</text>
<rect x="54" y="68" width="9" height="17" fill="#008700" />
<rect x="63" y="68" width="9" height="17" fill="#008700" />
<text x="711" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#333333" textLength="684" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────╮</text>
<text x="711" y="36" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="53" fill="#afafaf" textLength="234" lengthAdjust="spacingAndGlyphs">... 13 hidden (Ctrl+O) ...</text>
<text x="693" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="68" width="9" height="17" fill="#005f00" />
<rect x="45" y="68" width="9" height="17" fill="#005f00" />
<text x="45" y="70" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">7</text>
<rect x="54" y="68" width="9" height="17" fill="#005f00" />
<rect x="63" y="68" width="9" height="17" fill="#005f00" />
<text x="63" y="70" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="72" y="68" width="9" height="17" fill="#008700" />
<rect x="81" y="68" width="45" height="17" fill="#008700" />
<rect x="72" y="68" width="9" height="17" fill="#005f00" />
<rect x="81" y="68" width="45" height="17" fill="#005f00" />
<text x="81" y="70" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="68" width="108" height="17" fill="#008700" />
<rect x="126" y="68" width="108" height="17" fill="#005f00" />
<text x="126" y="70" fill="#e5e5e5" textLength="108" lengthAdjust="spacingAndGlyphs"> newLine7 = </text>
<rect x="234" y="68" width="36" height="17" fill="#008700" />
<rect x="234" y="68" width="36" height="17" fill="#005f00" />
<text x="234" y="70" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="270" y="68" width="9" height="17" fill="#008700" />
<rect x="270" y="68" width="9" height="17" fill="#005f00" />
<text x="270" y="70" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="85" width="9" height="17" fill="#870000" />
<rect x="45" y="85" width="9" height="17" fill="#870000" />
<text x="45" y="87" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">8</text>
<rect x="54" y="85" width="9" height="17" fill="#870000" />
<rect x="63" y="85" width="9" height="17" fill="#870000" />
<text x="63" y="87" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="85" width="9" height="17" fill="#870000" />
<rect x="81" y="85" width="45" height="17" fill="#870000" />
<text x="693" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="85" width="9" height="17" fill="#5f0000" />
<rect x="45" y="85" width="9" height="17" fill="#5f0000" />
<text x="45" y="87" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">8</text>
<rect x="54" y="85" width="9" height="17" fill="#5f0000" />
<rect x="63" y="85" width="9" height="17" fill="#5f0000" />
<text x="63" y="87" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="85" width="9" height="17" fill="#5f0000" />
<rect x="81" y="85" width="45" height="17" fill="#5f0000" />
<text x="81" y="87" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="85" width="108" height="17" fill="#870000" />
<rect x="126" y="85" width="108" height="17" fill="#5f0000" />
<text x="126" y="87" fill="#e5e5e5" textLength="108" lengthAdjust="spacingAndGlyphs"> oldLine8 = </text>
<rect x="234" y="85" width="36" height="17" fill="#870000" />
<rect x="234" y="85" width="36" height="17" fill="#5f0000" />
<text x="234" y="87" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="270" y="85" width="9" height="17" fill="#870000" />
<rect x="270" y="85" width="9" height="17" fill="#5f0000" />
<text x="270" y="87" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="102" width="9" height="17" fill="#008700" />
<rect x="45" y="102" width="9" height="17" fill="#008700" />
<text x="45" y="104" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">8</text>
<rect x="54" y="102" width="9" height="17" fill="#008700" />
<rect x="63" y="102" width="9" height="17" fill="#008700" />
<text x="693" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="102" width="9" height="17" fill="#005f00" />
<rect x="45" y="102" width="9" height="17" fill="#005f00" />
<text x="45" y="104" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">8</text>
<rect x="54" y="102" width="9" height="17" fill="#005f00" />
<rect x="63" y="102" width="9" height="17" fill="#005f00" />
<text x="63" y="104" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="72" y="102" width="9" height="17" fill="#008700" />
<rect x="81" y="102" width="45" height="17" fill="#008700" />
<rect x="72" y="102" width="9" height="17" fill="#005f00" />
<rect x="81" y="102" width="45" height="17" fill="#005f00" />
<text x="81" y="104" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="102" width="108" height="17" fill="#008700" />
<rect x="126" y="102" width="108" height="17" fill="#005f00" />
<text x="126" y="104" fill="#e5e5e5" textLength="108" lengthAdjust="spacingAndGlyphs"> newLine8 = </text>
<rect x="234" y="102" width="36" height="17" fill="#008700" />
<rect x="234" y="102" width="36" height="17" fill="#005f00" />
<text x="234" y="104" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="270" y="102" width="9" height="17" fill="#008700" />
<rect x="270" y="102" width="9" height="17" fill="#005f00" />
<text x="270" y="104" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="119" width="9" height="17" fill="#870000" />
<rect x="45" y="119" width="9" height="17" fill="#870000" />
<text x="45" y="121" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">9</text>
<rect x="54" y="119" width="9" height="17" fill="#870000" />
<rect x="63" y="119" width="9" height="17" fill="#870000" />
<text x="63" y="121" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="119" width="9" height="17" fill="#870000" />
<rect x="81" y="119" width="45" height="17" fill="#870000" />
<text x="693" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="119" width="9" height="17" fill="#5f0000" />
<rect x="45" y="119" width="9" height="17" fill="#5f0000" />
<text x="45" y="121" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">9</text>
<rect x="54" y="119" width="9" height="17" fill="#5f0000" />
<rect x="63" y="119" width="9" height="17" fill="#5f0000" />
<text x="63" y="121" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="119" width="9" height="17" fill="#5f0000" />
<rect x="81" y="119" width="45" height="17" fill="#5f0000" />
<text x="81" y="121" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="119" width="108" height="17" fill="#870000" />
<rect x="126" y="119" width="108" height="17" fill="#5f0000" />
<text x="126" y="121" fill="#e5e5e5" textLength="108" lengthAdjust="spacingAndGlyphs"> oldLine9 = </text>
<rect x="234" y="119" width="36" height="17" fill="#870000" />
<rect x="234" y="119" width="36" height="17" fill="#5f0000" />
<text x="234" y="121" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="270" y="119" width="9" height="17" fill="#870000" />
<rect x="270" y="119" width="9" height="17" fill="#5f0000" />
<text x="270" y="121" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="136" width="9" height="17" fill="#008700" />
<rect x="45" y="136" width="9" height="17" fill="#008700" />
<text x="45" y="138" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">9</text>
<rect x="54" y="136" width="9" height="17" fill="#008700" />
<rect x="63" y="136" width="9" height="17" fill="#008700" />
<text x="693" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="136" width="9" height="17" fill="#005f00" />
<rect x="45" y="136" width="9" height="17" fill="#005f00" />
<text x="45" y="138" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">9</text>
<rect x="54" y="136" width="9" height="17" fill="#005f00" />
<rect x="63" y="136" width="9" height="17" fill="#005f00" />
<text x="63" y="138" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="72" y="136" width="9" height="17" fill="#008700" />
<rect x="81" y="136" width="45" height="17" fill="#008700" />
<rect x="72" y="136" width="9" height="17" fill="#005f00" />
<rect x="81" y="136" width="45" height="17" fill="#005f00" />
<text x="81" y="138" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="136" width="108" height="17" fill="#008700" />
<rect x="126" y="136" width="108" height="17" fill="#005f00" />
<text x="126" y="138" fill="#e5e5e5" textLength="108" lengthAdjust="spacingAndGlyphs"> newLine9 = </text>
<rect x="234" y="136" width="36" height="17" fill="#008700" />
<rect x="234" y="136" width="36" height="17" fill="#005f00" />
<text x="234" y="138" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="270" y="136" width="9" height="17" fill="#008700" />
<rect x="270" y="136" width="9" height="17" fill="#005f00" />
<text x="270" y="138" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="153" width="18" height="17" fill="#870000" />
<text x="36" y="155" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">10</text>
<rect x="54" y="153" width="9" height="17" fill="#870000" />
<rect x="63" y="153" width="9" height="17" fill="#870000" />
<text x="63" y="155" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="153" width="9" height="17" fill="#870000" />
<rect x="81" y="153" width="45" height="17" fill="#870000" />
<text x="693" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="153" width="18" height="17" fill="#5f0000" />
<text x="36" y="155" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">10</text>
<rect x="54" y="153" width="9" height="17" fill="#5f0000" />
<rect x="63" y="153" width="9" height="17" fill="#5f0000" />
<text x="63" y="155" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="153" width="9" height="17" fill="#5f0000" />
<rect x="81" y="153" width="45" height="17" fill="#5f0000" />
<text x="81" y="155" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="153" width="117" height="17" fill="#870000" />
<rect x="126" y="153" width="117" height="17" fill="#5f0000" />
<text x="126" y="155" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> oldLine10 = </text>
<rect x="243" y="153" width="36" height="17" fill="#870000" />
<rect x="243" y="153" width="36" height="17" fill="#5f0000" />
<text x="243" y="155" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="279" y="153" width="9" height="17" fill="#870000" />
<rect x="279" y="153" width="9" height="17" fill="#5f0000" />
<text x="279" y="155" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="170" width="18" height="17" fill="#008700" />
<text x="36" y="172" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">10</text>
<rect x="54" y="170" width="9" height="17" fill="#008700" />
<rect x="63" y="170" width="9" height="17" fill="#008700" />
<text x="693" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="170" width="18" height="17" fill="#005f00" />
<text x="36" y="172" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">10</text>
<rect x="54" y="170" width="9" height="17" fill="#005f00" />
<rect x="63" y="170" width="9" height="17" fill="#005f00" />
<text x="63" y="172" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="72" y="170" width="9" height="17" fill="#008700" />
<rect x="81" y="170" width="45" height="17" fill="#008700" />
<rect x="72" y="170" width="9" height="17" fill="#005f00" />
<rect x="81" y="170" width="45" height="17" fill="#005f00" />
<text x="81" y="172" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="170" width="117" height="17" fill="#008700" />
<rect x="126" y="170" width="117" height="17" fill="#005f00" />
<text x="126" y="172" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> newLine10 = </text>
<rect x="243" y="170" width="36" height="17" fill="#008700" />
<rect x="243" y="170" width="36" height="17" fill="#005f00" />
<text x="243" y="172" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="279" y="170" width="9" height="17" fill="#008700" />
<rect x="279" y="170" width="9" height="17" fill="#005f00" />
<text x="279" y="172" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="187" width="18" height="17" fill="#870000" />
<text x="36" y="189" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">11</text>
<rect x="54" y="187" width="9" height="17" fill="#870000" />
<rect x="63" y="187" width="9" height="17" fill="#870000" />
<text x="63" y="189" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="187" width="9" height="17" fill="#870000" />
<rect x="81" y="187" width="45" height="17" fill="#870000" />
<text x="693" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="189" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="187" width="18" height="17" fill="#5f0000" />
<text x="36" y="189" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">11</text>
<rect x="54" y="187" width="9" height="17" fill="#5f0000" />
<rect x="63" y="187" width="9" height="17" fill="#5f0000" />
<text x="63" y="189" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="187" width="9" height="17" fill="#5f0000" />
<rect x="81" y="187" width="45" height="17" fill="#5f0000" />
<text x="81" y="189" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="187" width="117" height="17" fill="#870000" />
<rect x="126" y="187" width="117" height="17" fill="#5f0000" />
<text x="126" y="189" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> oldLine11 = </text>
<rect x="243" y="187" width="36" height="17" fill="#870000" />
<rect x="243" y="187" width="36" height="17" fill="#5f0000" />
<text x="243" y="189" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="279" y="187" width="9" height="17" fill="#870000" />
<rect x="279" y="187" width="9" height="17" fill="#5f0000" />
<text x="279" y="189" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="204" width="18" height="17" fill="#008700" />
<text x="36" y="206" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">11</text>
<rect x="54" y="204" width="9" height="17" fill="#008700" />
<rect x="63" y="204" width="9" height="17" fill="#008700" />
<text x="693" y="189" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="189" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="206" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="204" width="18" height="17" fill="#005f00" />
<text x="36" y="206" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">11</text>
<rect x="54" y="204" width="9" height="17" fill="#005f00" />
<rect x="63" y="204" width="9" height="17" fill="#005f00" />
<text x="63" y="206" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="72" y="204" width="9" height="17" fill="#008700" />
<rect x="81" y="204" width="45" height="17" fill="#008700" />
<rect x="72" y="204" width="9" height="17" fill="#005f00" />
<rect x="81" y="204" width="45" height="17" fill="#005f00" />
<text x="81" y="206" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="204" width="117" height="17" fill="#008700" />
<rect x="126" y="204" width="117" height="17" fill="#005f00" />
<text x="126" y="206" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> newLine11 = </text>
<rect x="243" y="204" width="36" height="17" fill="#008700" />
<rect x="243" y="204" width="36" height="17" fill="#005f00" />
<text x="243" y="206" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="279" y="204" width="9" height="17" fill="#008700" />
<rect x="279" y="204" width="9" height="17" fill="#005f00" />
<text x="279" y="206" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="221" width="18" height="17" fill="#870000" />
<text x="36" y="223" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">12</text>
<rect x="54" y="221" width="9" height="17" fill="#870000" />
<rect x="63" y="221" width="9" height="17" fill="#870000" />
<text x="63" y="223" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="221" width="9" height="17" fill="#870000" />
<rect x="81" y="221" width="45" height="17" fill="#870000" />
<text x="693" y="206" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="206" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="223" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="221" width="18" height="17" fill="#5f0000" />
<text x="36" y="223" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">12</text>
<rect x="54" y="221" width="9" height="17" fill="#5f0000" />
<rect x="63" y="221" width="9" height="17" fill="#5f0000" />
<text x="63" y="223" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="221" width="9" height="17" fill="#5f0000" />
<rect x="81" y="221" width="45" height="17" fill="#5f0000" />
<text x="81" y="223" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="221" width="117" height="17" fill="#870000" />
<rect x="126" y="221" width="117" height="17" fill="#5f0000" />
<text x="126" y="223" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> oldLine12 = </text>
<rect x="243" y="221" width="36" height="17" fill="#870000" />
<rect x="243" y="221" width="36" height="17" fill="#5f0000" />
<text x="243" y="223" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="279" y="221" width="9" height="17" fill="#870000" />
<rect x="279" y="221" width="9" height="17" fill="#5f0000" />
<text x="279" y="223" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="238" width="18" height="17" fill="#008700" />
<text x="36" y="240" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">12</text>
<rect x="54" y="238" width="9" height="17" fill="#008700" />
<rect x="63" y="238" width="9" height="17" fill="#008700" />
<text x="693" y="223" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="223" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="240" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="238" width="18" height="17" fill="#005f00" />
<text x="36" y="240" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">12</text>
<rect x="54" y="238" width="9" height="17" fill="#005f00" />
<rect x="63" y="238" width="9" height="17" fill="#005f00" />
<text x="63" y="240" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="72" y="238" width="9" height="17" fill="#008700" />
<rect x="81" y="238" width="45" height="17" fill="#008700" />
<rect x="72" y="238" width="9" height="17" fill="#005f00" />
<rect x="81" y="238" width="45" height="17" fill="#005f00" />
<text x="81" y="240" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="238" width="117" height="17" fill="#008700" />
<rect x="126" y="238" width="117" height="17" fill="#005f00" />
<text x="126" y="240" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> newLine12 = </text>
<rect x="243" y="238" width="36" height="17" fill="#008700" />
<rect x="243" y="238" width="36" height="17" fill="#005f00" />
<text x="243" y="240" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="279" y="238" width="9" height="17" fill="#008700" />
<rect x="279" y="238" width="9" height="17" fill="#005f00" />
<text x="279" y="240" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="255" width="18" height="17" fill="#870000" />
<text x="36" y="257" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">13</text>
<rect x="54" y="255" width="9" height="17" fill="#870000" />
<rect x="63" y="255" width="9" height="17" fill="#870000" />
<text x="63" y="257" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="255" width="9" height="17" fill="#870000" />
<rect x="81" y="255" width="45" height="17" fill="#870000" />
<text x="693" y="240" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="240" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="257" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="255" width="18" height="17" fill="#5f0000" />
<text x="36" y="257" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">13</text>
<rect x="54" y="255" width="9" height="17" fill="#5f0000" />
<rect x="63" y="255" width="9" height="17" fill="#5f0000" />
<text x="63" y="257" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="255" width="9" height="17" fill="#5f0000" />
<rect x="81" y="255" width="45" height="17" fill="#5f0000" />
<text x="81" y="257" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="255" width="117" height="17" fill="#870000" />
<rect x="126" y="255" width="117" height="17" fill="#5f0000" />
<text x="126" y="257" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> oldLine13 = </text>
<rect x="243" y="255" width="36" height="17" fill="#870000" />
<rect x="243" y="255" width="36" height="17" fill="#5f0000" />
<text x="243" y="257" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="279" y="255" width="9" height="17" fill="#870000" />
<rect x="279" y="255" width="9" height="17" fill="#5f0000" />
<text x="279" y="257" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="272" width="18" height="17" fill="#008700" />
<text x="36" y="274" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">13</text>
<rect x="54" y="272" width="9" height="17" fill="#008700" />
<rect x="63" y="272" width="9" height="17" fill="#008700" />
<text x="693" y="257" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="257" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="274" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="272" width="18" height="17" fill="#005f00" />
<text x="36" y="274" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">13</text>
<rect x="54" y="272" width="9" height="17" fill="#005f00" />
<rect x="63" y="272" width="9" height="17" fill="#005f00" />
<text x="63" y="274" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="72" y="272" width="9" height="17" fill="#008700" />
<rect x="81" y="272" width="45" height="17" fill="#008700" />
<rect x="72" y="272" width="9" height="17" fill="#005f00" />
<rect x="81" y="272" width="45" height="17" fill="#005f00" />
<text x="81" y="274" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="272" width="117" height="17" fill="#008700" />
<rect x="126" y="272" width="117" height="17" fill="#005f00" />
<text x="126" y="274" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> newLine13 = </text>
<rect x="243" y="272" width="36" height="17" fill="#008700" />
<rect x="243" y="272" width="36" height="17" fill="#005f00" />
<text x="243" y="274" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="279" y="272" width="9" height="17" fill="#008700" />
<rect x="279" y="272" width="9" height="17" fill="#005f00" />
<text x="279" y="274" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="289" width="18" height="17" fill="#870000" />
<text x="36" y="291" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">14</text>
<rect x="54" y="289" width="9" height="17" fill="#870000" />
<rect x="63" y="289" width="9" height="17" fill="#870000" />
<text x="63" y="291" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="289" width="9" height="17" fill="#870000" />
<rect x="81" y="289" width="45" height="17" fill="#870000" />
<text x="693" y="274" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="274" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="291" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="289" width="18" height="17" fill="#5f0000" />
<text x="36" y="291" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">14</text>
<rect x="54" y="289" width="9" height="17" fill="#5f0000" />
<rect x="63" y="289" width="9" height="17" fill="#5f0000" />
<text x="63" y="291" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="289" width="9" height="17" fill="#5f0000" />
<rect x="81" y="289" width="45" height="17" fill="#5f0000" />
<text x="81" y="291" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="289" width="117" height="17" fill="#870000" />
<rect x="126" y="289" width="117" height="17" fill="#5f0000" />
<text x="126" y="291" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> oldLine14 = </text>
<rect x="243" y="289" width="36" height="17" fill="#870000" />
<rect x="243" y="289" width="36" height="17" fill="#5f0000" />
<text x="243" y="291" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="279" y="289" width="9" height="17" fill="#870000" />
<rect x="279" y="289" width="9" height="17" fill="#5f0000" />
<text x="279" y="291" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="306" width="18" height="17" fill="#008700" />
<text x="36" y="308" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">14</text>
<rect x="54" y="306" width="9" height="17" fill="#008700" />
<rect x="63" y="306" width="9" height="17" fill="#008700" />
<text x="693" y="291" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="291" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="308" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="306" width="18" height="17" fill="#005f00" />
<text x="36" y="308" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">14</text>
<rect x="54" y="306" width="9" height="17" fill="#005f00" />
<rect x="63" y="306" width="9" height="17" fill="#005f00" />
<text x="63" y="308" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="72" y="306" width="9" height="17" fill="#008700" />
<rect x="81" y="306" width="45" height="17" fill="#008700" />
<rect x="72" y="306" width="9" height="17" fill="#005f00" />
<rect x="81" y="306" width="45" height="17" fill="#005f00" />
<text x="81" y="308" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="306" width="117" height="17" fill="#008700" />
<rect x="126" y="306" width="117" height="17" fill="#005f00" />
<text x="126" y="308" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> newLine14 = </text>
<rect x="243" y="306" width="36" height="17" fill="#008700" />
<rect x="243" y="306" width="36" height="17" fill="#005f00" />
<text x="243" y="308" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="279" y="306" width="9" height="17" fill="#008700" />
<rect x="279" y="306" width="9" height="17" fill="#005f00" />
<text x="279" y="308" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="323" width="18" height="17" fill="#870000" />
<text x="36" y="325" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">15</text>
<rect x="54" y="323" width="9" height="17" fill="#870000" />
<rect x="63" y="323" width="9" height="17" fill="#870000" />
<text x="63" y="325" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="323" width="9" height="17" fill="#870000" />
<rect x="81" y="323" width="45" height="17" fill="#870000" />
<text x="693" y="308" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="308" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="325" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="323" width="18" height="17" fill="#5f0000" />
<text x="36" y="325" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">15</text>
<rect x="54" y="323" width="9" height="17" fill="#5f0000" />
<rect x="63" y="323" width="9" height="17" fill="#5f0000" />
<text x="63" y="325" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="323" width="9" height="17" fill="#5f0000" />
<rect x="81" y="323" width="45" height="17" fill="#5f0000" />
<text x="81" y="325" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="323" width="117" height="17" fill="#870000" />
<rect x="126" y="323" width="117" height="17" fill="#5f0000" />
<text x="126" y="325" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> oldLine15 = </text>
<rect x="243" y="323" width="36" height="17" fill="#870000" />
<rect x="243" y="323" width="36" height="17" fill="#5f0000" />
<text x="243" y="325" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="279" y="323" width="9" height="17" fill="#870000" />
<rect x="279" y="323" width="9" height="17" fill="#5f0000" />
<text x="279" y="325" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="340" width="18" height="17" fill="#008700" />
<text x="36" y="342" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">15</text>
<rect x="54" y="340" width="9" height="17" fill="#008700" />
<rect x="63" y="340" width="9" height="17" fill="#008700" />
<text x="693" y="325" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="325" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="342" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="340" width="18" height="17" fill="#005f00" />
<text x="36" y="342" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">15</text>
<rect x="54" y="340" width="9" height="17" fill="#005f00" />
<rect x="63" y="340" width="9" height="17" fill="#005f00" />
<text x="63" y="342" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="72" y="340" width="9" height="17" fill="#008700" />
<rect x="81" y="340" width="45" height="17" fill="#008700" />
<rect x="72" y="340" width="9" height="17" fill="#005f00" />
<rect x="81" y="340" width="45" height="17" fill="#005f00" />
<text x="81" y="342" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="340" width="117" height="17" fill="#008700" />
<rect x="126" y="340" width="117" height="17" fill="#005f00" />
<text x="126" y="342" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> newLine15 = </text>
<rect x="243" y="340" width="36" height="17" fill="#008700" />
<rect x="243" y="340" width="36" height="17" fill="#005f00" />
<text x="243" y="342" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="279" y="340" width="9" height="17" fill="#008700" />
<rect x="279" y="340" width="9" height="17" fill="#005f00" />
<text x="279" y="342" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="357" width="18" height="17" fill="#870000" />
<text x="36" y="359" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">16</text>
<rect x="54" y="357" width="9" height="17" fill="#870000" />
<rect x="63" y="357" width="9" height="17" fill="#870000" />
<text x="63" y="359" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="357" width="9" height="17" fill="#870000" />
<rect x="81" y="357" width="45" height="17" fill="#870000" />
<text x="693" y="342" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="342" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="359" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="357" width="18" height="17" fill="#5f0000" />
<text x="36" y="359" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">16</text>
<rect x="54" y="357" width="9" height="17" fill="#5f0000" />
<rect x="63" y="357" width="9" height="17" fill="#5f0000" />
<text x="63" y="359" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="357" width="9" height="17" fill="#5f0000" />
<rect x="81" y="357" width="45" height="17" fill="#5f0000" />
<text x="81" y="359" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="357" width="117" height="17" fill="#870000" />
<rect x="126" y="357" width="117" height="17" fill="#5f0000" />
<text x="126" y="359" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> oldLine16 = </text>
<rect x="243" y="357" width="36" height="17" fill="#870000" />
<rect x="243" y="357" width="36" height="17" fill="#5f0000" />
<text x="243" y="359" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="279" y="357" width="9" height="17" fill="#870000" />
<rect x="279" y="357" width="9" height="17" fill="#5f0000" />
<text x="279" y="359" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="374" width="18" height="17" fill="#008700" />
<text x="36" y="376" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">16</text>
<rect x="54" y="374" width="9" height="17" fill="#008700" />
<rect x="63" y="374" width="9" height="17" fill="#008700" />
<text x="693" y="359" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="359" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="376" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="374" width="18" height="17" fill="#005f00" />
<text x="36" y="376" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">16</text>
<rect x="54" y="374" width="9" height="17" fill="#005f00" />
<rect x="63" y="374" width="9" height="17" fill="#005f00" />
<text x="63" y="376" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="72" y="374" width="9" height="17" fill="#008700" />
<rect x="81" y="374" width="45" height="17" fill="#008700" />
<rect x="72" y="374" width="9" height="17" fill="#005f00" />
<rect x="81" y="374" width="45" height="17" fill="#005f00" />
<text x="81" y="376" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="374" width="117" height="17" fill="#008700" />
<rect x="126" y="374" width="117" height="17" fill="#005f00" />
<text x="126" y="376" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> newLine16 = </text>
<rect x="243" y="374" width="36" height="17" fill="#008700" />
<rect x="243" y="374" width="36" height="17" fill="#005f00" />
<text x="243" y="376" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="279" y="374" width="9" height="17" fill="#008700" />
<rect x="279" y="374" width="9" height="17" fill="#005f00" />
<text x="279" y="376" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="391" width="18" height="17" fill="#870000" />
<text x="36" y="393" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">17</text>
<rect x="54" y="391" width="9" height="17" fill="#870000" />
<rect x="63" y="391" width="9" height="17" fill="#870000" />
<text x="63" y="393" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="391" width="9" height="17" fill="#870000" />
<rect x="81" y="391" width="45" height="17" fill="#870000" />
<text x="693" y="376" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="376" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="393" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="391" width="18" height="17" fill="#5f0000" />
<text x="36" y="393" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">17</text>
<rect x="54" y="391" width="9" height="17" fill="#5f0000" />
<rect x="63" y="391" width="9" height="17" fill="#5f0000" />
<text x="63" y="393" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="391" width="9" height="17" fill="#5f0000" />
<rect x="81" y="391" width="45" height="17" fill="#5f0000" />
<text x="81" y="393" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="391" width="117" height="17" fill="#870000" />
<rect x="126" y="391" width="117" height="17" fill="#5f0000" />
<text x="126" y="393" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> oldLine17 = </text>
<rect x="243" y="391" width="36" height="17" fill="#870000" />
<rect x="243" y="391" width="36" height="17" fill="#5f0000" />
<text x="243" y="393" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="279" y="391" width="9" height="17" fill="#870000" />
<rect x="279" y="391" width="9" height="17" fill="#5f0000" />
<text x="279" y="393" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="408" width="18" height="17" fill="#008700" />
<text x="36" y="410" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">17</text>
<rect x="54" y="408" width="9" height="17" fill="#008700" />
<rect x="63" y="408" width="9" height="17" fill="#008700" />
<text x="693" y="393" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="393" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="410" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="408" width="18" height="17" fill="#005f00" />
<text x="36" y="410" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">17</text>
<rect x="54" y="408" width="9" height="17" fill="#005f00" />
<rect x="63" y="408" width="9" height="17" fill="#005f00" />
<text x="63" y="410" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="72" y="408" width="9" height="17" fill="#008700" />
<rect x="81" y="408" width="45" height="17" fill="#008700" />
<rect x="72" y="408" width="9" height="17" fill="#005f00" />
<rect x="81" y="408" width="45" height="17" fill="#005f00" />
<text x="81" y="410" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="408" width="117" height="17" fill="#008700" />
<rect x="126" y="408" width="117" height="17" fill="#005f00" />
<text x="126" y="410" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> newLine17 = </text>
<rect x="243" y="408" width="36" height="17" fill="#008700" />
<rect x="243" y="408" width="36" height="17" fill="#005f00" />
<text x="243" y="410" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="279" y="408" width="9" height="17" fill="#008700" />
<rect x="279" y="408" width="9" height="17" fill="#005f00" />
<text x="279" y="410" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="425" width="18" height="17" fill="#870000" />
<text x="36" y="427" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">18</text>
<rect x="54" y="425" width="9" height="17" fill="#870000" />
<rect x="63" y="425" width="9" height="17" fill="#870000" />
<text x="63" y="427" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="425" width="9" height="17" fill="#870000" />
<rect x="81" y="425" width="45" height="17" fill="#870000" />
<text x="693" y="410" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="410" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="427" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="425" width="18" height="17" fill="#5f0000" />
<text x="36" y="427" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">18</text>
<rect x="54" y="425" width="9" height="17" fill="#5f0000" />
<rect x="63" y="425" width="9" height="17" fill="#5f0000" />
<text x="63" y="427" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="425" width="9" height="17" fill="#5f0000" />
<rect x="81" y="425" width="45" height="17" fill="#5f0000" />
<text x="81" y="427" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="425" width="117" height="17" fill="#870000" />
<rect x="126" y="425" width="117" height="17" fill="#5f0000" />
<text x="126" y="427" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> oldLine18 = </text>
<rect x="243" y="425" width="36" height="17" fill="#870000" />
<rect x="243" y="425" width="36" height="17" fill="#5f0000" />
<text x="243" y="427" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="279" y="425" width="9" height="17" fill="#870000" />
<rect x="279" y="425" width="9" height="17" fill="#5f0000" />
<text x="279" y="427" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="442" width="18" height="17" fill="#008700" />
<text x="36" y="444" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">18</text>
<rect x="54" y="442" width="9" height="17" fill="#008700" />
<rect x="63" y="442" width="9" height="17" fill="#008700" />
<text x="693" y="427" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="427" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="444" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="442" width="18" height="17" fill="#005f00" />
<text x="36" y="444" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">18</text>
<rect x="54" y="442" width="9" height="17" fill="#005f00" />
<rect x="63" y="442" width="9" height="17" fill="#005f00" />
<text x="63" y="444" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="72" y="442" width="9" height="17" fill="#008700" />
<rect x="81" y="442" width="45" height="17" fill="#008700" />
<rect x="72" y="442" width="9" height="17" fill="#005f00" />
<rect x="81" y="442" width="45" height="17" fill="#005f00" />
<text x="81" y="444" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="442" width="117" height="17" fill="#008700" />
<rect x="126" y="442" width="117" height="17" fill="#005f00" />
<text x="126" y="444" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> newLine18 = </text>
<rect x="243" y="442" width="36" height="17" fill="#008700" />
<rect x="243" y="442" width="36" height="17" fill="#005f00" />
<text x="243" y="444" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="279" y="442" width="9" height="17" fill="#008700" />
<rect x="279" y="442" width="9" height="17" fill="#005f00" />
<text x="279" y="444" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="459" width="18" height="17" fill="#870000" />
<text x="36" y="461" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">19</text>
<rect x="54" y="459" width="9" height="17" fill="#870000" />
<rect x="63" y="459" width="9" height="17" fill="#870000" />
<text x="63" y="461" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="459" width="9" height="17" fill="#870000" />
<rect x="81" y="459" width="45" height="17" fill="#870000" />
<text x="693" y="444" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="444" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="461" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="459" width="18" height="17" fill="#5f0000" />
<text x="36" y="461" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">19</text>
<rect x="54" y="459" width="9" height="17" fill="#5f0000" />
<rect x="63" y="459" width="9" height="17" fill="#5f0000" />
<text x="63" y="461" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="459" width="9" height="17" fill="#5f0000" />
<rect x="81" y="459" width="45" height="17" fill="#5f0000" />
<text x="81" y="461" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="459" width="117" height="17" fill="#870000" />
<rect x="126" y="459" width="117" height="17" fill="#5f0000" />
<text x="126" y="461" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> oldLine19 = </text>
<rect x="243" y="459" width="36" height="17" fill="#870000" />
<rect x="243" y="459" width="36" height="17" fill="#5f0000" />
<text x="243" y="461" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="279" y="459" width="9" height="17" fill="#870000" />
<rect x="279" y="459" width="9" height="17" fill="#5f0000" />
<text x="279" y="461" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="476" width="18" height="17" fill="#008700" />
<text x="36" y="478" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">19</text>
<rect x="54" y="476" width="9" height="17" fill="#008700" />
<rect x="63" y="476" width="9" height="17" fill="#008700" />
<text x="693" y="461" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="461" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="478" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="476" width="18" height="17" fill="#005f00" />
<text x="36" y="478" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">19</text>
<rect x="54" y="476" width="9" height="17" fill="#005f00" />
<rect x="63" y="476" width="9" height="17" fill="#005f00" />
<text x="63" y="478" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="72" y="476" width="9" height="17" fill="#008700" />
<rect x="81" y="476" width="45" height="17" fill="#008700" />
<rect x="72" y="476" width="9" height="17" fill="#005f00" />
<rect x="81" y="476" width="45" height="17" fill="#005f00" />
<text x="81" y="478" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="476" width="117" height="17" fill="#008700" />
<rect x="126" y="476" width="117" height="17" fill="#005f00" />
<text x="126" y="478" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> newLine19 = </text>
<rect x="243" y="476" width="36" height="17" fill="#008700" />
<rect x="243" y="476" width="36" height="17" fill="#005f00" />
<text x="243" y="478" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="279" y="476" width="9" height="17" fill="#008700" />
<rect x="279" y="476" width="9" height="17" fill="#005f00" />
<text x="279" y="478" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="493" width="18" height="17" fill="#870000" />
<text x="36" y="495" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">20</text>
<rect x="54" y="493" width="9" height="17" fill="#870000" />
<rect x="63" y="493" width="9" height="17" fill="#870000" />
<text x="63" y="495" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="493" width="9" height="17" fill="#870000" />
<rect x="81" y="493" width="45" height="17" fill="#870000" />
<text x="693" y="478" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="478" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="495" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="493" width="18" height="17" fill="#5f0000" />
<text x="36" y="495" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">20</text>
<rect x="54" y="493" width="9" height="17" fill="#5f0000" />
<rect x="63" y="493" width="9" height="17" fill="#5f0000" />
<text x="63" y="495" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="72" y="493" width="9" height="17" fill="#5f0000" />
<rect x="81" y="493" width="45" height="17" fill="#5f0000" />
<text x="81" y="495" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="493" width="117" height="17" fill="#870000" />
<rect x="126" y="493" width="117" height="17" fill="#5f0000" />
<text x="126" y="495" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> oldLine20 = </text>
<rect x="243" y="493" width="36" height="17" fill="#870000" />
<rect x="243" y="493" width="36" height="17" fill="#5f0000" />
<text x="243" y="495" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="279" y="493" width="9" height="17" fill="#870000" />
<rect x="279" y="493" width="9" height="17" fill="#5f0000" />
<text x="279" y="495" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="510" width="18" height="17" fill="#008700" />
<text x="36" y="512" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">20</text>
<rect x="54" y="510" width="9" height="17" fill="#008700" />
<rect x="63" y="510" width="9" height="17" fill="#008700" />
<text x="693" y="495" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="495" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="512" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="36" y="510" width="18" height="17" fill="#005f00" />
<text x="36" y="512" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">20</text>
<rect x="54" y="510" width="9" height="17" fill="#005f00" />
<rect x="63" y="510" width="9" height="17" fill="#005f00" />
<text x="63" y="512" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="72" y="510" width="9" height="17" fill="#008700" />
<rect x="81" y="510" width="45" height="17" fill="#008700" />
<rect x="72" y="510" width="9" height="17" fill="#005f00" />
<rect x="81" y="510" width="45" height="17" fill="#005f00" />
<text x="81" y="512" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="126" y="510" width="117" height="17" fill="#008700" />
<rect x="126" y="510" width="117" height="17" fill="#005f00" />
<text x="126" y="512" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> newLine20 = </text>
<rect x="243" y="510" width="36" height="17" fill="#008700" />
<rect x="243" y="510" width="36" height="17" fill="#005f00" />
<text x="243" y="512" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="279" y="510" width="9" height="17" fill="#008700" />
<rect x="279" y="510" width="9" height="17" fill="#005f00" />
<text x="279" y="512" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="693" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="529" fill="#303030" textLength="684" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────╯</text>
<text x="711" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="512" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="512" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="529" fill="#333333" textLength="684" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────╯</text>
<text x="711" y="529" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="546" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Apply this change?</text>
<text x="711" y="546" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="563" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="578" width="9" height="17" fill="#005f00" />
<text x="711" y="546" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="563" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="578" width="9" height="17" fill="#001a00" />
<text x="18" y="580" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="27" y="578" width="9" height="17" fill="#005f00" />
<rect x="36" y="578" width="18" height="17" fill="#005f00" />
<rect x="27" y="578" width="9" height="17" fill="#001a00" />
<rect x="36" y="578" width="18" height="17" fill="#001a00" />
<text x="36" y="580" fill="#00cd00" textLength="18" lengthAdjust="spacingAndGlyphs">1.</text>
<rect x="54" y="578" width="9" height="17" fill="#005f00" />
<rect x="63" y="578" width="90" height="17" fill="#005f00" />
<rect x="54" y="578" width="9" height="17" fill="#001a00" />
<rect x="63" y="578" width="90" height="17" fill="#001a00" />
<text x="63" y="580" fill="#00cd00" textLength="90" lengthAdjust="spacingAndGlyphs">Allow once</text>
<rect x="153" y="578" width="153" height="17" fill="#005f00" />
<text x="711" y="580" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="153" y="578" width="153" height="17" fill="#001a00" />
<text x="711" y="580" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="597" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs">2.</text>
<text x="63" y="597" fill="#ffffff" textLength="198" lengthAdjust="spacingAndGlyphs">Allow for this session</text>
<text x="711" y="597" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="597" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs">3.</text>
<text x="63" y="614" fill="#ffffff" textLength="243" lengthAdjust="spacingAndGlyphs">Modify with external editor</text>
<text x="711" y="614" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="614" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs">4.</text>
<text x="63" y="631" fill="#ffffff" textLength="225" lengthAdjust="spacingAndGlyphs">No, suggest changes (esc)</text>
<text x="711" y="631" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#303030" textLength="720" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────╯</text>
<text x="711" y="631" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#333333" textLength="720" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────╯</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 46 KiB

288
packages/cli/src/ui/components/__snapshots__/ToolConfirmationQueue-ToolConfirmationQueue-height-allocation-and-layout-should-render-the-full-queue-wrapper-with-borders-and-content-for-large-exec-commands.snap.svg
View file

@ -4,217 +4,217 @@
</style>
<rect width="740" height="683" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#303030" textLength="720" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="2" fill="#333333" textLength="720" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#ffffaf" textLength="81" lengthAdjust="spacingAndGlyphs" font-weight="bold">? Shell </text>
<text x="99" y="19" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs">Executes a bash command</text>
<text x="648" y="19" fill="#a8a8a8" textLength="54" lengthAdjust="spacingAndGlyphs">2 of 3</text>
<text x="711" y="19" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#303030" textLength="684" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────╮</text>
<text x="711" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="53" fill="#a8a8a8" textLength="234" lengthAdjust="spacingAndGlyphs">... 22 hidden (Ctrl+O) ...</text>
<text x="693" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="648" y="19" fill="#afafaf" textLength="54" lengthAdjust="spacingAndGlyphs">2 of 3</text>
<text x="711" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#333333" textLength="684" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────╮</text>
<text x="711" y="36" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="53" fill="#afafaf" textLength="234" lengthAdjust="spacingAndGlyphs">... 22 hidden (Ctrl+O) ...</text>
<text x="693" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="70" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="70" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 23&quot;</text>
<text x="693" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="87" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="87" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 24&quot;</text>
<text x="693" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="104" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="104" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 25&quot;</text>
<text x="693" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="121" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="121" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 26&quot;</text>
<text x="693" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="138" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="138" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 27&quot;</text>
<text x="693" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="155" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="155" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 28&quot;</text>
<text x="693" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="172" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="172" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 29&quot;</text>
<text x="693" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="189" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="189" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="189" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 30&quot;</text>
<text x="693" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="189" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="189" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="206" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="206" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="206" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 31&quot;</text>
<text x="693" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="206" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="206" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="223" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="223" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="223" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 32&quot;</text>
<text x="693" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="223" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="223" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="240" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="240" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="240" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 33&quot;</text>
<text x="693" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="240" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="240" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="257" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="257" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="257" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 34&quot;</text>
<text x="693" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="257" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="257" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="274" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="274" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="274" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 35&quot;</text>
<text x="693" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="274" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="274" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="291" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="291" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="291" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 36&quot;</text>
<text x="693" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="291" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="291" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="308" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="308" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="308" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 37&quot;</text>
<text x="693" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="308" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="308" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="325" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="325" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="325" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 38&quot;</text>
<text x="693" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="325" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="325" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="342" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="342" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="342" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 39&quot;</text>
<text x="693" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="342" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="342" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="359" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="359" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="359" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 40&quot;</text>
<text x="693" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="359" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="359" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="376" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="376" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="376" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 41&quot;</text>
<text x="693" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="376" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="376" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="393" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="393" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="393" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 42&quot;</text>
<text x="693" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="393" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="393" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="410" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="410" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="410" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 43&quot;</text>
<text x="693" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="410" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="410" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="427" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="427" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="427" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 44&quot;</text>
<text x="693" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="427" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="427" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="444" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="444" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="444" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 45&quot;</text>
<text x="693" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="444" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="444" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="461" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="461" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="461" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 46&quot;</text>
<text x="693" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="461" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="461" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="478" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="478" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="478" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 47&quot;</text>
<text x="693" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="478" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="478" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="495" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="495" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="495" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 48&quot;</text>
<text x="693" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="495" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="495" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="512" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="512" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="512" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 49&quot;</text>
<text x="693" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="512" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="512" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="529" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="529" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="529" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 50&quot;</text>
<text x="693" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="546" fill="#303030" textLength="684" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────╯</text>
<text x="711" y="546" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="693" y="529" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="529" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="546" fill="#333333" textLength="684" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────╯</text>
<text x="711" y="546" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="563" fill="#ffffff" textLength="180" lengthAdjust="spacingAndGlyphs"> Allow execution of </text>
<text x="189" y="563" fill="#ffffaf" textLength="54" lengthAdjust="spacingAndGlyphs" font-weight="bold">[echo]</text>
<text x="243" y="563" fill="#ffffff" textLength="468" lengthAdjust="spacingAndGlyphs">? </text>
<text x="711" y="563" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="580" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="595" width="9" height="17" fill="#005f00" />
<text x="711" y="563" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="580" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="597" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="595" width="9" height="17" fill="#001a00" />
<text x="18" y="597" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="27" y="595" width="9" height="17" fill="#005f00" />
<rect x="36" y="595" width="18" height="17" fill="#005f00" />
<rect x="27" y="595" width="9" height="17" fill="#001a00" />
<rect x="36" y="595" width="18" height="17" fill="#001a00" />
<text x="36" y="597" fill="#00cd00" textLength="18" lengthAdjust="spacingAndGlyphs">1.</text>
<rect x="54" y="595" width="9" height="17" fill="#005f00" />
<rect x="63" y="595" width="90" height="17" fill="#005f00" />
<rect x="54" y="595" width="9" height="17" fill="#001a00" />
<rect x="63" y="595" width="90" height="17" fill="#001a00" />
<text x="63" y="597" fill="#00cd00" textLength="90" lengthAdjust="spacingAndGlyphs">Allow once</text>
<rect x="153" y="595" width="135" height="17" fill="#005f00" />
<text x="711" y="597" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="153" y="595" width="135" height="17" fill="#001a00" />
<text x="711" y="597" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="614" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs">2.</text>
<text x="63" y="614" fill="#ffffff" textLength="198" lengthAdjust="spacingAndGlyphs">Allow for this session</text>
<text x="711" y="614" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="614" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="631" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs">3.</text>
<text x="63" y="631" fill="#ffffff" textLength="225" lengthAdjust="spacingAndGlyphs">No, suggest changes (esc)</text>
<text x="711" y="631" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#303030" textLength="720" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────╯</text>
<text x="711" y="631" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="648" fill="#333333" textLength="720" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────╯</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 22 KiB

67
packages/cli/src/ui/components/messages/__snapshots__/DenseToolMessage-DenseToolMessage-Visual-Regression-matches-SVG-snapshot-for-a-Rejected-tool-call.snap.svg
View file

@ -1,68 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="768" viewBox="0 0 920 768">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="37" viewBox="0 0 920 37">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="768" fill="#000000" />
<rect width="920" height="37" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> config.getUseTerminalBuffer is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/hooks/useAlternateBuffer.ts:16:44 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 13: // Right now this is convenient as it allows us to special case terminalBuffer </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 14: // rendering like we special case alternateBuffer rendering. </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 15: export const isAlternateBufferEnabled = (config: Config): boolean =&gt; </text>
<rect x="9" y="136" width="630" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="630" lengthAdjust="spacingAndGlyphs">16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 17: </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 18: // This is read from Config so that the UI reads the same value per application session </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 19: export const useAlternateBuffer = (): boolean =&gt; { </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs" font-weight="bold">isAlternateBufferEnabled</text>
<text x="243" y="223" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:16:44)</text>
<text x="0" y="240" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="240" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">useAlternateBuffer</text>
<text x="189" y="240" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:21:10)</text>
<text x="0" y="257" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="257" fill="#ffffff" textLength="144" lengthAdjust="spacingAndGlyphs" font-weight="bold">DenseToolMessage</text>
<text x="171" y="257" fill="#7f7f7f" textLength="513" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/messages/DenseToolMessage.tsx:275:29)</text>
<text x="0" y="274" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="274" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="291" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="291" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="308" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="325" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="342" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="342" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="359" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="359" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="376" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="393" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="410" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="410" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="427" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="427" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="444" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="461" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="478" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="478" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="495" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="512" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="546" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="546" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="563" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="563" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="580" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="597" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="614" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="631" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="648" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="665" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="682" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="682" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="699" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="716" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="733" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<text x="18" y="2" fill="#ffffaf" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">-</text>
<text x="45" y="2" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs" font-weight="bold">read_file </text>
<text x="144" y="2" fill="#afafaf" textLength="189" lengthAdjust="spacingAndGlyphs">Reading important.txt</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.7 KiB

After

Width:  |  Height:  |  Size: 693 B

89
packages/cli/src/ui/components/messages/__snapshots__/DenseToolMessage-DenseToolMessage-Visual-Regression-matches-SVG-snapshot-for-an-Accepted-file-edit-with-diff-stats.snap.svg
View file

@ -1,68 +1,33 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="768" viewBox="0 0 920 768">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="88" viewBox="0 0 920 88">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="768" fill="#000000" />
<rect width="920" height="88" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> config.getUseTerminalBuffer is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/hooks/useAlternateBuffer.ts:16:44 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 13: // Right now this is convenient as it allows us to special case terminalBuffer </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 14: // rendering like we special case alternateBuffer rendering. </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 15: export const isAlternateBufferEnabled = (config: Config): boolean =&gt; </text>
<rect x="9" y="136" width="630" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="630" lengthAdjust="spacingAndGlyphs">16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 17: </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 18: // This is read from Config so that the UI reads the same value per application session </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 19: export const useAlternateBuffer = (): boolean =&gt; { </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs" font-weight="bold">isAlternateBufferEnabled</text>
<text x="243" y="223" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:16:44)</text>
<text x="0" y="240" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="240" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">useAlternateBuffer</text>
<text x="189" y="240" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:21:10)</text>
<text x="0" y="257" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="257" fill="#ffffff" textLength="144" lengthAdjust="spacingAndGlyphs" font-weight="bold">DenseToolMessage</text>
<text x="171" y="257" fill="#7f7f7f" textLength="513" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/messages/DenseToolMessage.tsx:275:29)</text>
<text x="0" y="274" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="274" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="291" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="291" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="308" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="325" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="342" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="342" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="359" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="359" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="376" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="393" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="410" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="410" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="427" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="427" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="444" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="461" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="478" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="478" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="495" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="512" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="546" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="546" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="563" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="563" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="580" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="597" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="614" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="631" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="648" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="665" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="682" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="682" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="699" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="716" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="733" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<text x="18" y="2" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">✓</text>
<text x="45" y="2" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">edit </text>
<text x="99" y="2" fill="#afafaf" textLength="63" lengthAdjust="spacingAndGlyphs">test.ts</text>
<text x="171" y="2" fill="#d7afff" textLength="90" lengthAdjust="spacingAndGlyphs">→ Accepted</text>
<text x="270" y="2" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">(</text>
<text x="279" y="2" fill="#d7ffd7" textLength="18" lengthAdjust="spacingAndGlyphs">+1</text>
<text x="297" y="2" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">, </text>
<text x="315" y="2" fill="#ff87af" textLength="18" lengthAdjust="spacingAndGlyphs">-1</text>
<text x="333" y="2" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">)</text>
<rect x="54" y="34" width="9" height="17" fill="#5f0000" />
<text x="54" y="36" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">1</text>
<rect x="63" y="34" width="9" height="17" fill="#5f0000" />
<rect x="72" y="34" width="9" height="17" fill="#5f0000" />
<text x="72" y="36" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="81" y="34" width="9" height="17" fill="#5f0000" />
<rect x="90" y="34" width="27" height="17" fill="#5f0000" />
<text x="90" y="36" fill="#e5e5e5" textLength="27" lengthAdjust="spacingAndGlyphs">old</text>
<rect x="54" y="51" width="9" height="17" fill="#005f00" />
<text x="54" y="53" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">1</text>
<rect x="63" y="51" width="9" height="17" fill="#005f00" />
<rect x="72" y="51" width="9" height="17" fill="#005f00" />
<text x="72" y="53" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="81" y="51" width="9" height="17" fill="#005f00" />
<rect x="90" y="51" width="27" height="17" fill="#005f00" />
<text x="90" y="53" fill="#0000ee" textLength="27" lengthAdjust="spacingAndGlyphs">new</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.7 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

139
packages/cli/src/ui/components/messages/__snapshots__/DenseToolMessage.test.tsx.snap
View file

@ -13,147 +13,18 @@ exports[`DenseToolMessage > Toggleable Diff View (Alternate Buffer) > shows diff
"
`;
exports[`DenseToolMessage > Visual Regression > matches SVG snapshot for a Rejected tool call 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- DenseToolMessage (src/ui/components/messages/DenseToolMessage.tsx:275:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"
`;
exports[`DenseToolMessage > Visual Regression > matches SVG snapshot for a Rejected tool call 1`] = `" - read_file Reading important.txt"`;
exports[`DenseToolMessage > Visual Regression > matches SVG snapshot for an Accepted file edit with diff stats 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
" ✓ edit test.ts → Accepted (+1, -1)
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- DenseToolMessage (src/ui/components/messages/DenseToolMessage.tsx:275:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
1 - old
1 + new
"
`;
exports[`DenseToolMessage > does not render result arrow if resultDisplay is missing 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- DenseToolMessage (src/ui/components/messages/DenseToolMessage.tsx:275:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
" o test-tool Test description
"
`;

233
packages/cli/src/ui/components/messages/__snapshots__/GeminiMessage.test.tsx.snap
View file

@ -1,241 +1,42 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`<GeminiMessage /> - Raw Markdown Display Snapshots > renders pending state with renderMarkdown=false 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
"✦ Test **bold** and \`code\` markdown
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- MarkdownDisplayInternal (src/ui/utils/MarkdownDisplay.tsx:39:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-updateSimpleMemoComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-c
ode-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.
development.js:6328:14)
-updateMemoCompon
nt (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-
grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.developm
ent.js:6261:13)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8423:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
\`\`\`javascript
const x = 1;
\`\`\`
"
`;
exports[`<GeminiMessage /> - Raw Markdown Display Snapshots > renders pending state with renderMarkdown=true 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
"✦ Test bold and code markdown
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- MarkdownDisplayInternal (src/ui/utils/MarkdownDisplay.tsx:39:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-updateSimpleMemoComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-c
ode-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.
development.js:6328:14)
-updateMemoCompon
nt (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-
grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.developm
ent.js:6261:13)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8423:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
1 const x = 1;
"
`;
exports[`<GeminiMessage /> - Raw Markdown Display Snapshots > renders with renderMarkdown=false '(raw markdown with syntax highlightin…' 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
"✦ Test **bold** and \`code\` markdown
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- MarkdownDisplayInternal (src/ui/utils/MarkdownDisplay.tsx:39:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-updateSimpleMemoComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-c
ode-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.
development.js:6328:14)
-updateMemoCompon
nt (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-
grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.developm
ent.js:6261:13)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8423:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
\`\`\`javascript
const x = 1;
\`\`\`
"
`;
exports[`<GeminiMessage /> - Raw Markdown Display Snapshots > renders with renderMarkdown=true '(default)' 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
"✦ Test bold and code markdown
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- MarkdownDisplayInternal (src/ui/utils/MarkdownDisplay.tsx:39:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-updateSimpleMemoComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-c
ode-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.
development.js:6328:14)
-updateMemoCompon
nt (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-
grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.developm
ent.js:6261:13)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8423:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
1 const x = 1;
"
`;
exports[`<GeminiMessage /> - Raw Markdown Display Snapshots > wraps long lines correctly in raw markdown mode 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- MarkdownDisplayInternal (src/ui/utils/MarkdownDisplay.tsx:39:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-updateSimpleMemoComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-c
ode-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.
development.js:6328:14)
-updateMemoCompon
nt (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-
grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.developm
ent.js:6261:13)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8423:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
"✦ This is a long
line that should
wrap correctly
without
truncation
"
`;

192
packages/cli/src/ui/components/messages/__snapshots__/ShellToolMessage.test.tsx.snap
View file

@ -291,193 +291,33 @@ exports[`<ShellToolMessage /> > Snapshots > renders in Alternate Buffer mode whi
`;
exports[`<ShellToolMessage /> > Snapshots > renders in Cancelled state with partial output 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ShellToolMessage (src/ui/components/messages/ShellToolMessage.tsx:65:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ - Shell Command A shell command │
│ │
│ Partial output before cancellation │
"
`;
exports[`<ShellToolMessage /> > Snapshots > renders in Error state 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ShellToolMessage (src/ui/components/messages/ShellToolMessage.tsx:65:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ x Shell Command A shell command │
│ │
│ Error output │
"
`;
exports[`<ShellToolMessage /> > Snapshots > renders in Executing state 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ShellToolMessage (src/ui/components/messages/ShellToolMessage.tsx:65:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ ⊶ Shell Command A shell command │
│ │
│ Test result │
"
`;
exports[`<ShellToolMessage /> > Snapshots > renders in Success state (history mode) 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ShellToolMessage (src/ui/components/messages/ShellToolMessage.tsx:65:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ ✓ Shell Command A shell command │
│ │
│ Test result │
"
`;

8
packages/cli/src/ui/components/messages/__snapshots__/ThinkingMessage-ThinkingMessage-filters-out-progress-dots-and-empty-lines.snap.svg
View file

@ -5,10 +5,10 @@
<rect width="920" height="88" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-style="italic"> Thinking... </text>
<text x="9" y="19" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="36" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="19" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="36" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="36" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold" font-style="italic">Thinking</text>
<text x="9" y="53" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="53" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs" font-style="italic">Done</text>
<text x="9" y="53" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="53" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs" font-style="italic">Done</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1,016 B

After

Width:  |  Height:  |  Size: 1,016 B

8
packages/cli/src/ui/components/messages/__snapshots__/ThinkingMessage-ThinkingMessage-normalizes-escaped-newline-tokens.snap.svg
View file

@ -5,10 +5,10 @@
<rect width="920" height="88" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-style="italic"> Thinking... </text>
<text x="9" y="19" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="36" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="19" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="36" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="36" fill="#ffffff" textLength="171" lengthAdjust="spacingAndGlyphs" font-weight="bold" font-style="italic">Matching the Blocks</text>
<text x="9" y="53" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="53" fill="#a8a8a8" textLength="126" lengthAdjust="spacingAndGlyphs" font-style="italic">Some more text</text>
<text x="9" y="53" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="53" fill="#afafaf" textLength="126" lengthAdjust="spacingAndGlyphs" font-style="italic">Some more text</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1 KiB

After

Width:  |  Height:  |  Size: 1 KiB

8
packages/cli/src/ui/components/messages/__snapshots__/ThinkingMessage-ThinkingMessage-renders-Thinking-header-when-isFirstThinking-is-true.snap.svg
View file

@ -5,10 +5,10 @@
<rect width="920" height="88" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-style="italic"> Thinking... </text>
<text x="9" y="19" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="36" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="19" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="36" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="36" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs" font-weight="bold" font-style="italic">Summary line</text>
<text x="9" y="53" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="53" fill="#a8a8a8" textLength="135" lengthAdjust="spacingAndGlyphs" font-style="italic">First body line</text>
<text x="9" y="53" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="53" fill="#afafaf" textLength="135" lengthAdjust="spacingAndGlyphs" font-style="italic">First body line</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1 KiB

After

Width:  |  Height:  |  Size: 1 KiB

8
packages/cli/src/ui/components/messages/__snapshots__/ThinkingMessage-ThinkingMessage-renders-full-mode-with-left-border-and-full-text.snap.svg
View file

@ -5,10 +5,10 @@
<rect width="920" height="88" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-style="italic"> Thinking... </text>
<text x="9" y="19" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="36" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="19" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="36" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="36" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold" font-style="italic">Planning</text>
<text x="9" y="53" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="53" fill="#a8a8a8" textLength="243" lengthAdjust="spacingAndGlyphs" font-style="italic">I am planning the solution.</text>
<text x="9" y="53" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="53" fill="#afafaf" textLength="243" lengthAdjust="spacingAndGlyphs" font-style="italic">I am planning the solution.</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1 KiB

After

Width:  |  Height:  |  Size: 1 KiB

36
packages/cli/src/ui/components/messages/__snapshots__/ThinkingMessage-ThinkingMessage-renders-multiple-thinking-messages-sequentially-correctly.snap.svg
View file

@ -5,26 +5,26 @@
<rect width="920" height="241" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-style="italic"> Thinking... </text>
<text x="9" y="19" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="36" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="19" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="36" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="36" fill="#ffffff" textLength="144" lengthAdjust="spacingAndGlyphs" font-weight="bold" font-style="italic">Initial analysis</text>
<text x="9" y="53" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="53" fill="#a8a8a8" textLength="675" lengthAdjust="spacingAndGlyphs" font-style="italic">This is a multiple line paragraph for the first thinking message of how the</text>
<text x="9" y="70" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="70" fill="#a8a8a8" textLength="243" lengthAdjust="spacingAndGlyphs" font-style="italic">model analyzes the problem.</text>
<text x="9" y="87" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="104" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="53" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="53" fill="#afafaf" textLength="675" lengthAdjust="spacingAndGlyphs" font-style="italic">This is a multiple line paragraph for the first thinking message of how the</text>
<text x="9" y="70" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="70" fill="#afafaf" textLength="243" lengthAdjust="spacingAndGlyphs" font-style="italic">model analyzes the problem.</text>
<text x="9" y="87" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="104" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="104" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold" font-style="italic">Planning execution</text>
<text x="9" y="121" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="121" fill="#a8a8a8" textLength="621" lengthAdjust="spacingAndGlyphs" font-style="italic">This a second multiple line paragraph for the second thinking message</text>
<text x="9" y="138" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="138" fill="#a8a8a8" textLength="675" lengthAdjust="spacingAndGlyphs" font-style="italic">explaining the plan in detail so that it wraps around the terminal display.</text>
<text x="9" y="155" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="172" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="121" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="121" fill="#afafaf" textLength="621" lengthAdjust="spacingAndGlyphs" font-style="italic">This a second multiple line paragraph for the second thinking message</text>
<text x="9" y="138" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="138" fill="#afafaf" textLength="675" lengthAdjust="spacingAndGlyphs" font-style="italic">explaining the plan in detail so that it wraps around the terminal display.</text>
<text x="9" y="155" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="172" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="172" fill="#ffffff" textLength="153" lengthAdjust="spacingAndGlyphs" font-weight="bold" font-style="italic">Refining approach</text>
<text x="9" y="189" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="189" fill="#a8a8a8" textLength="693" lengthAdjust="spacingAndGlyphs" font-style="italic">And finally a third multiple line paragraph for the third thinking message to</text>
<text x="9" y="206" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="206" fill="#a8a8a8" textLength="180" lengthAdjust="spacingAndGlyphs" font-style="italic">refine the solution.</text>
<text x="9" y="189" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="189" fill="#afafaf" textLength="693" lengthAdjust="spacingAndGlyphs" font-style="italic">And finally a third multiple line paragraph for the third thinking message to</text>
<text x="9" y="206" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="206" fill="#afafaf" textLength="180" lengthAdjust="spacingAndGlyphs" font-style="italic">refine the solution.</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

8
packages/cli/src/ui/components/messages/__snapshots__/ThinkingMessage-ThinkingMessage-renders-subject-line-with-vertical-rule-and-Thinking-header.snap.svg
View file

@ -5,10 +5,10 @@
<rect width="920" height="88" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-style="italic"> Thinking... </text>
<text x="9" y="19" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="36" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="19" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="36" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="36" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold" font-style="italic">Planning</text>
<text x="9" y="53" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="53" fill="#a8a8a8" textLength="36" lengthAdjust="spacingAndGlyphs" font-style="italic">test</text>
<text x="9" y="53" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="53" fill="#afafaf" textLength="36" lengthAdjust="spacingAndGlyphs" font-style="italic">test</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1,016 B

After

Width:  |  Height:  |  Size: 1,016 B

4
packages/cli/src/ui/components/messages/__snapshots__/ThinkingMessage-ThinkingMessage-uses-description-when-subject-is-empty.snap.svg
View file

@ -5,8 +5,8 @@
<rect width="920" height="71" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-style="italic"> Thinking... </text>
<text x="9" y="19" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="36" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="19" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="9" y="36" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="27" y="36" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold" font-style="italic">Processing details</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 812 B

After

Width:  |  Height:  |  Size: 812 B

728
packages/cli/src/ui/components/messages/__snapshots__/ToolConfirmationMessage-ToolConfirmationMessage-height-allocation-and-layout-should-expand-to-available-height-for-large-edit-diffs.snap.svg
View file

@ -4,509 +4,509 @@
</style>
<rect width="920" height="683" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#303030" textLength="720" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#a8a8a8" textLength="234" lengthAdjust="spacingAndGlyphs">... 10 hidden (Ctrl+O) ...</text>
<text x="711" y="19" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="34" width="9" height="17" fill="#870000" />
<rect x="27" y="34" width="9" height="17" fill="#870000" />
<text x="27" y="36" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">6</text>
<rect x="36" y="34" width="9" height="17" fill="#870000" />
<rect x="45" y="34" width="9" height="17" fill="#870000" />
<text x="45" y="36" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="34" width="9" height="17" fill="#870000" />
<rect x="63" y="34" width="45" height="17" fill="#870000" />
<text x="0" y="2" fill="#333333" textLength="720" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#afafaf" textLength="234" lengthAdjust="spacingAndGlyphs">... 10 hidden (Ctrl+O) ...</text>
<text x="711" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="34" width="9" height="17" fill="#5f0000" />
<rect x="27" y="34" width="9" height="17" fill="#5f0000" />
<text x="27" y="36" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">6</text>
<rect x="36" y="34" width="9" height="17" fill="#5f0000" />
<rect x="45" y="34" width="9" height="17" fill="#5f0000" />
<text x="45" y="36" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="34" width="9" height="17" fill="#5f0000" />
<rect x="63" y="34" width="45" height="17" fill="#5f0000" />
<text x="63" y="36" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="34" width="108" height="17" fill="#870000" />
<rect x="108" y="34" width="108" height="17" fill="#5f0000" />
<text x="108" y="36" fill="#e5e5e5" textLength="108" lengthAdjust="spacingAndGlyphs"> oldLine6 = </text>
<rect x="216" y="34" width="36" height="17" fill="#870000" />
<rect x="216" y="34" width="36" height="17" fill="#5f0000" />
<text x="216" y="36" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="252" y="34" width="9" height="17" fill="#870000" />
<rect x="252" y="34" width="9" height="17" fill="#5f0000" />
<text x="252" y="36" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="51" width="9" height="17" fill="#008700" />
<rect x="27" y="51" width="9" height="17" fill="#008700" />
<text x="27" y="53" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">6</text>
<rect x="36" y="51" width="9" height="17" fill="#008700" />
<rect x="45" y="51" width="9" height="17" fill="#008700" />
<text x="711" y="36" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="51" width="9" height="17" fill="#005f00" />
<rect x="27" y="51" width="9" height="17" fill="#005f00" />
<text x="27" y="53" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">6</text>
<rect x="36" y="51" width="9" height="17" fill="#005f00" />
<rect x="45" y="51" width="9" height="17" fill="#005f00" />
<text x="45" y="53" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="54" y="51" width="9" height="17" fill="#008700" />
<rect x="63" y="51" width="45" height="17" fill="#008700" />
<rect x="54" y="51" width="9" height="17" fill="#005f00" />
<rect x="63" y="51" width="45" height="17" fill="#005f00" />
<text x="63" y="53" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="51" width="108" height="17" fill="#008700" />
<rect x="108" y="51" width="108" height="17" fill="#005f00" />
<text x="108" y="53" fill="#e5e5e5" textLength="108" lengthAdjust="spacingAndGlyphs"> newLine6 = </text>
<rect x="216" y="51" width="36" height="17" fill="#008700" />
<rect x="216" y="51" width="36" height="17" fill="#005f00" />
<text x="216" y="53" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="252" y="51" width="9" height="17" fill="#008700" />
<rect x="252" y="51" width="9" height="17" fill="#005f00" />
<text x="252" y="53" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="68" width="9" height="17" fill="#870000" />
<rect x="27" y="68" width="9" height="17" fill="#870000" />
<text x="27" y="70" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">7</text>
<rect x="36" y="68" width="9" height="17" fill="#870000" />
<rect x="45" y="68" width="9" height="17" fill="#870000" />
<text x="45" y="70" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="68" width="9" height="17" fill="#870000" />
<rect x="63" y="68" width="45" height="17" fill="#870000" />
<text x="711" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="68" width="9" height="17" fill="#5f0000" />
<rect x="27" y="68" width="9" height="17" fill="#5f0000" />
<text x="27" y="70" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">7</text>
<rect x="36" y="68" width="9" height="17" fill="#5f0000" />
<rect x="45" y="68" width="9" height="17" fill="#5f0000" />
<text x="45" y="70" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="68" width="9" height="17" fill="#5f0000" />
<rect x="63" y="68" width="45" height="17" fill="#5f0000" />
<text x="63" y="70" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="68" width="108" height="17" fill="#870000" />
<rect x="108" y="68" width="108" height="17" fill="#5f0000" />
<text x="108" y="70" fill="#e5e5e5" textLength="108" lengthAdjust="spacingAndGlyphs"> oldLine7 = </text>
<rect x="216" y="68" width="36" height="17" fill="#870000" />
<rect x="216" y="68" width="36" height="17" fill="#5f0000" />
<text x="216" y="70" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="252" y="68" width="9" height="17" fill="#870000" />
<rect x="252" y="68" width="9" height="17" fill="#5f0000" />
<text x="252" y="70" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="85" width="9" height="17" fill="#008700" />
<rect x="27" y="85" width="9" height="17" fill="#008700" />
<text x="27" y="87" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">7</text>
<rect x="36" y="85" width="9" height="17" fill="#008700" />
<rect x="45" y="85" width="9" height="17" fill="#008700" />
<text x="711" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="85" width="9" height="17" fill="#005f00" />
<rect x="27" y="85" width="9" height="17" fill="#005f00" />
<text x="27" y="87" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">7</text>
<rect x="36" y="85" width="9" height="17" fill="#005f00" />
<rect x="45" y="85" width="9" height="17" fill="#005f00" />
<text x="45" y="87" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="54" y="85" width="9" height="17" fill="#008700" />
<rect x="63" y="85" width="45" height="17" fill="#008700" />
<rect x="54" y="85" width="9" height="17" fill="#005f00" />
<rect x="63" y="85" width="45" height="17" fill="#005f00" />
<text x="63" y="87" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="85" width="108" height="17" fill="#008700" />
<rect x="108" y="85" width="108" height="17" fill="#005f00" />
<text x="108" y="87" fill="#e5e5e5" textLength="108" lengthAdjust="spacingAndGlyphs"> newLine7 = </text>
<rect x="216" y="85" width="36" height="17" fill="#008700" />
<rect x="216" y="85" width="36" height="17" fill="#005f00" />
<text x="216" y="87" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="252" y="85" width="9" height="17" fill="#008700" />
<rect x="252" y="85" width="9" height="17" fill="#005f00" />
<text x="252" y="87" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="102" width="9" height="17" fill="#870000" />
<rect x="27" y="102" width="9" height="17" fill="#870000" />
<text x="27" y="104" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">8</text>
<rect x="36" y="102" width="9" height="17" fill="#870000" />
<rect x="45" y="102" width="9" height="17" fill="#870000" />
<text x="45" y="104" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="102" width="9" height="17" fill="#870000" />
<rect x="63" y="102" width="45" height="17" fill="#870000" />
<text x="711" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="102" width="9" height="17" fill="#5f0000" />
<rect x="27" y="102" width="9" height="17" fill="#5f0000" />
<text x="27" y="104" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">8</text>
<rect x="36" y="102" width="9" height="17" fill="#5f0000" />
<rect x="45" y="102" width="9" height="17" fill="#5f0000" />
<text x="45" y="104" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="102" width="9" height="17" fill="#5f0000" />
<rect x="63" y="102" width="45" height="17" fill="#5f0000" />
<text x="63" y="104" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="102" width="108" height="17" fill="#870000" />
<rect x="108" y="102" width="108" height="17" fill="#5f0000" />
<text x="108" y="104" fill="#e5e5e5" textLength="108" lengthAdjust="spacingAndGlyphs"> oldLine8 = </text>
<rect x="216" y="102" width="36" height="17" fill="#870000" />
<rect x="216" y="102" width="36" height="17" fill="#5f0000" />
<text x="216" y="104" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="252" y="102" width="9" height="17" fill="#870000" />
<rect x="252" y="102" width="9" height="17" fill="#5f0000" />
<text x="252" y="104" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="119" width="9" height="17" fill="#008700" />
<rect x="27" y="119" width="9" height="17" fill="#008700" />
<text x="27" y="121" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">8</text>
<rect x="36" y="119" width="9" height="17" fill="#008700" />
<rect x="45" y="119" width="9" height="17" fill="#008700" />
<text x="711" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="119" width="9" height="17" fill="#005f00" />
<rect x="27" y="119" width="9" height="17" fill="#005f00" />
<text x="27" y="121" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">8</text>
<rect x="36" y="119" width="9" height="17" fill="#005f00" />
<rect x="45" y="119" width="9" height="17" fill="#005f00" />
<text x="45" y="121" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="54" y="119" width="9" height="17" fill="#008700" />
<rect x="63" y="119" width="45" height="17" fill="#008700" />
<rect x="54" y="119" width="9" height="17" fill="#005f00" />
<rect x="63" y="119" width="45" height="17" fill="#005f00" />
<text x="63" y="121" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="119" width="108" height="17" fill="#008700" />
<rect x="108" y="119" width="108" height="17" fill="#005f00" />
<text x="108" y="121" fill="#e5e5e5" textLength="108" lengthAdjust="spacingAndGlyphs"> newLine8 = </text>
<rect x="216" y="119" width="36" height="17" fill="#008700" />
<rect x="216" y="119" width="36" height="17" fill="#005f00" />
<text x="216" y="121" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="252" y="119" width="9" height="17" fill="#008700" />
<rect x="252" y="119" width="9" height="17" fill="#005f00" />
<text x="252" y="121" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="136" width="9" height="17" fill="#870000" />
<rect x="27" y="136" width="9" height="17" fill="#870000" />
<text x="27" y="138" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">9</text>
<rect x="36" y="136" width="9" height="17" fill="#870000" />
<rect x="45" y="136" width="9" height="17" fill="#870000" />
<text x="45" y="138" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="136" width="9" height="17" fill="#870000" />
<rect x="63" y="136" width="45" height="17" fill="#870000" />
<text x="711" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="136" width="9" height="17" fill="#5f0000" />
<rect x="27" y="136" width="9" height="17" fill="#5f0000" />
<text x="27" y="138" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">9</text>
<rect x="36" y="136" width="9" height="17" fill="#5f0000" />
<rect x="45" y="136" width="9" height="17" fill="#5f0000" />
<text x="45" y="138" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="136" width="9" height="17" fill="#5f0000" />
<rect x="63" y="136" width="45" height="17" fill="#5f0000" />
<text x="63" y="138" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="136" width="108" height="17" fill="#870000" />
<rect x="108" y="136" width="108" height="17" fill="#5f0000" />
<text x="108" y="138" fill="#e5e5e5" textLength="108" lengthAdjust="spacingAndGlyphs"> oldLine9 = </text>
<rect x="216" y="136" width="36" height="17" fill="#870000" />
<rect x="216" y="136" width="36" height="17" fill="#5f0000" />
<text x="216" y="138" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="252" y="136" width="9" height="17" fill="#870000" />
<rect x="252" y="136" width="9" height="17" fill="#5f0000" />
<text x="252" y="138" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="153" width="9" height="17" fill="#008700" />
<rect x="27" y="153" width="9" height="17" fill="#008700" />
<text x="27" y="155" fill="#a8a8a8" textLength="9" lengthAdjust="spacingAndGlyphs">9</text>
<rect x="36" y="153" width="9" height="17" fill="#008700" />
<rect x="45" y="153" width="9" height="17" fill="#008700" />
<text x="711" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="153" width="9" height="17" fill="#005f00" />
<rect x="27" y="153" width="9" height="17" fill="#005f00" />
<text x="27" y="155" fill="#afafaf" textLength="9" lengthAdjust="spacingAndGlyphs">9</text>
<rect x="36" y="153" width="9" height="17" fill="#005f00" />
<rect x="45" y="153" width="9" height="17" fill="#005f00" />
<text x="45" y="155" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="54" y="153" width="9" height="17" fill="#008700" />
<rect x="63" y="153" width="45" height="17" fill="#008700" />
<rect x="54" y="153" width="9" height="17" fill="#005f00" />
<rect x="63" y="153" width="45" height="17" fill="#005f00" />
<text x="63" y="155" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="153" width="108" height="17" fill="#008700" />
<rect x="108" y="153" width="108" height="17" fill="#005f00" />
<text x="108" y="155" fill="#e5e5e5" textLength="108" lengthAdjust="spacingAndGlyphs"> newLine9 = </text>
<rect x="216" y="153" width="36" height="17" fill="#008700" />
<rect x="216" y="153" width="36" height="17" fill="#005f00" />
<text x="216" y="155" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="252" y="153" width="9" height="17" fill="#008700" />
<rect x="252" y="153" width="9" height="17" fill="#005f00" />
<text x="252" y="155" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="170" width="18" height="17" fill="#870000" />
<text x="18" y="172" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">10</text>
<rect x="36" y="170" width="9" height="17" fill="#870000" />
<rect x="45" y="170" width="9" height="17" fill="#870000" />
<text x="45" y="172" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="170" width="9" height="17" fill="#870000" />
<rect x="63" y="170" width="45" height="17" fill="#870000" />
<text x="711" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="170" width="18" height="17" fill="#5f0000" />
<text x="18" y="172" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">10</text>
<rect x="36" y="170" width="9" height="17" fill="#5f0000" />
<rect x="45" y="170" width="9" height="17" fill="#5f0000" />
<text x="45" y="172" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="170" width="9" height="17" fill="#5f0000" />
<rect x="63" y="170" width="45" height="17" fill="#5f0000" />
<text x="63" y="172" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="170" width="117" height="17" fill="#870000" />
<rect x="108" y="170" width="117" height="17" fill="#5f0000" />
<text x="108" y="172" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> oldLine10 = </text>
<rect x="225" y="170" width="36" height="17" fill="#870000" />
<rect x="225" y="170" width="36" height="17" fill="#5f0000" />
<text x="225" y="172" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="261" y="170" width="9" height="17" fill="#870000" />
<rect x="261" y="170" width="9" height="17" fill="#5f0000" />
<text x="261" y="172" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="187" width="18" height="17" fill="#008700" />
<text x="18" y="189" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">10</text>
<rect x="36" y="187" width="9" height="17" fill="#008700" />
<rect x="45" y="187" width="9" height="17" fill="#008700" />
<text x="711" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="187" width="18" height="17" fill="#005f00" />
<text x="18" y="189" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">10</text>
<rect x="36" y="187" width="9" height="17" fill="#005f00" />
<rect x="45" y="187" width="9" height="17" fill="#005f00" />
<text x="45" y="189" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="54" y="187" width="9" height="17" fill="#008700" />
<rect x="63" y="187" width="45" height="17" fill="#008700" />
<rect x="54" y="187" width="9" height="17" fill="#005f00" />
<rect x="63" y="187" width="45" height="17" fill="#005f00" />
<text x="63" y="189" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="187" width="117" height="17" fill="#008700" />
<rect x="108" y="187" width="117" height="17" fill="#005f00" />
<text x="108" y="189" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> newLine10 = </text>
<rect x="225" y="187" width="36" height="17" fill="#008700" />
<rect x="225" y="187" width="36" height="17" fill="#005f00" />
<text x="225" y="189" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="261" y="187" width="9" height="17" fill="#008700" />
<rect x="261" y="187" width="9" height="17" fill="#005f00" />
<text x="261" y="189" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="204" width="18" height="17" fill="#870000" />
<text x="18" y="206" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">11</text>
<rect x="36" y="204" width="9" height="17" fill="#870000" />
<rect x="45" y="204" width="9" height="17" fill="#870000" />
<text x="45" y="206" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="204" width="9" height="17" fill="#870000" />
<rect x="63" y="204" width="45" height="17" fill="#870000" />
<text x="711" y="189" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="204" width="18" height="17" fill="#5f0000" />
<text x="18" y="206" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">11</text>
<rect x="36" y="204" width="9" height="17" fill="#5f0000" />
<rect x="45" y="204" width="9" height="17" fill="#5f0000" />
<text x="45" y="206" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="204" width="9" height="17" fill="#5f0000" />
<rect x="63" y="204" width="45" height="17" fill="#5f0000" />
<text x="63" y="206" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="204" width="117" height="17" fill="#870000" />
<rect x="108" y="204" width="117" height="17" fill="#5f0000" />
<text x="108" y="206" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> oldLine11 = </text>
<rect x="225" y="204" width="36" height="17" fill="#870000" />
<rect x="225" y="204" width="36" height="17" fill="#5f0000" />
<text x="225" y="206" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="261" y="204" width="9" height="17" fill="#870000" />
<rect x="261" y="204" width="9" height="17" fill="#5f0000" />
<text x="261" y="206" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="221" width="18" height="17" fill="#008700" />
<text x="18" y="223" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">11</text>
<rect x="36" y="221" width="9" height="17" fill="#008700" />
<rect x="45" y="221" width="9" height="17" fill="#008700" />
<text x="711" y="206" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="221" width="18" height="17" fill="#005f00" />
<text x="18" y="223" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">11</text>
<rect x="36" y="221" width="9" height="17" fill="#005f00" />
<rect x="45" y="221" width="9" height="17" fill="#005f00" />
<text x="45" y="223" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="54" y="221" width="9" height="17" fill="#008700" />
<rect x="63" y="221" width="45" height="17" fill="#008700" />
<rect x="54" y="221" width="9" height="17" fill="#005f00" />
<rect x="63" y="221" width="45" height="17" fill="#005f00" />
<text x="63" y="223" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="221" width="117" height="17" fill="#008700" />
<rect x="108" y="221" width="117" height="17" fill="#005f00" />
<text x="108" y="223" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> newLine11 = </text>
<rect x="225" y="221" width="36" height="17" fill="#008700" />
<rect x="225" y="221" width="36" height="17" fill="#005f00" />
<text x="225" y="223" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="261" y="221" width="9" height="17" fill="#008700" />
<rect x="261" y="221" width="9" height="17" fill="#005f00" />
<text x="261" y="223" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="238" width="18" height="17" fill="#870000" />
<text x="18" y="240" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">12</text>
<rect x="36" y="238" width="9" height="17" fill="#870000" />
<rect x="45" y="238" width="9" height="17" fill="#870000" />
<text x="45" y="240" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="238" width="9" height="17" fill="#870000" />
<rect x="63" y="238" width="45" height="17" fill="#870000" />
<text x="711" y="223" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="238" width="18" height="17" fill="#5f0000" />
<text x="18" y="240" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">12</text>
<rect x="36" y="238" width="9" height="17" fill="#5f0000" />
<rect x="45" y="238" width="9" height="17" fill="#5f0000" />
<text x="45" y="240" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="238" width="9" height="17" fill="#5f0000" />
<rect x="63" y="238" width="45" height="17" fill="#5f0000" />
<text x="63" y="240" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="238" width="117" height="17" fill="#870000" />
<rect x="108" y="238" width="117" height="17" fill="#5f0000" />
<text x="108" y="240" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> oldLine12 = </text>
<rect x="225" y="238" width="36" height="17" fill="#870000" />
<rect x="225" y="238" width="36" height="17" fill="#5f0000" />
<text x="225" y="240" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="261" y="238" width="9" height="17" fill="#870000" />
<rect x="261" y="238" width="9" height="17" fill="#5f0000" />
<text x="261" y="240" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="255" width="18" height="17" fill="#008700" />
<text x="18" y="257" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">12</text>
<rect x="36" y="255" width="9" height="17" fill="#008700" />
<rect x="45" y="255" width="9" height="17" fill="#008700" />
<text x="711" y="240" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="255" width="18" height="17" fill="#005f00" />
<text x="18" y="257" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">12</text>
<rect x="36" y="255" width="9" height="17" fill="#005f00" />
<rect x="45" y="255" width="9" height="17" fill="#005f00" />
<text x="45" y="257" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="54" y="255" width="9" height="17" fill="#008700" />
<rect x="63" y="255" width="45" height="17" fill="#008700" />
<rect x="54" y="255" width="9" height="17" fill="#005f00" />
<rect x="63" y="255" width="45" height="17" fill="#005f00" />
<text x="63" y="257" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="255" width="117" height="17" fill="#008700" />
<rect x="108" y="255" width="117" height="17" fill="#005f00" />
<text x="108" y="257" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> newLine12 = </text>
<rect x="225" y="255" width="36" height="17" fill="#008700" />
<rect x="225" y="255" width="36" height="17" fill="#005f00" />
<text x="225" y="257" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="261" y="255" width="9" height="17" fill="#008700" />
<rect x="261" y="255" width="9" height="17" fill="#005f00" />
<text x="261" y="257" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="272" width="18" height="17" fill="#870000" />
<text x="18" y="274" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">13</text>
<rect x="36" y="272" width="9" height="17" fill="#870000" />
<rect x="45" y="272" width="9" height="17" fill="#870000" />
<text x="45" y="274" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="272" width="9" height="17" fill="#870000" />
<rect x="63" y="272" width="45" height="17" fill="#870000" />
<text x="711" y="257" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="272" width="18" height="17" fill="#5f0000" />
<text x="18" y="274" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">13</text>
<rect x="36" y="272" width="9" height="17" fill="#5f0000" />
<rect x="45" y="272" width="9" height="17" fill="#5f0000" />
<text x="45" y="274" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="272" width="9" height="17" fill="#5f0000" />
<rect x="63" y="272" width="45" height="17" fill="#5f0000" />
<text x="63" y="274" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="272" width="117" height="17" fill="#870000" />
<rect x="108" y="272" width="117" height="17" fill="#5f0000" />
<text x="108" y="274" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> oldLine13 = </text>
<rect x="225" y="272" width="36" height="17" fill="#870000" />
<rect x="225" y="272" width="36" height="17" fill="#5f0000" />
<text x="225" y="274" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="261" y="272" width="9" height="17" fill="#870000" />
<rect x="261" y="272" width="9" height="17" fill="#5f0000" />
<text x="261" y="274" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="289" width="18" height="17" fill="#008700" />
<text x="18" y="291" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">13</text>
<rect x="36" y="289" width="9" height="17" fill="#008700" />
<rect x="45" y="289" width="9" height="17" fill="#008700" />
<text x="711" y="274" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="289" width="18" height="17" fill="#005f00" />
<text x="18" y="291" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">13</text>
<rect x="36" y="289" width="9" height="17" fill="#005f00" />
<rect x="45" y="289" width="9" height="17" fill="#005f00" />
<text x="45" y="291" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="54" y="289" width="9" height="17" fill="#008700" />
<rect x="63" y="289" width="45" height="17" fill="#008700" />
<rect x="54" y="289" width="9" height="17" fill="#005f00" />
<rect x="63" y="289" width="45" height="17" fill="#005f00" />
<text x="63" y="291" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="289" width="117" height="17" fill="#008700" />
<rect x="108" y="289" width="117" height="17" fill="#005f00" />
<text x="108" y="291" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> newLine13 = </text>
<rect x="225" y="289" width="36" height="17" fill="#008700" />
<rect x="225" y="289" width="36" height="17" fill="#005f00" />
<text x="225" y="291" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="261" y="289" width="9" height="17" fill="#008700" />
<rect x="261" y="289" width="9" height="17" fill="#005f00" />
<text x="261" y="291" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="306" width="18" height="17" fill="#870000" />
<text x="18" y="308" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">14</text>
<rect x="36" y="306" width="9" height="17" fill="#870000" />
<rect x="45" y="306" width="9" height="17" fill="#870000" />
<text x="45" y="308" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="306" width="9" height="17" fill="#870000" />
<rect x="63" y="306" width="45" height="17" fill="#870000" />
<text x="711" y="291" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="306" width="18" height="17" fill="#5f0000" />
<text x="18" y="308" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">14</text>
<rect x="36" y="306" width="9" height="17" fill="#5f0000" />
<rect x="45" y="306" width="9" height="17" fill="#5f0000" />
<text x="45" y="308" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="306" width="9" height="17" fill="#5f0000" />
<rect x="63" y="306" width="45" height="17" fill="#5f0000" />
<text x="63" y="308" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="306" width="117" height="17" fill="#870000" />
<rect x="108" y="306" width="117" height="17" fill="#5f0000" />
<text x="108" y="308" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> oldLine14 = </text>
<rect x="225" y="306" width="36" height="17" fill="#870000" />
<rect x="225" y="306" width="36" height="17" fill="#5f0000" />
<text x="225" y="308" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="261" y="306" width="9" height="17" fill="#870000" />
<rect x="261" y="306" width="9" height="17" fill="#5f0000" />
<text x="261" y="308" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="323" width="18" height="17" fill="#008700" />
<text x="18" y="325" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">14</text>
<rect x="36" y="323" width="9" height="17" fill="#008700" />
<rect x="45" y="323" width="9" height="17" fill="#008700" />
<text x="711" y="308" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="323" width="18" height="17" fill="#005f00" />
<text x="18" y="325" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">14</text>
<rect x="36" y="323" width="9" height="17" fill="#005f00" />
<rect x="45" y="323" width="9" height="17" fill="#005f00" />
<text x="45" y="325" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="54" y="323" width="9" height="17" fill="#008700" />
<rect x="63" y="323" width="45" height="17" fill="#008700" />
<rect x="54" y="323" width="9" height="17" fill="#005f00" />
<rect x="63" y="323" width="45" height="17" fill="#005f00" />
<text x="63" y="325" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="323" width="117" height="17" fill="#008700" />
<rect x="108" y="323" width="117" height="17" fill="#005f00" />
<text x="108" y="325" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> newLine14 = </text>
<rect x="225" y="323" width="36" height="17" fill="#008700" />
<rect x="225" y="323" width="36" height="17" fill="#005f00" />
<text x="225" y="325" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="261" y="323" width="9" height="17" fill="#008700" />
<rect x="261" y="323" width="9" height="17" fill="#005f00" />
<text x="261" y="325" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="340" width="18" height="17" fill="#870000" />
<text x="18" y="342" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">15</text>
<rect x="36" y="340" width="9" height="17" fill="#870000" />
<rect x="45" y="340" width="9" height="17" fill="#870000" />
<text x="45" y="342" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="340" width="9" height="17" fill="#870000" />
<rect x="63" y="340" width="45" height="17" fill="#870000" />
<text x="711" y="325" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="340" width="18" height="17" fill="#5f0000" />
<text x="18" y="342" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">15</text>
<rect x="36" y="340" width="9" height="17" fill="#5f0000" />
<rect x="45" y="340" width="9" height="17" fill="#5f0000" />
<text x="45" y="342" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="340" width="9" height="17" fill="#5f0000" />
<rect x="63" y="340" width="45" height="17" fill="#5f0000" />
<text x="63" y="342" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="340" width="117" height="17" fill="#870000" />
<rect x="108" y="340" width="117" height="17" fill="#5f0000" />
<text x="108" y="342" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> oldLine15 = </text>
<rect x="225" y="340" width="36" height="17" fill="#870000" />
<rect x="225" y="340" width="36" height="17" fill="#5f0000" />
<text x="225" y="342" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="261" y="340" width="9" height="17" fill="#870000" />
<rect x="261" y="340" width="9" height="17" fill="#5f0000" />
<text x="261" y="342" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="357" width="18" height="17" fill="#008700" />
<text x="18" y="359" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">15</text>
<rect x="36" y="357" width="9" height="17" fill="#008700" />
<rect x="45" y="357" width="9" height="17" fill="#008700" />
<text x="711" y="342" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="357" width="18" height="17" fill="#005f00" />
<text x="18" y="359" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">15</text>
<rect x="36" y="357" width="9" height="17" fill="#005f00" />
<rect x="45" y="357" width="9" height="17" fill="#005f00" />
<text x="45" y="359" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="54" y="357" width="9" height="17" fill="#008700" />
<rect x="63" y="357" width="45" height="17" fill="#008700" />
<rect x="54" y="357" width="9" height="17" fill="#005f00" />
<rect x="63" y="357" width="45" height="17" fill="#005f00" />
<text x="63" y="359" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="357" width="117" height="17" fill="#008700" />
<rect x="108" y="357" width="117" height="17" fill="#005f00" />
<text x="108" y="359" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> newLine15 = </text>
<rect x="225" y="357" width="36" height="17" fill="#008700" />
<rect x="225" y="357" width="36" height="17" fill="#005f00" />
<text x="225" y="359" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="261" y="357" width="9" height="17" fill="#008700" />
<rect x="261" y="357" width="9" height="17" fill="#005f00" />
<text x="261" y="359" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="374" width="18" height="17" fill="#870000" />
<text x="18" y="376" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">16</text>
<rect x="36" y="374" width="9" height="17" fill="#870000" />
<rect x="45" y="374" width="9" height="17" fill="#870000" />
<text x="45" y="376" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="374" width="9" height="17" fill="#870000" />
<rect x="63" y="374" width="45" height="17" fill="#870000" />
<text x="711" y="359" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="374" width="18" height="17" fill="#5f0000" />
<text x="18" y="376" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">16</text>
<rect x="36" y="374" width="9" height="17" fill="#5f0000" />
<rect x="45" y="374" width="9" height="17" fill="#5f0000" />
<text x="45" y="376" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="374" width="9" height="17" fill="#5f0000" />
<rect x="63" y="374" width="45" height="17" fill="#5f0000" />
<text x="63" y="376" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="374" width="117" height="17" fill="#870000" />
<rect x="108" y="374" width="117" height="17" fill="#5f0000" />
<text x="108" y="376" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> oldLine16 = </text>
<rect x="225" y="374" width="36" height="17" fill="#870000" />
<rect x="225" y="374" width="36" height="17" fill="#5f0000" />
<text x="225" y="376" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="261" y="374" width="9" height="17" fill="#870000" />
<rect x="261" y="374" width="9" height="17" fill="#5f0000" />
<text x="261" y="376" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="391" width="18" height="17" fill="#008700" />
<text x="18" y="393" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">16</text>
<rect x="36" y="391" width="9" height="17" fill="#008700" />
<rect x="45" y="391" width="9" height="17" fill="#008700" />
<text x="711" y="376" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="391" width="18" height="17" fill="#005f00" />
<text x="18" y="393" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">16</text>
<rect x="36" y="391" width="9" height="17" fill="#005f00" />
<rect x="45" y="391" width="9" height="17" fill="#005f00" />
<text x="45" y="393" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="54" y="391" width="9" height="17" fill="#008700" />
<rect x="63" y="391" width="45" height="17" fill="#008700" />
<rect x="54" y="391" width="9" height="17" fill="#005f00" />
<rect x="63" y="391" width="45" height="17" fill="#005f00" />
<text x="63" y="393" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="391" width="117" height="17" fill="#008700" />
<rect x="108" y="391" width="117" height="17" fill="#005f00" />
<text x="108" y="393" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> newLine16 = </text>
<rect x="225" y="391" width="36" height="17" fill="#008700" />
<rect x="225" y="391" width="36" height="17" fill="#005f00" />
<text x="225" y="393" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="261" y="391" width="9" height="17" fill="#008700" />
<rect x="261" y="391" width="9" height="17" fill="#005f00" />
<text x="261" y="393" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="408" width="18" height="17" fill="#870000" />
<text x="18" y="410" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">17</text>
<rect x="36" y="408" width="9" height="17" fill="#870000" />
<rect x="45" y="408" width="9" height="17" fill="#870000" />
<text x="45" y="410" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="408" width="9" height="17" fill="#870000" />
<rect x="63" y="408" width="45" height="17" fill="#870000" />
<text x="711" y="393" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="408" width="18" height="17" fill="#5f0000" />
<text x="18" y="410" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">17</text>
<rect x="36" y="408" width="9" height="17" fill="#5f0000" />
<rect x="45" y="408" width="9" height="17" fill="#5f0000" />
<text x="45" y="410" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="408" width="9" height="17" fill="#5f0000" />
<rect x="63" y="408" width="45" height="17" fill="#5f0000" />
<text x="63" y="410" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="408" width="117" height="17" fill="#870000" />
<rect x="108" y="408" width="117" height="17" fill="#5f0000" />
<text x="108" y="410" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> oldLine17 = </text>
<rect x="225" y="408" width="36" height="17" fill="#870000" />
<rect x="225" y="408" width="36" height="17" fill="#5f0000" />
<text x="225" y="410" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="261" y="408" width="9" height="17" fill="#870000" />
<rect x="261" y="408" width="9" height="17" fill="#5f0000" />
<text x="261" y="410" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="425" width="18" height="17" fill="#008700" />
<text x="18" y="427" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">17</text>
<rect x="36" y="425" width="9" height="17" fill="#008700" />
<rect x="45" y="425" width="9" height="17" fill="#008700" />
<text x="711" y="410" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="425" width="18" height="17" fill="#005f00" />
<text x="18" y="427" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">17</text>
<rect x="36" y="425" width="9" height="17" fill="#005f00" />
<rect x="45" y="425" width="9" height="17" fill="#005f00" />
<text x="45" y="427" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="54" y="425" width="9" height="17" fill="#008700" />
<rect x="63" y="425" width="45" height="17" fill="#008700" />
<rect x="54" y="425" width="9" height="17" fill="#005f00" />
<rect x="63" y="425" width="45" height="17" fill="#005f00" />
<text x="63" y="427" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="425" width="117" height="17" fill="#008700" />
<rect x="108" y="425" width="117" height="17" fill="#005f00" />
<text x="108" y="427" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> newLine17 = </text>
<rect x="225" y="425" width="36" height="17" fill="#008700" />
<rect x="225" y="425" width="36" height="17" fill="#005f00" />
<text x="225" y="427" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="261" y="425" width="9" height="17" fill="#008700" />
<rect x="261" y="425" width="9" height="17" fill="#005f00" />
<text x="261" y="427" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="442" width="18" height="17" fill="#870000" />
<text x="18" y="444" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">18</text>
<rect x="36" y="442" width="9" height="17" fill="#870000" />
<rect x="45" y="442" width="9" height="17" fill="#870000" />
<text x="45" y="444" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="442" width="9" height="17" fill="#870000" />
<rect x="63" y="442" width="45" height="17" fill="#870000" />
<text x="711" y="427" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="442" width="18" height="17" fill="#5f0000" />
<text x="18" y="444" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">18</text>
<rect x="36" y="442" width="9" height="17" fill="#5f0000" />
<rect x="45" y="442" width="9" height="17" fill="#5f0000" />
<text x="45" y="444" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="442" width="9" height="17" fill="#5f0000" />
<rect x="63" y="442" width="45" height="17" fill="#5f0000" />
<text x="63" y="444" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="442" width="117" height="17" fill="#870000" />
<rect x="108" y="442" width="117" height="17" fill="#5f0000" />
<text x="108" y="444" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> oldLine18 = </text>
<rect x="225" y="442" width="36" height="17" fill="#870000" />
<rect x="225" y="442" width="36" height="17" fill="#5f0000" />
<text x="225" y="444" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="261" y="442" width="9" height="17" fill="#870000" />
<rect x="261" y="442" width="9" height="17" fill="#5f0000" />
<text x="261" y="444" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="459" width="18" height="17" fill="#008700" />
<text x="18" y="461" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">18</text>
<rect x="36" y="459" width="9" height="17" fill="#008700" />
<rect x="45" y="459" width="9" height="17" fill="#008700" />
<text x="711" y="444" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="459" width="18" height="17" fill="#005f00" />
<text x="18" y="461" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">18</text>
<rect x="36" y="459" width="9" height="17" fill="#005f00" />
<rect x="45" y="459" width="9" height="17" fill="#005f00" />
<text x="45" y="461" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="54" y="459" width="9" height="17" fill="#008700" />
<rect x="63" y="459" width="45" height="17" fill="#008700" />
<rect x="54" y="459" width="9" height="17" fill="#005f00" />
<rect x="63" y="459" width="45" height="17" fill="#005f00" />
<text x="63" y="461" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="459" width="117" height="17" fill="#008700" />
<rect x="108" y="459" width="117" height="17" fill="#005f00" />
<text x="108" y="461" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> newLine18 = </text>
<rect x="225" y="459" width="36" height="17" fill="#008700" />
<rect x="225" y="459" width="36" height="17" fill="#005f00" />
<text x="225" y="461" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="261" y="459" width="9" height="17" fill="#008700" />
<rect x="261" y="459" width="9" height="17" fill="#005f00" />
<text x="261" y="461" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="476" width="18" height="17" fill="#870000" />
<text x="18" y="478" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">19</text>
<rect x="36" y="476" width="9" height="17" fill="#870000" />
<rect x="45" y="476" width="9" height="17" fill="#870000" />
<text x="45" y="478" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="476" width="9" height="17" fill="#870000" />
<rect x="63" y="476" width="45" height="17" fill="#870000" />
<text x="711" y="461" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="476" width="18" height="17" fill="#5f0000" />
<text x="18" y="478" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">19</text>
<rect x="36" y="476" width="9" height="17" fill="#5f0000" />
<rect x="45" y="476" width="9" height="17" fill="#5f0000" />
<text x="45" y="478" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="476" width="9" height="17" fill="#5f0000" />
<rect x="63" y="476" width="45" height="17" fill="#5f0000" />
<text x="63" y="478" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="476" width="117" height="17" fill="#870000" />
<rect x="108" y="476" width="117" height="17" fill="#5f0000" />
<text x="108" y="478" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> oldLine19 = </text>
<rect x="225" y="476" width="36" height="17" fill="#870000" />
<rect x="225" y="476" width="36" height="17" fill="#5f0000" />
<text x="225" y="478" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="261" y="476" width="9" height="17" fill="#870000" />
<rect x="261" y="476" width="9" height="17" fill="#5f0000" />
<text x="261" y="478" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="493" width="18" height="17" fill="#008700" />
<text x="18" y="495" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">19</text>
<rect x="36" y="493" width="9" height="17" fill="#008700" />
<rect x="45" y="493" width="9" height="17" fill="#008700" />
<text x="711" y="478" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="493" width="18" height="17" fill="#005f00" />
<text x="18" y="495" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">19</text>
<rect x="36" y="493" width="9" height="17" fill="#005f00" />
<rect x="45" y="493" width="9" height="17" fill="#005f00" />
<text x="45" y="495" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="54" y="493" width="9" height="17" fill="#008700" />
<rect x="63" y="493" width="45" height="17" fill="#008700" />
<rect x="54" y="493" width="9" height="17" fill="#005f00" />
<rect x="63" y="493" width="45" height="17" fill="#005f00" />
<text x="63" y="495" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="493" width="117" height="17" fill="#008700" />
<rect x="108" y="493" width="117" height="17" fill="#005f00" />
<text x="108" y="495" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> newLine19 = </text>
<rect x="225" y="493" width="36" height="17" fill="#008700" />
<rect x="225" y="493" width="36" height="17" fill="#005f00" />
<text x="225" y="495" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="261" y="493" width="9" height="17" fill="#008700" />
<rect x="261" y="493" width="9" height="17" fill="#005f00" />
<text x="261" y="495" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="510" width="18" height="17" fill="#870000" />
<text x="18" y="512" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">20</text>
<rect x="36" y="510" width="9" height="17" fill="#870000" />
<rect x="45" y="510" width="9" height="17" fill="#870000" />
<text x="45" y="512" fill="#ffafaf" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="510" width="9" height="17" fill="#870000" />
<rect x="63" y="510" width="45" height="17" fill="#870000" />
<text x="711" y="495" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="510" width="18" height="17" fill="#5f0000" />
<text x="18" y="512" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">20</text>
<rect x="36" y="510" width="9" height="17" fill="#5f0000" />
<rect x="45" y="510" width="9" height="17" fill="#5f0000" />
<text x="45" y="512" fill="#ff87af" textLength="9" lengthAdjust="spacingAndGlyphs">-</text>
<rect x="54" y="510" width="9" height="17" fill="#5f0000" />
<rect x="63" y="510" width="45" height="17" fill="#5f0000" />
<text x="63" y="512" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="510" width="117" height="17" fill="#870000" />
<rect x="108" y="510" width="117" height="17" fill="#5f0000" />
<text x="108" y="512" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> oldLine20 = </text>
<rect x="225" y="510" width="36" height="17" fill="#870000" />
<rect x="225" y="510" width="36" height="17" fill="#5f0000" />
<text x="225" y="512" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="261" y="510" width="9" height="17" fill="#870000" />
<rect x="261" y="510" width="9" height="17" fill="#5f0000" />
<text x="261" y="512" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="527" width="18" height="17" fill="#008700" />
<text x="18" y="529" fill="#a8a8a8" textLength="18" lengthAdjust="spacingAndGlyphs">20</text>
<rect x="36" y="527" width="9" height="17" fill="#008700" />
<rect x="45" y="527" width="9" height="17" fill="#008700" />
<text x="711" y="512" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<rect x="18" y="527" width="18" height="17" fill="#005f00" />
<text x="18" y="529" fill="#afafaf" textLength="18" lengthAdjust="spacingAndGlyphs">20</text>
<rect x="36" y="527" width="9" height="17" fill="#005f00" />
<rect x="45" y="527" width="9" height="17" fill="#005f00" />
<text x="45" y="529" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">+</text>
<rect x="54" y="527" width="9" height="17" fill="#008700" />
<rect x="63" y="527" width="45" height="17" fill="#008700" />
<rect x="54" y="527" width="9" height="17" fill="#005f00" />
<rect x="63" y="527" width="45" height="17" fill="#005f00" />
<text x="63" y="529" fill="#0000ee" textLength="45" lengthAdjust="spacingAndGlyphs">const</text>
<rect x="108" y="527" width="117" height="17" fill="#008700" />
<rect x="108" y="527" width="117" height="17" fill="#005f00" />
<text x="108" y="529" fill="#e5e5e5" textLength="117" lengthAdjust="spacingAndGlyphs"> newLine20 = </text>
<rect x="225" y="527" width="36" height="17" fill="#008700" />
<rect x="225" y="527" width="36" height="17" fill="#005f00" />
<text x="225" y="529" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">true</text>
<rect x="261" y="527" width="9" height="17" fill="#008700" />
<rect x="261" y="527" width="9" height="17" fill="#005f00" />
<text x="261" y="529" fill="#e5e5e5" textLength="9" lengthAdjust="spacingAndGlyphs">;</text>
<text x="711" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#303030" textLength="720" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────╯</text>
<text x="711" y="529" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#333333" textLength="720" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────╯</text>
<text x="0" y="563" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Apply this change?</text>
<rect x="0" y="595" width="9" height="17" fill="#005f00" />
<rect x="0" y="595" width="9" height="17" fill="#001a00" />
<text x="0" y="597" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="9" y="595" width="9" height="17" fill="#005f00" />
<rect x="18" y="595" width="18" height="17" fill="#005f00" />
<rect x="9" y="595" width="9" height="17" fill="#001a00" />
<rect x="18" y="595" width="18" height="17" fill="#001a00" />
<text x="18" y="597" fill="#00cd00" textLength="18" lengthAdjust="spacingAndGlyphs">1.</text>
<rect x="36" y="595" width="9" height="17" fill="#005f00" />
<rect x="45" y="595" width="90" height="17" fill="#005f00" />
<rect x="36" y="595" width="9" height="17" fill="#001a00" />
<rect x="45" y="595" width="90" height="17" fill="#001a00" />
<text x="45" y="597" fill="#00cd00" textLength="90" lengthAdjust="spacingAndGlyphs">Allow once</text>
<rect x="135" y="595" width="153" height="17" fill="#005f00" />
<rect x="135" y="595" width="153" height="17" fill="#001a00" />
<text x="18" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs">2.</text>
<text x="45" y="614" fill="#ffffff" textLength="198" lengthAdjust="spacingAndGlyphs">Allow for this session</text>
<text x="18" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs">3.</text>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 42 KiB

146
packages/cli/src/ui/components/messages/__snapshots__/ToolConfirmationMessage-ToolConfirmationMessage-height-allocation-and-layout-should-expand-to-available-height-for-large-exec-commands.snap.svg
View file

@ -4,145 +4,145 @@
</style>
<rect width="920" height="683" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#303030" textLength="720" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#a8a8a8" textLength="234" lengthAdjust="spacingAndGlyphs">... 19 hidden (Ctrl+O) ...</text>
<text x="711" y="19" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="2" fill="#333333" textLength="720" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#afafaf" textLength="234" lengthAdjust="spacingAndGlyphs">... 19 hidden (Ctrl+O) ...</text>
<text x="711" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="36" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 20&quot;</text>
<text x="711" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="36" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="53" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="53" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 21&quot;</text>
<text x="711" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="70" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 22&quot;</text>
<text x="711" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="87" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 23&quot;</text>
<text x="711" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="104" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 24&quot;</text>
<text x="711" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="104" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="121" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="121" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 25&quot;</text>
<text x="711" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="138" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="138" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 26&quot;</text>
<text x="711" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="138" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="155" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="155" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 27&quot;</text>
<text x="711" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="172" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="172" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 28&quot;</text>
<text x="711" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="172" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="189" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="189" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 29&quot;</text>
<text x="711" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="189" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="206" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="206" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 30&quot;</text>
<text x="711" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="206" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="223" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="223" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 31&quot;</text>
<text x="711" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="223" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="240" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="240" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 32&quot;</text>
<text x="711" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="240" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="257" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="257" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 33&quot;</text>
<text x="711" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="257" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="274" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="274" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 34&quot;</text>
<text x="711" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="274" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="291" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="291" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 35&quot;</text>
<text x="711" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="291" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="308" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="308" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 36&quot;</text>
<text x="711" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="308" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="325" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="325" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 37&quot;</text>
<text x="711" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="325" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="342" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="342" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 38&quot;</text>
<text x="711" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="342" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="359" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="359" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 39&quot;</text>
<text x="711" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="359" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="376" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="376" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 40&quot;</text>
<text x="711" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="376" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="393" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="393" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 41&quot;</text>
<text x="711" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="393" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="410" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="410" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 42&quot;</text>
<text x="711" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="410" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="427" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="427" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 43&quot;</text>
<text x="711" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="427" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="444" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="444" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 44&quot;</text>
<text x="711" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="444" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="461" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="461" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 45&quot;</text>
<text x="711" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="461" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="478" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="478" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 46&quot;</text>
<text x="711" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="478" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="495" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="495" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 47&quot;</text>
<text x="711" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="495" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="512" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="512" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 48&quot;</text>
<text x="711" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="512" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="529" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="529" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 49&quot;</text>
<text x="711" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="529" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="546" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="546" fill="#cdcd00" textLength="81" lengthAdjust="spacingAndGlyphs">&quot;Line 50&quot;</text>
<text x="711" y="546" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#303030" textLength="720" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────╯</text>
<text x="711" y="546" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#333333" textLength="720" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────╯</text>
<text x="0" y="580" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Allow execution of [echo]? </text>
<rect x="0" y="612" width="9" height="17" fill="#005f00" />
<rect x="0" y="612" width="9" height="17" fill="#001a00" />
<text x="0" y="614" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="9" y="612" width="9" height="17" fill="#005f00" />
<rect x="18" y="612" width="18" height="17" fill="#005f00" />
<rect x="9" y="612" width="9" height="17" fill="#001a00" />
<rect x="18" y="612" width="18" height="17" fill="#001a00" />
<text x="18" y="614" fill="#00cd00" textLength="18" lengthAdjust="spacingAndGlyphs">1.</text>
<rect x="36" y="612" width="9" height="17" fill="#005f00" />
<rect x="45" y="612" width="90" height="17" fill="#005f00" />
<rect x="36" y="612" width="9" height="17" fill="#001a00" />
<rect x="45" y="612" width="90" height="17" fill="#001a00" />
<text x="45" y="614" fill="#00cd00" textLength="90" lengthAdjust="spacingAndGlyphs">Allow once</text>
<rect x="135" y="612" width="135" height="17" fill="#005f00" />
<rect x="135" y="612" width="135" height="17" fill="#001a00" />
<text x="18" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs">2.</text>
<text x="45" y="631" fill="#ffffff" textLength="198" lengthAdjust="spacingAndGlyphs">Allow for this session</text>
<text x="18" y="648" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs">3.</text>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

32
packages/cli/src/ui/components/messages/__snapshots__/ToolConfirmationMessage-ToolConfirmationMessage-should-render-multiline-shell-scripts-with-correct-newlines-and-syntax-highlighting.snap.svg
View file

@ -4,36 +4,36 @@
</style>
<rect width="920" height="207" fill="#000000" />
<g transform="translate(10, 10)">
<text x="0" y="2" fill="#303030" textLength="720" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="2" fill="#333333" textLength="720" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="63" y="19" fill="#cdcd00" textLength="63" lengthAdjust="spacingAndGlyphs">&quot;hello&quot;</text>
<text x="711" y="19" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="36" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#0000ee" textLength="27" lengthAdjust="spacingAndGlyphs">for</text>
<text x="45" y="36" fill="#e5e5e5" textLength="27" lengthAdjust="spacingAndGlyphs"> i </text>
<text x="72" y="36" fill="#0000ee" textLength="18" lengthAdjust="spacingAndGlyphs">in</text>
<text x="90" y="36" fill="#e5e5e5" textLength="72" lengthAdjust="spacingAndGlyphs"> 1 2 3; </text>
<text x="162" y="36" fill="#0000ee" textLength="18" lengthAdjust="spacingAndGlyphs">do</text>
<text x="711" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="36" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="36" y="53" fill="#00cdcd" textLength="36" lengthAdjust="spacingAndGlyphs">echo</text>
<text x="81" y="53" fill="#cd00cd" textLength="18" lengthAdjust="spacingAndGlyphs">$i</text>
<text x="711" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="711" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#0000ee" textLength="36" lengthAdjust="spacingAndGlyphs">done</text>
<text x="711" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="720" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────╯</text>
<text x="711" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#333333" textLength="720" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────╯</text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Allow execution of [echo]? </text>
<rect x="0" y="136" width="9" height="17" fill="#005f00" />
<rect x="0" y="136" width="9" height="17" fill="#001a00" />
<text x="0" y="138" fill="#00cd00" textLength="9" lengthAdjust="spacingAndGlyphs">●</text>
<rect x="9" y="136" width="9" height="17" fill="#005f00" />
<rect x="18" y="136" width="18" height="17" fill="#005f00" />
<rect x="9" y="136" width="9" height="17" fill="#001a00" />
<rect x="18" y="136" width="18" height="17" fill="#001a00" />
<text x="18" y="138" fill="#00cd00" textLength="18" lengthAdjust="spacingAndGlyphs">1.</text>
<rect x="36" y="136" width="9" height="17" fill="#005f00" />
<rect x="45" y="136" width="90" height="17" fill="#005f00" />
<rect x="36" y="136" width="9" height="17" fill="#001a00" />
<rect x="45" y="136" width="90" height="17" fill="#001a00" />
<text x="45" y="138" fill="#00cd00" textLength="90" lengthAdjust="spacingAndGlyphs">Allow once</text>
<rect x="135" y="136" width="135" height="17" fill="#005f00" />
<rect x="135" y="136" width="135" height="17" fill="#001a00" />
<text x="18" y="155" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs">2.</text>
<text x="45" y="155" fill="#ffffff" textLength="198" lengthAdjust="spacingAndGlyphs">Allow for this session</text>
<text x="18" y="172" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs">3.</text>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4 KiB

After

Width:  |  Height:  |  Size: 4 KiB

180
packages/cli/src/ui/components/messages/__snapshots__/ToolGroupMessage.compact.test.tsx.snap
View file

@ -1,181 +1,33 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`ToolGroupMessage Compact Rendering > does not add an extra empty line between a compact tool and a standard tool 1`] = `
"
ERROR (0 , __vite_ssr_import_12__.isVisibleInToolGroup) is not a function
src/ui/components/messages/ToolGroupMessage.tsx:130:9
127: () =>
128: allToolCalls.filter((t) =>
129: // Use the unified visibility utility
130: isVisibleInToolGroup(
131: buildToolVisibilityContextFromDisplay(t),
132: isLowErrorVerbosity ? 'low' : 'full',
133: ),
- (src/ui/components/messages/ToolGroupMessage.tsx:130:9)
- at Array.filter (<anonymous>)\\t
- (src/ui/components/messages/ToolGroupMessage.tsx:128:20)
-mountMem
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:4272:23)
-Object.useMe
o (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
4920:18)
-process.env.NODE_ENV.expor
s.useMemo (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-
kilo-code-grep-only2/gemini-cli/node_modules/react/cjs/react.developmen
t.js:1251:34)
- ToolGroupMessage (src/ui/components/messages/ToolGroupMessage.tsx:126:28)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
" ✓ ReadFolder Listing files → file1.txt
╭──────────────────────────────────────────────────────────────────────────╮
│ ✓ non-compact-tool Doing something │
│ │
│ some large output │
╰──────────────────────────────────────────────────────────────────────────╯
"
`;
exports[`ToolGroupMessage Compact Rendering > does not add an extra empty line between a standard tool and a compact tool 1`] = `
"
ERROR (0 , __vite_ssr_import_12__.isVisibleInToolGroup) is not a function
src/ui/components/messages/ToolGroupMessage.tsx:130:9
127: () =>
128: allToolCalls.filter((t) =>
129: // Use the unified visibility utility
130: isVisibleInToolGroup(
131: buildToolVisibilityContextFromDisplay(t),
132: isLowErrorVerbosity ? 'low' : 'full',
133: ),
- (src/ui/components/messages/ToolGroupMessage.tsx:130:9)
- at Array.filter (<anonymous>)\\t
- (src/ui/components/messages/ToolGroupMessage.tsx:128:20)
-mountMem
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:4272:23)
-Object.useMe
o (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
4920:18)
-process.env.NODE_ENV.expor
s.useMemo (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-
kilo-code-grep-only2/gemini-cli/node_modules/react/cjs/react.developmen
t.js:1251:34)
- ToolGroupMessage (src/ui/components/messages/ToolGroupMessage.tsx:126:28)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
"╭──────────────────────────────────────────────────────────────────────────╮
│ ✓ non-compact-tool Doing something │
│ │
│ some large output │
╰──────────────────────────────────────────────────────────────────────────╯
✓ ReadFolder Listing files → file1.txt
"
`;
exports[`ToolGroupMessage Compact Rendering > does not add an extra empty line if a compact tool has a dense payload 1`] = `
"
ERROR (0 , __vite_ssr_import_12__.isVisibleInToolGroup) is not a function
src/ui/components/messages/ToolGroupMessage.tsx:130:9
127: () =>
128: allToolCalls.filter((t) =>
129: // Use the unified visibility utility
130: isVisibleInToolGroup(
131: buildToolVisibilityContextFromDisplay(t),
132: isLowErrorVerbosity ? 'low' : 'full',
133: ),
- (src/ui/components/messages/ToolGroupMessage.tsx:130:9)
- at Array.filter (<anonymous>)\\t
- (src/ui/components/messages/ToolGroupMessage.tsx:128:20)
-mountMem
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:4272:23)
-Object.useMe
o (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
4920:18)
-process.env.NODE_ENV.expor
s.useMemo (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-
kilo-code-grep-only2/gemini-cli/node_modules/react/cjs/react.developmen
t.js:1251:34)
- ToolGroupMessage (src/ui/components/messages/ToolGroupMessage.tsx:126:28)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
" ✓ ReadFolder Listing files → file1.txt
✓ ReadFile Reading file → read file
"
`;
exports[`ToolGroupMessage Compact Rendering > renders consecutive compact tools without empty lines between them 1`] = `
"
ERROR (0 , __vite_ssr_import_12__.isVisibleInToolGroup) is not a function
src/ui/components/messages/ToolGroupMessage.tsx:130:9
127: () =>
128: allToolCalls.filter((t) =>
129: // Use the unified visibility utility
130: isVisibleInToolGroup(
131: buildToolVisibilityContextFromDisplay(t),
132: isLowErrorVerbosity ? 'low' : 'full',
133: ),
- (src/ui/components/messages/ToolGroupMessage.tsx:130:9)
- at Array.filter (<anonymous>)\\t
- (src/ui/components/messages/ToolGroupMessage.tsx:128:20)
-mountMem
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:4272:23)
-Object.useMe
o (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
4920:18)
-process.env.NODE_ENV.expor
s.useMemo (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-
kilo-code-grep-only2/gemini-cli/node_modules/react/cjs/react.developmen
t.js:1251:34)
- ToolGroupMessage (src/ui/components/messages/ToolGroupMessage.tsx:126:28)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
" ✓ ReadFolder Listing files → file1.txt file2.txt
✓ ReadFolder Listing files → file3.txt
"
`;

622
packages/cli/src/ui/components/messages/__snapshots__/ToolGroupMessage.test.tsx.snap
View file

@ -1,319 +1,78 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`<ToolGroupMessage /> > Ask User Filtering > filtering logic for status='error' and hasResult='error message' 1`] = `
"
ERROR (0 , __vite_ssr_import_12__.isVisibleInToolGroup) is not a function
src/ui/components/messages/ToolGroupMessage.tsx:130:9
127: () =>
128: allToolCalls.filter((t) =>
129: // Use the unified visibility utility
130: isVisibleInToolGroup(
131: buildToolVisibilityContextFromDisplay(t),
132: isLowErrorVerbosity ? 'low' : 'full',
133: ),
- (src/ui/components/messages/ToolGroupMessage.tsx:130:9)
- at Array.filter (<anonymous>)\\t
- (src/ui/components/messages/ToolGroupMessage.tsx:128:20)
-mountMem
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:4272:23)
-Object.useMe
o (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
4920:18)
-process.env.NODE_ENV.expor
s.useMemo (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-
kilo-code-grep-only2/gemini-cli/node_modules/react/cjs/react.developmen
t.js:1251:34)
- ToolGroupMessage (src/ui/components/messages/ToolGroupMessage.tsx:126:28)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
"╭──────────────────────────────────────────────────────────────────────────╮
│ x Ask User │
│ │
│ error message │
╰──────────────────────────────────────────────────────────────────────────╯
"
`;
exports[`<ToolGroupMessage /> > Ask User Filtering > filtering logic for status='success' and hasResult='test result' 1`] = `
"
ERROR (0 , __vite_ssr_import_12__.isVisibleInToolGroup) is not a function
src/ui/components/messages/ToolGroupMessage.tsx:130:9
127: () =>
128: allToolCalls.filter((t) =>
129: // Use the unified visibility utility
130: isVisibleInToolGroup(
131: buildToolVisibilityContextFromDisplay(t),
132: isLowErrorVerbosity ? 'low' : 'full',
133: ),
- (src/ui/components/messages/ToolGroupMessage.tsx:130:9)
- at Array.filter (<anonymous>)\\t
- (src/ui/components/messages/ToolGroupMessage.tsx:128:20)
-mountMem
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:4272:23)
-Object.useMe
o (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
4920:18)
-process.env.NODE_ENV.expor
s.useMemo (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-
kilo-code-grep-only2/gemini-cli/node_modules/react/cjs/react.developmen
t.js:1251:34)
- ToolGroupMessage (src/ui/components/messages/ToolGroupMessage.tsx:126:28)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
"╭──────────────────────────────────────────────────────────────────────────╮
│ ✓ Ask User │
│ │
│ test result │
╰──────────────────────────────────────────────────────────────────────────╯
"
`;
exports[`<ToolGroupMessage /> > Ask User Filtering > shows other tools when ask_user is filtered out 1`] = `
"
ERROR (0 , __vite_ssr_import_12__.isVisibleInToolGroup) is not a function
src/ui/components/messages/ToolGroupMessage.tsx:130:9
127: () =>
128: allToolCalls.filter((t) =>
129: // Use the unified visibility utility
130: isVisibleInToolGroup(
131: buildToolVisibilityContextFromDisplay(t),
132: isLowErrorVerbosity ? 'low' : 'full',
133: ),
- (src/ui/components/messages/ToolGroupMessage.tsx:130:9)
- at Array.filter (<anonymous>)\\t
- (src/ui/components/messages/ToolGroupMessage.tsx:128:20)
-mountMem
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:4272:23)
-Object.useMe
o (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
4920:18)
-process.env.NODE_ENV.expor
s.useMemo (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-
kilo-code-grep-only2/gemini-cli/node_modules/react/cjs/react.developmen
t.js:1251:34)
- ToolGroupMessage (src/ui/components/messages/ToolGroupMessage.tsx:126:28)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
"╭──────────────────────────────────────────────────────────────────────────╮
│ ✓ other-tool A tool for testing │
│ │
│ Test result │
╰──────────────────────────────────────────────────────────────────────────╯
"
`;
exports[`<ToolGroupMessage /> > Border Color Logic > uses gray border when all tools are successful and no shell commands 1`] = `
"
ERROR (0 , __vite_ssr_import_12__.isVisibleInToolGroup) is not a function
src/ui/components/messages/ToolGroupMessage.tsx:130:9
127: () =>
128: allToolCalls.filter((t) =>
129: // Use the unified visibility utility
130: isVisibleInToolGroup(
131: buildToolVisibilityContextFromDisplay(t),
132: isLowErrorVerbosity ? 'low' : 'full',
133: ),
- (src/ui/components/messages/ToolGroupMessage.tsx:130:9)
- at Array.filter (<anonymous>)\\t
- (src/ui/components/messages/ToolGroupMessage.tsx:128:20)
-mountMem
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:4272:23)
-Object.useMe
o (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
4920:18)
-process.env.NODE_ENV.expor
s.useMemo (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-
kilo-code-grep-only2/gemini-cli/node_modules/react/cjs/react.developmen
t.js:1251:34)
- ToolGroupMessage (src/ui/components/messages/ToolGroupMessage.tsx:126:28)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
"╭──────────────────────────────────────────────────────────────────────────╮
│ ✓ test-tool A tool for testing │
│ │
│ Test result │
│ │
│ ✓ another-tool A tool for testing │
│ │
│ Test result │
╰──────────────────────────────────────────────────────────────────────────╯
"
`;
exports[`<ToolGroupMessage /> > Border Color Logic > uses yellow border for shell commands even when successful 1`] = `
"
ERROR (0 , __vite_ssr_import_12__.isVisibleInToolGroup) is not a function
src/ui/components/messages/ToolGroupMessage.tsx:130:9
127: () =>
128: allToolCalls.filter((t) =>
129: // Use the unified visibility utility
130: isVisibleInToolGroup(
131: buildToolVisibilityContextFromDisplay(t),
132: isLowErrorVerbosity ? 'low' : 'full',
133: ),
- (src/ui/components/messages/ToolGroupMessage.tsx:130:9)
- at Array.filter (<anonymous>)\\t
- (src/ui/components/messages/ToolGroupMessage.tsx:128:20)
-mountMem
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:4272:23)
-Object.useMe
o (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
4920:18)
-process.env.NODE_ENV.expor
s.useMemo (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-
kilo-code-grep-only2/gemini-cli/node_modules/react/cjs/react.developmen
t.js:1251:34)
- ToolGroupMessage (src/ui/components/messages/ToolGroupMessage.tsx:126:28)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
"╭──────────────────────────────────────────────────────────────────────────╮
│ ✓ run_shell_command A tool for testing │
│ │
│ Test result │
╰──────────────────────────────────────────────────────────────────────────╯
"
`;
exports[`<ToolGroupMessage /> > Golden Snapshots > renders canceled tool calls > canceled_tool 1`] = `
"
ERROR (0 , __vite_ssr_import_12__.isVisibleInToolGroup) is not a function
src/ui/components/messages/ToolGroupMessage.tsx:130:9
127: () =>
128: allToolCalls.filter((t) =>
129: // Use the unified visibility utility
130: isVisibleInToolGroup(
131: buildToolVisibilityContextFromDisplay(t),
132: isLowErrorVerbosity ? 'low' : 'full',
133: ),
- (src/ui/components/messages/ToolGroupMessage.tsx:130:9)
- at Array.filter (<anonymous>)\\t
- (src/ui/components/messages/ToolGroupMessage.tsx:128:20)
-mountMem
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:4272:23)
-Object.useMe
o (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
4920:18)
-process.env.NODE_ENV.expor
s.useMemo (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-
kilo-code-grep-only2/gemini-cli/node_modules/react/cjs/react.developmen
t.js:1251:34)
- ToolGroupMessage (src/ui/components/messages/ToolGroupMessage.tsx:126:28)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
"╭──────────────────────────────────────────────────────────────────────────╮
│ - canceled-tool A tool for testing │
│ │
│ Test result │
╰──────────────────────────────────────────────────────────────────────────╯
"
`;
exports[`<ToolGroupMessage /> > Golden Snapshots > renders empty tool calls array 1`] = `""`;
exports[`<ToolGroupMessage /> > Golden Snapshots > renders header when scrolled 1`] = `
"
ERROR (0 , __vite_ssr_import_12__.isVisibleInToolGroup) is not a function
src/ui/components/messages/ToolGroupMessage.tsx:130:9
127: () =>
128: allToolCalls.filter((t) =>
129: // Use the unified visibility utility
130: isVisibleInToolGroup(
131: buildToolVisibilityContextFromDisplay(t),
132: isLowErrorVerbosity ? 'low' : 'full',
133: ),
- (src/ui/components/messages/ToolGroupMessage.tsx:130:9)
- at Array.filter (<anonymous>)\\t
- (src/ui/components/messages/ToolGroupMessage.tsx:128:20)
-mountMem
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:4272:23)
-Object.useMe
o (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
4920:18)
-process.env.NODE_ENV.expor
s.useMemo (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-
kilo-code-grep-only2/gemini-cli/node_modules/react/cjs/react.developmen
t.js:1251:34)
- ToolGroupMessage (src/ui/components/messages/ToolGroupMessage.tsx:126:28)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
"╭──────────────────────────────────────────────────────────────────────────╮
│ ✓ tool-1 Description 1. This is a long description that will need to b… │ ▄
│──────────────────────────────────────────────────────────────────────────│ █
│ line3 │ █
│ line4 │ █
│ line5 │ █
│ │ █
│ ✓ tool-2 Description 2 │ █
│ │ █
│ line1 │ █
│ line2 │ █
╰──────────────────────────────────────────────────────────────────────────╯ █
"
`;
@ -355,137 +114,31 @@ exports[`<ToolGroupMessage /> > Golden Snapshots > renders multiple tool calls w
`;
exports[`<ToolGroupMessage /> > Golden Snapshots > renders single successful tool call 1`] = `
"
ERROR (0 , __vite_ssr_import_12__.isVisibleInToolGroup) is not a function
src/ui/components/messages/ToolGroupMessage.tsx:130:9
127: () =>
128: allToolCalls.filter((t) =>
129: // Use the unified visibility utility
130: isVisibleInToolGroup(
131: buildToolVisibilityContextFromDisplay(t),
132: isLowErrorVerbosity ? 'low' : 'full',
133: ),
- (src/ui/components/messages/ToolGroupMessage.tsx:130:9)
- at Array.filter (<anonymous>)\\t
- (src/ui/components/messages/ToolGroupMessage.tsx:128:20)
-mountMem
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:4272:23)
-Object.useMe
o (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
4920:18)
-process.env.NODE_ENV.expor
s.useMemo (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-
kilo-code-grep-only2/gemini-cli/node_modules/react/cjs/react.developmen
t.js:1251:34)
- ToolGroupMessage (src/ui/components/messages/ToolGroupMessage.tsx:126:28)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
"╭──────────────────────────────────────────────────────────────────────────╮
│ ✓ test-tool A tool for testing │
│ │
│ Test result │
╰──────────────────────────────────────────────────────────────────────────╯
"
`;
exports[`<ToolGroupMessage /> > Golden Snapshots > renders tool call with outputFile 1`] = `
"
ERROR (0 , __vite_ssr_import_12__.isVisibleInToolGroup) is not a function
src/ui/components/messages/ToolGroupMessage.tsx:130:9
127: () =>
128: allToolCalls.filter((t) =>
129: // Use the unified visibility utility
130: isVisibleInToolGroup(
131: buildToolVisibilityContextFromDisplay(t),
132: isLowErrorVerbosity ? 'low' : 'full',
133: ),
- (src/ui/components/messages/ToolGroupMessage.tsx:130:9)
- at Array.filter (<anonymous>)\\t
- (src/ui/components/messages/ToolGroupMessage.tsx:128:20)
-mountMem
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:4272:23)
-Object.useMe
o (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
4920:18)
-process.env.NODE_ENV.expor
s.useMemo (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-
kilo-code-grep-only2/gemini-cli/node_modules/react/cjs/react.developmen
t.js:1251:34)
- ToolGroupMessage (src/ui/components/messages/ToolGroupMessage.tsx:126:28)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
"╭──────────────────────────────────────────────────────────────────────────╮
│ ✓ tool-with-file Tool that saved output to file │
│ │
│ Test result │
│ Output too long and was saved to: /path/to/output.txt │
╰──────────────────────────────────────────────────────────────────────────╯
"
`;
exports[`<ToolGroupMessage /> > Golden Snapshots > renders two tool groups where only the last line of the previous group is visible 1`] = `
"
ERROR (0 , __vite_ssr_import_12__.isVisibleInToolGroup) is not a function
src/ui/components/messages/ToolGroupMessage.tsx:130:9
127: () =>
128: allToolCalls.filter((t) =>
129: // Use the unified visibility utility
130: isVisibleInToolGroup(
131: buildToolVisibilityContextFromDisplay(t),
132: isLowErrorVerbosity ? 'low' : 'full',
133: ),
- (src/ui/components/messages/ToolGroupMessage.tsx:130:9)
- at Array.filter (<anonymous>)\\t
- (src/ui/components/messages/ToolGroupMessage.tsx:128:20)
-mountMem
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:4272:23)
-Object.useMe
o (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
4920:18)
-process.env.NODE_ENV.expor
s.useMemo (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-
kilo-code-grep-only2/gemini-cli/node_modules/react/cjs/react.developmen
t.js:1251:34)
- ToolGroupMessage (src/ui/components/messages/ToolGroupMessage.tsx:126:28)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
"╰──────────────────────────────────────────────────────────────────────────╯
╭──────────────────────────────────────────────────────────────────────────╮
│ ✓ tool-2 Description 2 │
│ │ ▄
│ line1 │ █
╰──────────────────────────────────────────────────────────────────────────╯ █
"
`;
@ -496,136 +149,39 @@ exports[`<ToolGroupMessage /> > Golden Snapshots > renders update_topic tool cal
`;
exports[`<ToolGroupMessage /> > Golden Snapshots > renders with limited terminal height 1`] = `
"
ERROR (0 , __vite_ssr_import_12__.isVisibleInToolGroup) is not a function
src/ui/components/messages/ToolGroupMessage.tsx:130:9
127: () =>
128: allToolCalls.filter((t) =>
129: // Use the unified visibility utility
130: isVisibleInToolGroup(
131: buildToolVisibilityContextFromDisplay(t),
132: isLowErrorVerbosity ? 'low' : 'full',
133: ),
- (src/ui/components/messages/ToolGroupMessage.tsx:130:9)
- at Array.filter (<anonymous>)\\t
- (src/ui/components/messages/ToolGroupMessage.tsx:128:20)
-mountMem
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:4272:23)
-Object.useMe
o (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
4920:18)
-process.env.NODE_ENV.expor
s.useMemo (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-
kilo-code-grep-only2/gemini-cli/node_modules/react/cjs/react.developmen
t.js:1251:34)
- ToolGroupMessage (src/ui/components/messages/ToolGroupMessage.tsx:126:28)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
"╭──────────────────────────────────────────────────────────────────────────╮
│ ✓ tool-with-result Tool with output │
│ │
│ This is a long result that might need height constraints │
│ │
│ ✓ another-tool Another tool │
│ │
│ More output here │
╰──────────────────────────────────────────────────────────────────────────╯
"
`;
exports[`<ToolGroupMessage /> > Golden Snapshots > renders with narrow terminal width 1`] = `
"
ERROR (0 , __vite_ssr_import_12__.isVisibleInToolGroup) is not a function
src/ui/components/messages/ToolGroupMessage.tsx:130:9
127: () =>
128: allToolCalls.filter((t) =>
129: // Use the unified visibility utility
130: isVisibleInToolGroup(
131: buildToolVisibilityContextFromDisplay(t),
132: isLowErrorVerbosity ? 'low' : 'full',
133: ),
- (src/ui/components/messages/ToolGroupMessage.tsx:130:9)
- at Array.filter (<anonymous>)\\t
- (src/ui/components/messages/ToolGroupMessage.tsx:128:20)
-mountMem
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:4272:23)
-Object.useMe
o (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
4920:18)
-process.env.NODE_ENV.expor
s.useMemo (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-
kilo-code-grep-only2/gemini-cli/node_modules/react/cjs/react.developmen
t.js:1251:34)
- ToolGroupMessage (src/ui/components/messages/ToolGroupMessage.tsx:126:28)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
"╭──────────────────────────────────╮
│ ✓ very-long-tool-name-that-mig… │
│ │
│ Test result │
╰──────────────────────────────────╯
"
`;
exports[`<ToolGroupMessage /> > Height Calculation > calculates available height correctly with multiple tools with results 1`] = `
"
ERROR (0 , __vite_ssr_import_12__.isVisibleInToolGroup) is not a function
src/ui/components/messages/ToolGroupMessage.tsx:130:9
127: () =>
128: allToolCalls.filter((t) =>
129: // Use the unified visibility utility
130: isVisibleInToolGroup(
131: buildToolVisibilityContextFromDisplay(t),
132: isLowErrorVerbosity ? 'low' : 'full',
133: ),
- (src/ui/components/messages/ToolGroupMessage.tsx:130:9)
- at Array.filter (<anonymous>)\\t
- (src/ui/components/messages/ToolGroupMessage.tsx:128:20)
-mountMem
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:4272:23)
-Object.useMe
o (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
4920:18)
-process.env.NODE_ENV.expor
s.useMemo (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-
kilo-code-grep-only2/gemini-cli/node_modules/react/cjs/react.developmen
t.js:1251:34)
- ToolGroupMessage (src/ui/components/messages/ToolGroupMessage.tsx:126:28)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
"╭──────────────────────────────────────────────────────────────────────────╮
│ ✓ test-tool A tool for testing │
│ │
│ Result 1 │
│ │
│ ✓ test-tool A tool for testing │
│ │
│ Result 2 │
│ │
│ ✓ test-tool A tool for testing │
│ │
╰──────────────────────────────────────────────────────────────────────────╯
"
`;

718
packages/cli/src/ui/components/messages/__snapshots__/ToolMessage.test.tsx.snap
View file

@ -1,563 +1,94 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`<ToolMessage /> > JSON rendering > renders pretty JSON in ink frame 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case
terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per
application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bot
om-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini
_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_mo
dules/react-reconciler/cjs/react-reconciler.development
.js:15859:20)
-renderWithHo
ks (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemin
i-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconcil
er/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCom
onent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/
gemini-cli-kilo-code-grep-only2/gemini-cli/node_modules/reac
t-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cl
i-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/r
eact-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-
cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/c
js/react-reconciler.development.js:12644:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ ✓ test-tool A tool for testing │
│ │
│ { │
│ "a": 1, │
│ "b": 2 │
│ } │
"
`;
exports[`<ToolMessage /> > ToolStatusIndicator rendering > shows ? for Confirming status 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case
terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per
application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bot
om-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini
_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_mo
dules/react-reconciler/cjs/react-reconciler.development
.js:15859:20)
-renderWithHo
ks (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemin
i-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconcil
er/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCom
onent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/
gemini-cli-kilo-code-grep-only2/gemini-cli/node_modules/reac
t-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cl
i-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/r
eact-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-
cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/c
js/react-reconciler.development.js:12644:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ ? test-tool A tool for testing │
│ │
│ Test result │
"
`;
exports[`<ToolMessage /> > ToolStatusIndicator rendering > shows - for Canceled status 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case
terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per
application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bot
om-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini
_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_mo
dules/react-reconciler/cjs/react-reconciler.development
.js:15859:20)
-renderWithHo
ks (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemin
i-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconcil
er/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCom
onent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/
gemini-cli-kilo-code-grep-only2/gemini-cli/node_modules/reac
t-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cl
i-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/r
eact-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-
cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/c
js/react-reconciler.development.js:12644:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ - test-tool A tool for testing │
│ │
│ Test result │
"
`;
exports[`<ToolMessage /> > ToolStatusIndicator rendering > shows MockRespondingSpinner for Executing status when streamingState is Responding 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case
terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per
application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bot
om-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini
_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_mo
dules/react-reconciler/cjs/react-reconciler.development
.js:15859:20)
-renderWithHo
ks (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemin
i-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconcil
er/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCom
onent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/
gemini-cli-kilo-code-grep-only2/gemini-cli/node_modules/reac
t-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cl
i-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/r
eact-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-
cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/c
js/react-reconciler.development.js:12644:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ ⊶ test-tool A tool for testing │
│ │
│ Test result │
"
`;
exports[`<ToolMessage /> > ToolStatusIndicator rendering > shows o for Pending status 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case
terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per
application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bot
om-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini
_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_mo
dules/react-reconciler/cjs/react-reconciler.development
.js:15859:20)
-renderWithHo
ks (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemin
i-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconcil
er/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCom
onent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/
gemini-cli-kilo-code-grep-only2/gemini-cli/node_modules/reac
t-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cl
i-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/r
eact-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-
cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/c
js/react-reconciler.development.js:12644:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ o test-tool A tool for testing │
│ │
│ Test result │
"
`;
exports[`<ToolMessage /> > ToolStatusIndicator rendering > shows paused spinner for Executing status when streamingState is Idle 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case
terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per
application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bot
om-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini
_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_mo
dules/react-reconciler/cjs/react-reconciler.development
.js:15859:20)
-renderWithHo
ks (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemin
i-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconcil
er/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCom
onent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/
gemini-cli-kilo-code-grep-only2/gemini-cli/node_modules/reac
t-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cl
i-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/r
eact-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-
cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/c
js/react-reconciler.development.js:12644:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ ⊶ test-tool A tool for testing │
│ │
│ Test result │
"
`;
exports[`<ToolMessage /> > ToolStatusIndicator rendering > shows paused spinner for Executing status when streamingState is WaitingForConfirmation 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case
terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per
application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bot
om-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini
_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_mo
dules/react-reconciler/cjs/react-reconciler.development
.js:15859:20)
-renderWithHo
ks (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemin
i-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconcil
er/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCom
onent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/
gemini-cli-kilo-code-grep-only2/gemini-cli/node_modules/reac
t-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cl
i-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/r
eact-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-
cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/c
js/react-reconciler.development.js:12644:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ ⊶ test-tool A tool for testing │
│ │
│ Test result │
"
`;
exports[`<ToolMessage /> > ToolStatusIndicator rendering > shows x for Error status 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case
terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per
application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bot
om-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini
_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_mo
dules/react-reconciler/cjs/react-reconciler.development
.js:15859:20)
-renderWithHo
ks (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemin
i-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconcil
er/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCom
onent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/
gemini-cli-kilo-code-grep-only2/gemini-cli/node_modules/reac
t-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cl
i-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/r
eact-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-
cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/c
js/react-reconciler.development.js:12644:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ x test-tool A tool for testing │
│ │
│ Test result │
"
`;
exports[`<ToolMessage /> > ToolStatusIndicator rendering > shows ✓ for Success status 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case
terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per
application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bot
om-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini
_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_mo
dules/react-reconciler/cjs/react-reconciler.development
.js:15859:20)
-renderWithHo
ks (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemin
i-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconcil
er/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCom
onent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/
gemini-cli-kilo-code-grep-only2/gemini-cli/node_modules/reac
t-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cl
i-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/r
eact-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-
cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/c
js/react-reconciler.development.js:12644:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ ✓ test-tool A tool for testing │
│ │
│ Test result │
"
`;
exports[`<ToolMessage /> > renders AnsiOutputText for AnsiOutput results 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case
terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per
application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bot
om-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini
_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_mo
dules/react-reconciler/cjs/react-reconciler.development
.js:15859:20)
-renderWithHo
ks (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemin
i-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconcil
er/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCom
onent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/
gemini-cli-kilo-code-grep-only2/gemini-cli/node_modules/reac
t-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cl
i-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/r
eact-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-
cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/c
js/react-reconciler.development.js:12644:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ ✓ test-tool A tool for testing │
│ │
│ hello │
"
`;
exports[`<ToolMessage /> > renders DiffRenderer for diff results 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case
terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per
application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bot
om-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini
_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_mo
dules/react-reconciler/cjs/react-reconciler.development
.js:15859:20)
-renderWithHo
ks (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemin
i-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconcil
er/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCom
onent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/
gemini-cli-kilo-code-grep-only2/gemini-cli/node_modules/reac
t-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cl
i-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/r
eact-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-
cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/c
js/react-reconciler.development.js:12644:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ ✓ test-tool A tool for testing │
│ │
│ 1 - old │
│ 1 + new │
"
`;
@ -572,155 +103,26 @@ exports[`<ToolMessage /> > renders McpProgressIndicator with percentage and mess
`;
exports[`<ToolMessage /> > renders basic tool information 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case
terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per
application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bot
om-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini
_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_mo
dules/react-reconciler/cjs/react-reconciler.development
.js:15859:20)
-renderWithHo
ks (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemin
i-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconcil
er/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCom
onent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/
gemini-cli-kilo-code-grep-only2/gemini-cli/node_modules/reac
t-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cl
i-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/r
eact-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-
cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/c
js/react-reconciler.development.js:12644:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ ✓ test-tool A tool for testing │
│ │
│ Test result │
"
`;
exports[`<ToolMessage /> > renders emphasis correctly 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case
terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per
application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bot
om-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini
_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_mo
dules/react-reconciler/cjs/react-reconciler.development
.js:15859:20)
-renderWithHo
ks (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemin
i-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconcil
er/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCom
onent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/
gemini-cli-kilo-code-grep-only2/gemini-cli/node_modules/reac
t-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cl
i-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/r
eact-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-
cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/c
js/react-reconciler.development.js:12644:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ ✓ test-tool A tool for testing ← │
│ │
│ Test result │
"
`;
exports[`<ToolMessage /> > renders emphasis correctly 2`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case
terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per
application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bot
om-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini
_cli/gemini-cli-kilo-code-grep-only2/gemini-cli/node_mo
dules/react-reconciler/cjs/react-reconciler.development
.js:15859:20)
-renderWithHo
ks (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemin
i-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconcil
er/cjs/react-reconciler.development.js:3221:22)
-updateFunctionCom
onent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/
gemini-cli-kilo-code-grep-only2/gemini-cli/node_modules/reac
t-reconciler/cjs/react-reconciler.development.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cl
i-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/r
eact-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gem
ini-cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reco
nciler/cjs/react-reconciler.development.js:12834:22)
-workLoopSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-
cli-kilo-code-grep-only2/gemini-cli/node_modules/react-reconciler/c
js/react-reconciler.development.js:12644:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ ✓ test-tool A tool for testing │
│ │
│ Test result │
"
`;

188
packages/cli/src/ui/components/messages/__snapshots__/ToolMessageFocusHint.test.tsx.snap
View file

@ -1,194 +1,30 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`Focus Hint > 'ShellToolMessage' > shows focus hint after delay even with NO output > after-delay-no-output 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ShellToolMessage (src/ui/components/messages/ShellToolMessage.tsx:65:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ ⊶ Shell Command A tool for testing (Tab to focus) │
│ │
"
`;
exports[`Focus Hint > 'ShellToolMessage' > shows focus hint after delay even with NO output > initial-no-output 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ShellToolMessage (src/ui/components/messages/ShellToolMessage.tsx:65:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ ⊶ Shell Command A tool for testing │
│ │
"
`;
exports[`Focus Hint > 'ShellToolMessage' > shows focus hint after delay with output > after-delay-with-output 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ShellToolMessage (src/ui/components/messages/ShellToolMessage.tsx:65:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ ⊶ Shell Command A tool for testing (Tab to focus) │
│ │
"
`;
exports[`Focus Hint > 'ShellToolMessage' > shows focus hint after delay with output > initial-with-output 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ShellToolMessage (src/ui/components/messages/ShellToolMessage.tsx:65:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ ⊶ Shell Command A tool for testing │
│ │
"
`;

144
packages/cli/src/ui/components/messages/__snapshots__/ToolMessageRawMarkdown.test.tsx.snap
View file

@ -1,50 +1,10 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`<ToolMessage /> - Raw Markdown Display Snapshots > renders with renderMarkdown=false, useAlternateBuffer=false '(raw markdown, regular buffer)' 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ ✓ test-tool A tool for testing │
│ │
│ Test **bold** and \`code\` markdown │
"
`;
@ -57,98 +17,18 @@ exports[`<ToolMessage /> - Raw Markdown Display Snapshots > renders with renderM
`;
exports[`<ToolMessage /> - Raw Markdown Display Snapshots > renders with renderMarkdown=true, useAlternateBuffer=false '(constrained height, regular buffer -…' 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ ✓ test-tool A tool for testing │
│ │
│ Test bold and code markdown │
"
`;
exports[`<ToolMessage /> - Raw Markdown Display Snapshots > renders with renderMarkdown=true, useAlternateBuffer=false '(default, regular buffer)' 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"╭──────────────────────────────────────────────────────────────────────────────╮
│ ✓ test-tool A tool for testing │
│ │
│ Test bold and code markdown │
"
`;

89
packages/cli/src/ui/components/messages/__snapshots__/ToolResultDisplay-ToolResultDisplay-truncates-ANSI-output-when-maxLines-is-provided-even-if-availableTerminalHeight-is-undefined.snap.svg
View file

@ -1,68 +1,33 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="768" viewBox="0 0 920 768">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="445" viewBox="0 0 920 445">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="768" fill="#000000" />
<rect width="920" height="445" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> config.getUseTerminalBuffer is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/hooks/useAlternateBuffer.ts:16:44 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 13: // Right now this is convenient as it allows us to special case terminalBuffer </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 14: // rendering like we special case alternateBuffer rendering. </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 15: export const isAlternateBufferEnabled = (config: Config): boolean =&gt; </text>
<rect x="9" y="136" width="630" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="630" lengthAdjust="spacingAndGlyphs">16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 17: </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 18: // This is read from Config so that the UI reads the same value per application session </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 19: export const useAlternateBuffer = (): boolean =&gt; { </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs" font-weight="bold">isAlternateBufferEnabled</text>
<text x="243" y="223" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:16:44)</text>
<text x="0" y="240" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="240" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">useAlternateBuffer</text>
<text x="189" y="240" fill="#7f7f7f" textLength="387" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/hooks/useAlternateBuffer.ts:21:10)</text>
<text x="0" y="257" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="257" fill="#ffffff" textLength="153" lengthAdjust="spacingAndGlyphs" font-weight="bold">ToolResultDisplay</text>
<text x="180" y="257" fill="#7f7f7f" textLength="513" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/messages/ToolResultDisplay.tsx:56:29)</text>
<text x="0" y="274" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="274" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="291" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="291" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="308" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="325" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="342" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="342" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="359" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="359" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="376" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="393" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="410" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="410" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="427" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="427" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="444" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="461" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="478" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="478" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="495" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="512" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="546" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="546" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="563" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="563" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="580" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="597" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="614" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="614" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="631" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="631" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="648" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="665" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="682" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="682" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="699" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="716" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="733" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<text x="0" y="2" fill="#afafaf" textLength="234" lengthAdjust="spacingAndGlyphs">... 26 hidden (Ctrl+O) ...</text>
<text x="0" y="19" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 27 </text>
<text x="0" y="36" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 28 </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 29 </text>
<text x="0" y="70" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 30 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 31 </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 32 </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 33 </text>
<text x="0" y="138" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 34 </text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 35 </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 36 </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 37 </text>
<text x="0" y="206" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 38 </text>
<text x="0" y="223" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 39 </text>
<text x="0" y="240" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 40 </text>
<text x="0" y="257" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 41 </text>
<text x="0" y="274" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 42 </text>
<text x="0" y="291" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 43 </text>
<text x="0" y="308" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 44 </text>
<text x="0" y="325" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 45 </text>
<text x="0" y="342" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 46 </text>
<text x="0" y="359" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 47 </text>
<text x="0" y="376" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 48 </text>
<text x="0" y="393" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 49 </text>
<text x="0" y="410" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs">Line 50 </text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.7 KiB

After

Width:  |  Height:  |  Size: 5 KiB

401
packages/cli/src/ui/components/messages/__snapshots__/ToolResultDisplay.test.tsx.snap
View file

@ -1,50 +1,7 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`ToolResultDisplay > does not fall back to plain text if availableHeight is set and not in alternate buffer 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"Some result
"
`;
@ -54,242 +11,25 @@ exports[`ToolResultDisplay > keeps markdown if in alternate buffer even with ava
`;
exports[`ToolResultDisplay > renders ANSI output result 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"ansi content
"
`;
exports[`ToolResultDisplay > renders file diff result 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
No changes detected.
"
`;
exports[`ToolResultDisplay > renders nothing for todos result 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"
`;
exports[`ToolResultDisplay > renders nothing for todos result 1`] = `""`;
exports[`ToolResultDisplay > renders string result as markdown by default 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"Some result
"
`;
exports[`ToolResultDisplay > renders string result as plain text when renderOutputAsMarkdown is false 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"**Some result**
"
`;
@ -310,97 +50,48 @@ Line 5
`;
exports[`ToolResultDisplay > truncates ANSI output when maxLines is provided, even if availableTerminalHeight is undefined 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"
"... 26 hidden (Ctrl+O) ...
Line 27
Line 28
Line 29
Line 30
Line 31
Line 32
Line 33
Line 34
Line 35
Line 36
Line 37
Line 38
Line 39
Line 40
Line 41
Line 42
Line 43
Line 44
Line 45
Line 46
Line 47
Line 48
Line 49
Line 50"
`;
exports[`ToolResultDisplay > truncates very long string results 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- ToolResultDisplay (src/ui/components/messages/ToolResultDisplay.tsx:56:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
"... 250 hidden (Ctrl+O) ...
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaa
"
`;

53
packages/cli/src/ui/components/views/__snapshots__/ToolsList.test.tsx.snap
View file

@ -1,50 +1,17 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`<ToolsList /> > renders correctly with descriptions 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
"Available Gemini CLI tools:
src/ui/hooks/useAlternateBuffer.ts:16:44
13: // Right now this is convenient as it allows us to special case terminalBuffer
14: // rendering like we special case alternateBuffer rendering.
15: export const isAlternateBufferEnabled = (config: Config): boolean =>
16: config.getUseAlternateBuffer() || config.getUseTerminalBuffer();
17:
18: // This is read from Config so that the UI reads the same value per application session
19: export const useAlternateBuffer = (): boolean => {
- isAlternateBufferEnabled (src/ui/hooks/useAlternateBuffer.ts:16:44)
- useAlternateBuffer (src/ui/hooks/useAlternateBuffer.ts:21:10)
- MarkdownDisplayInternal (src/ui/utils/MarkdownDisplay.tsx:39:29)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-updateSimpleMemoComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-c
ode-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.
development.js:6328:14)
-updateMemoCompon
nt (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-
grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.developm
ent.js:6261:13)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8423:18)
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
- Test Tool One (test-tool-one)
This is the first test tool.
- Test Tool Two (test-tool-two)
This is the second test tool.
1. Tool descriptions support markdown formatting.
2. note use this tool wisely and be sure to consider how this tool interacts with word wrap.
3. important this tool is awesome.
- Test Tool Three (test-tool-three)
This is the third test tool.
"
`;

2
packages/cli/src/ui/utils/__snapshots__/CodeColorizer-colorizeCode-does-not-let-colors-from-ansi-escape-codes-leak-into-colorized-code.snap.svg
View file

@ -8,7 +8,7 @@
<text x="45" y="2" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">1</text>
<text x="0" y="19" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs">line </text>
<text x="45" y="19" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">2</text>
<text x="63" y="19" fill="#afafff" textLength="36" lengthAdjust="spacingAndGlyphs">with</text>
<text x="63" y="19" fill="#87afff" textLength="36" lengthAdjust="spacingAndGlyphs">with</text>
<text x="99" y="19" fill="#ffffff" textLength="135" lengthAdjust="spacingAndGlyphs"> red background</text>
<text x="0" y="36" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs">line </text>
<text x="45" y="36" fill="#d7ffd7" textLength="9" lengthAdjust="spacingAndGlyphs">3</text>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

1397
packages/cli/src/ui/utils/__snapshots__/MarkdownDisplay.test.tsx.snap
View file

File diff suppressed because it is too large Load diff

34
packages/cli/src/ui/utils/__snapshots__/TableRenderer-TableRenderer-calculates-column-widths-based-on-ren-.snap.svg
View file

@ -4,39 +4,6 @@
</style>
<rect width="380" height="139" fill="#000000" />
<g transform="translate(10, 10)">
<<<<<<< HEAD
<text x="0" y="19" fill="#303030" textLength="252" lengthAdjust="spacingAndGlyphs">┌────────┬────────┬────────┐</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#afafff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Col 1</text>
<text x="81" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="99" y="36" fill="#afafff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Col 2</text>
<text x="162" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="180" y="36" fill="#afafff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Col 3</text>
<text x="243" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="252" lengthAdjust="spacingAndGlyphs">├────────┼────────┼────────┤</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs" font-weight="bold">123456</text>
<text x="81" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="99" y="70" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Normal</text>
<text x="162" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="180" y="70" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs">Short</text>
<text x="243" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs">Short</text>
<text x="81" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="99" y="87" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs" font-weight="bold">123456</text>
<text x="162" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="180" y="87" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Normal</text>
<text x="243" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Normal</text>
<text x="81" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="99" y="104" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs">Short</text>
<text x="162" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="180" y="104" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs" font-weight="bold">123456</text>
<text x="243" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#303030" textLength="252" lengthAdjust="spacingAndGlyphs">└────────┴────────┴────────┘</text>
=======
<text x="0" y="2" fill="#333333" textLength="252" lengthAdjust="spacingAndGlyphs">┌────────┬────────┬────────┐</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#87afff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Col 1</text>
@ -68,6 +35,5 @@
<text x="180" y="87" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs" font-weight="bold">123456</text>
<text x="243" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#333333" textLength="252" lengthAdjust="spacingAndGlyphs">└────────┴────────┴────────┘</text>
>>>>>>> origin/main
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.1 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

40
packages/cli/src/ui/utils/__snapshots__/TableRenderer-TableRenderer-calculates-width-correctly-for-conten-.snap.svg
View file

@ -4,45 +4,6 @@
</style>
<rect width="1100" height="139" fill="#000000" />
<g transform="translate(10, 10)">
<<<<<<< HEAD
<text x="0" y="19" fill="#303030" textLength="927" lengthAdjust="spacingAndGlyphs">┌───────────────────────────────────┬───────────────────────────────┬─────────────────────────────────┐</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#afafff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Col 1</text>
<text x="324" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="342" y="36" fill="#afafff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Col 2</text>
<text x="612" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="630" y="36" fill="#afafff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Col 3</text>
<text x="918" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="927" lengthAdjust="spacingAndGlyphs">├───────────────────────────────────┼───────────────────────────────┼─────────────────────────────────┤</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs">Visit Google (</text>
<text x="144" y="70" fill="#afafff" textLength="162" lengthAdjust="spacingAndGlyphs">https://google.com</text>
<text x="306" y="70" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs">)</text>
<text x="324" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="342" y="70" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs">Plain Text</text>
<text x="612" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="630" y="70" fill="#ffffff" textLength="81" lengthAdjust="spacingAndGlyphs">More Info</text>
<text x="918" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#ffffff" textLength="81" lengthAdjust="spacingAndGlyphs">Info Here</text>
<text x="324" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="342" y="87" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs">Visit Bing (</text>
<text x="450" y="87" fill="#afafff" textLength="144" lengthAdjust="spacingAndGlyphs">https://bing.com</text>
<text x="594" y="87" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs">)</text>
<text x="612" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="630" y="87" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs">Links</text>
<text x="918" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs">Check This</text>
<text x="324" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="342" y="104" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Search</text>
<text x="612" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="630" y="104" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs">Visit Yahoo (</text>
<text x="747" y="104" fill="#afafff" textLength="153" lengthAdjust="spacingAndGlyphs">https://yahoo.com</text>
<text x="900" y="104" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs">)</text>
<text x="918" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#303030" textLength="927" lengthAdjust="spacingAndGlyphs">└───────────────────────────────────┴───────────────────────────────┴─────────────────────────────────┘</text>
=======
<text x="0" y="2" fill="#333333" textLength="927" lengthAdjust="spacingAndGlyphs">┌───────────────────────────────────┬───────────────────────────────┬─────────────────────────────────┐</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#87afff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Col 1</text>
@ -80,6 +41,5 @@
<text x="900" y="87" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs">)</text>
<text x="918" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#333333" textLength="927" lengthAdjust="spacingAndGlyphs">└───────────────────────────────────┴───────────────────────────────┴─────────────────────────────────┘</text>
>>>>>>> origin/main
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.6 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

35
packages/cli/src/ui/utils/__snapshots__/TableRenderer-TableRenderer-does-not-parse-markdown-inside-code-s-.snap.svg
View file

@ -4,40 +4,6 @@
</style>
<rect width="920" height="139" fill="#000000" />
<g transform="translate(10, 10)">
<<<<<<< HEAD
<text x="0" y="19" fill="#303030" textLength="549" lengthAdjust="spacingAndGlyphs">┌─────────────────┬──────────────────────┬──────────────────┐</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#afafff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Col 1</text>
<text x="162" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="180" y="36" fill="#afafff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Col 2</text>
<text x="369" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="387" y="36" fill="#afafff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Col 3</text>
<text x="540" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="549" lengthAdjust="spacingAndGlyphs">├─────────────────┼──────────────────────┼──────────────────┤</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#d7afff" textLength="108" lengthAdjust="spacingAndGlyphs">**not bold**</text>
<text x="162" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="180" y="70" fill="#d7afff" textLength="108" lengthAdjust="spacingAndGlyphs">_not italic_</text>
<text x="369" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="387" y="70" fill="#d7afff" textLength="126" lengthAdjust="spacingAndGlyphs">~~not strike~~</text>
<text x="540" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#d7afff" textLength="135" lengthAdjust="spacingAndGlyphs">[not link](url)</text>
<text x="162" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="180" y="87" fill="#d7afff" textLength="180" lengthAdjust="spacingAndGlyphs">&lt;u&gt;not underline&lt;/u&gt;</text>
<text x="369" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="387" y="87" fill="#d7afff" textLength="144" lengthAdjust="spacingAndGlyphs">https://not.link</text>
<text x="540" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs">Normal Text</text>
<text x="162" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="180" y="104" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs">More Code: </text>
<text x="279" y="104" fill="#d7afff" textLength="54" lengthAdjust="spacingAndGlyphs">*test*</text>
<text x="369" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="387" y="104" fill="#d7afff" textLength="108" lengthAdjust="spacingAndGlyphs">***nested***</text>
<text x="540" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#303030" textLength="549" lengthAdjust="spacingAndGlyphs">└─────────────────┴──────────────────────┴──────────────────┘</text>
=======
<text x="0" y="2" fill="#333333" textLength="549" lengthAdjust="spacingAndGlyphs">┌─────────────────┬──────────────────────┬──────────────────┐</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#87afff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Col 1</text>
@ -70,6 +36,5 @@
<text x="387" y="87" fill="#d7afff" textLength="108" lengthAdjust="spacingAndGlyphs">***nested***</text>
<text x="540" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#333333" textLength="549" lengthAdjust="spacingAndGlyphs">└─────────────────┴──────────────────────┴──────────────────┘</text>
>>>>>>> origin/main
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.9 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

40
packages/cli/src/ui/utils/__snapshots__/TableRenderer-TableRenderer-handles-nested-markdown-styles-recurs-.snap.svg
View file

@ -4,45 +4,6 @@
</style>
<rect width="920" height="139" fill="#000000" />
<g transform="translate(10, 10)">
<<<<<<< HEAD
<text x="0" y="19" fill="#303030" textLength="819" lengthAdjust="spacingAndGlyphs">┌─────────────────────────────┬─────────────────────────────┬─────────────────────────────┐</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#afafff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">Header 1</text>
<text x="270" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="36" fill="#afafff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">Header 2</text>
<text x="540" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="558" y="36" fill="#afafff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">Header 3</text>
<text x="810" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="819" lengthAdjust="spacingAndGlyphs">├─────────────────────────────┼─────────────────────────────┼─────────────────────────────┤</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs" font-weight="bold">Bold with </text>
<text x="108" y="70" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs" font-weight="bold" font-style="italic">Italic</text>
<text x="162" y="70" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold"> and Strike</text>
<text x="270" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="70" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Normal</text>
<text x="540" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="558" y="70" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs">Short</text>
<text x="810" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs">Short</text>
<text x="270" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="87" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs" font-weight="bold">Bold with </text>
<text x="378" y="87" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs" font-weight="bold" font-style="italic">Italic</text>
<text x="432" y="87" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold"> and Strike</text>
<text x="540" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="558" y="87" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Normal</text>
<text x="810" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Normal</text>
<text x="270" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="104" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs">Short</text>
<text x="540" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="558" y="104" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs" font-weight="bold">Bold with </text>
<text x="648" y="104" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs" font-weight="bold" font-style="italic">Italic</text>
<text x="702" y="104" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold"> and Strike</text>
<text x="810" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#303030" textLength="819" lengthAdjust="spacingAndGlyphs">└─────────────────────────────┴─────────────────────────────┴─────────────────────────────┘</text>
=======
<text x="0" y="2" fill="#333333" textLength="819" lengthAdjust="spacingAndGlyphs">┌─────────────────────────────┬─────────────────────────────┬─────────────────────────────┐</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#87afff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">Header 1</text>
@ -80,6 +41,5 @@
<text x="702" y="87" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold"> and Strike</text>
<text x="810" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#333333" textLength="819" lengthAdjust="spacingAndGlyphs">└─────────────────────────────┴─────────────────────────────┴─────────────────────────────┘</text>
>>>>>>> origin/main
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.8 KiB

After

Width:  |  Height:  |  Size: 5 KiB

27
packages/cli/src/ui/utils/__snapshots__/TableRenderer-TableRenderer-handles-non-ASCII-characters-emojis-.snap.svg
View file

@ -4,32 +4,6 @@
</style>
<rect width="560" height="122" fill="#000000" />
<g transform="translate(10, 10)">
<<<<<<< HEAD
<text x="0" y="19" fill="#303030" textLength="405" lengthAdjust="spacingAndGlyphs">┌──────────────┬────────────┬───────────────┐</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#afafff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">Emoji 😃</text>
<text x="126" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="144" y="36" fill="#afafff" textLength="90" lengthAdjust="spacingAndGlyphs" font-weight="bold">Asian 汉字</text>
<text x="243" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="261" y="36" fill="#afafff" textLength="108" lengthAdjust="spacingAndGlyphs" font-weight="bold">Mixed 🚀 Text</text>
<text x="378" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="405" lengthAdjust="spacingAndGlyphs">├──────────────┼────────────┼───────────────┤</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs">Start 🌟 End</text>
<text x="126" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="144" y="70" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs">你好世界</text>
<text x="243" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="261" y="70" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs">Rocket 🚀 Man</text>
<text x="378" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs">Thumbs 👍 Up</text>
<text x="126" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="144" y="87" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs">こんにちは</text>
<text x="243" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="261" y="87" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Fire 🔥</text>
<text x="378" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="405" lengthAdjust="spacingAndGlyphs">└──────────────┴────────────┴───────────────┘</text>
=======
<text x="0" y="2" fill="#333333" textLength="405" lengthAdjust="spacingAndGlyphs">┌──────────────┬────────────┬───────────────┐</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#87afff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">Emoji 😃</text>
@ -54,6 +28,5 @@
<text x="261" y="70" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Fire 🔥</text>
<text x="378" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#333333" textLength="405" lengthAdjust="spacingAndGlyphs">└──────────────┴────────────┴───────────────┘</text>
>>>>>>> origin/main
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

42
packages/cli/src/ui/utils/__snapshots__/TableRenderer-TableRenderer-handles-wrapped-bold-headers-without-showing-markers.snap.svg
View file

@ -4,47 +4,6 @@
</style>
<rect width="920" height="173" fill="#000000" />
<g transform="translate(10, 10)">
<<<<<<< HEAD
<text x="0" y="19" fill="#303030" textLength="297" lengthAdjust="spacingAndGlyphs">┌─────────────┬───────┬─────────┐</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#afafff" textLength="81" lengthAdjust="spacingAndGlyphs" font-weight="bold">Very Long</text>
<text x="126" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="144" y="36" fill="#afafff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Short</text>
<text x="198" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="216" y="36" fill="#afafff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">Another</text>
<text x="288" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="53" fill="#afafff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">Bold Header</text>
<text x="126" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="198" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="216" y="53" fill="#afafff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">Long</text>
<text x="288" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#afafff" textLength="81" lengthAdjust="spacingAndGlyphs" font-weight="bold">That Will</text>
<text x="126" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="198" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="216" y="70" fill="#afafff" textLength="54" lengthAdjust="spacingAndGlyphs" font-weight="bold">Header</text>
<text x="288" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#afafff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">Wrap</text>
<text x="126" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="198" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="297" lengthAdjust="spacingAndGlyphs">├─────────────┼───────┼─────────┤</text>
<text x="0" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="121" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Data 1</text>
<text x="126" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="144" y="121" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs">Data</text>
<text x="198" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="216" y="121" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Data 3</text>
<text x="288" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="126" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="144" y="138" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs">2</text>
<text x="198" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#303030" textLength="297" lengthAdjust="spacingAndGlyphs">└─────────────┴───────┴─────────┘</text>
=======
<text x="0" y="2" fill="#333333" textLength="297" lengthAdjust="spacingAndGlyphs">┌─────────────┬───────┬─────────┐</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#87afff" textLength="81" lengthAdjust="spacingAndGlyphs" font-weight="bold">Very Long</text>
@ -84,6 +43,5 @@
<text x="198" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#333333" textLength="297" lengthAdjust="spacingAndGlyphs">└─────────────┴───────┴─────────┘</text>
>>>>>>> origin/main
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.8 KiB

After

Width:  |  Height:  |  Size: 4.5 KiB

34
packages/cli/src/ui/utils/__snapshots__/TableRenderer-TableRenderer-renders-a-3x3-table-correctly.snap.svg
View file

@ -4,39 +4,6 @@
</style>
<rect width="920" height="139" fill="#000000" />
<g transform="translate(10, 10)">
<<<<<<< HEAD
<text x="0" y="19" fill="#303030" textLength="414" lengthAdjust="spacingAndGlyphs">┌──────────────┬──────────────┬──────────────┐</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#afafff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">Header 1</text>
<text x="135" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="153" y="36" fill="#afafff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">Header 2</text>
<text x="270" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="36" fill="#afafff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">Header 3</text>
<text x="405" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="414" lengthAdjust="spacingAndGlyphs">├──────────────┼──────────────┼──────────────┤</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs">Row 1, Col 1</text>
<text x="135" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="153" y="70" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs">Row 1, Col 2</text>
<text x="270" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="70" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs">Row 1, Col 3</text>
<text x="405" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs">Row 2, Col 1</text>
<text x="135" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="153" y="87" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs">Row 2, Col 2</text>
<text x="270" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="87" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs">Row 2, Col 3</text>
<text x="405" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs">Row 3, Col 1</text>
<text x="135" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="153" y="104" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs">Row 3, Col 2</text>
<text x="270" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="104" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs">Row 3, Col 3</text>
<text x="405" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#303030" textLength="414" lengthAdjust="spacingAndGlyphs">└──────────────┴──────────────┴──────────────┘</text>
=======
<text x="0" y="2" fill="#333333" textLength="414" lengthAdjust="spacingAndGlyphs">┌──────────────┬──────────────┬──────────────┐</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#87afff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">Header 1</text>
@ -68,6 +35,5 @@
<text x="288" y="87" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs">Row 3, Col 3</text>
<text x="405" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#333333" textLength="414" lengthAdjust="spacingAndGlyphs">└──────────────┴──────────────┴──────────────┘</text>
>>>>>>> origin/main
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.4 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

396
packages/cli/src/ui/utils/__snapshots__/TableRenderer-TableRenderer-renders-a-complex-table-with-mixed-content-lengths-correctly.snap.svg
View file

@ -4,401 +4,6 @@
</style>
<rect width="1460" height="598" fill="#000000" />
<g transform="translate(10, 10)">
<<<<<<< HEAD
<text x="0" y="19" fill="#303030" textLength="1404" lengthAdjust="spacingAndGlyphs">┌─────────────────────────────┬──────────────────────────────┬─────────────────────────────┬──────────────────────────────┬─────┬────────┬─────────┬───────┐</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#afafff" textLength="243" lengthAdjust="spacingAndGlyphs" font-weight="bold">Comprehensive Architectural</text>
<text x="270" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="36" fill="#afafff" textLength="234" lengthAdjust="spacingAndGlyphs" font-weight="bold">Implementation Details for</text>
<text x="549" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="36" fill="#afafff" textLength="216" lengthAdjust="spacingAndGlyphs" font-weight="bold">Longitudinal Performance</text>
<text x="819" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="36" fill="#afafff" textLength="252" lengthAdjust="spacingAndGlyphs" font-weight="bold">Strategic Security Framework</text>
<text x="1098" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1116" y="36" fill="#afafff" textLength="27" lengthAdjust="spacingAndGlyphs" font-weight="bold">Key</text>
<text x="1152" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1170" y="36" fill="#afafff" textLength="54" lengthAdjust="spacingAndGlyphs" font-weight="bold">Status</text>
<text x="1233" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1251" y="36" fill="#afafff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">Version</text>
<text x="1323" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1341" y="36" fill="#afafff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Owner</text>
<text x="1395" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="53" fill="#afafff" textLength="189" lengthAdjust="spacingAndGlyphs" font-weight="bold">Specification for the</text>
<text x="270" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="53" fill="#afafff" textLength="171" lengthAdjust="spacingAndGlyphs" font-weight="bold">the High-Throughput</text>
<text x="549" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="53" fill="#afafff" textLength="135" lengthAdjust="spacingAndGlyphs" font-weight="bold">Analysis Across</text>
<text x="819" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="53" fill="#afafff" textLength="252" lengthAdjust="spacingAndGlyphs" font-weight="bold">for Mitigating Sophisticated</text>
<text x="1098" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#afafff" textLength="234" lengthAdjust="spacingAndGlyphs" font-weight="bold">Distributed Infrastructure</text>
<text x="270" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="70" fill="#afafff" textLength="180" lengthAdjust="spacingAndGlyphs" font-weight="bold">Asynchronous Message</text>
<text x="549" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="70" fill="#afafff" textLength="180" lengthAdjust="spacingAndGlyphs" font-weight="bold">Multi-Regional Cloud</text>
<text x="819" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="70" fill="#afafff" textLength="180" lengthAdjust="spacingAndGlyphs" font-weight="bold">Cross-Site Scripting</text>
<text x="1098" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#afafff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Layer</text>
<text x="270" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="87" fill="#afafff" textLength="216" lengthAdjust="spacingAndGlyphs" font-weight="bold">Processing Pipeline with</text>
<text x="549" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="87" fill="#afafff" textLength="171" lengthAdjust="spacingAndGlyphs" font-weight="bold">Deployment Clusters</text>
<text x="819" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="87" fill="#afafff" textLength="135" lengthAdjust="spacingAndGlyphs" font-weight="bold">Vulnerabilities</text>
<text x="1098" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="270" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="104" fill="#afafff" textLength="180" lengthAdjust="spacingAndGlyphs" font-weight="bold">Extended Scalability</text>
<text x="549" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="819" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1098" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="270" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="121" fill="#afafff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Features and Redundancy</text>
<text x="549" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="819" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1098" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="270" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="138" fill="#afafff" textLength="81" lengthAdjust="spacingAndGlyphs" font-weight="bold">Protocols</text>
<text x="549" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="819" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1098" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#303030" textLength="1404" lengthAdjust="spacingAndGlyphs">├─────────────────────────────┼──────────────────────────────┼─────────────────────────────┼──────────────────────────────┼─────┼────────┼─────────┼───────┤</text>
<text x="0" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="172" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs">The primary architecture</text>
<text x="270" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="172" fill="#ffffff" textLength="225" lengthAdjust="spacingAndGlyphs">Each message is processed</text>
<text x="549" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="172" fill="#ffffff" textLength="243" lengthAdjust="spacingAndGlyphs">Historical data indicates a</text>
<text x="819" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="172" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs">A multi-layered defense</text>
<text x="1098" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1116" y="172" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs">INF</text>
<text x="1152" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1170" y="172" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Active</text>
<text x="1233" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1251" y="172" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs">v2.4</text>
<text x="1323" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1341" y="172" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs">J.</text>
<text x="1395" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="189" fill="#ffffff" textLength="180" lengthAdjust="spacingAndGlyphs">utilizes a decoupled</text>
<text x="270" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="189" fill="#ffffff" textLength="171" lengthAdjust="spacingAndGlyphs">through a series of</text>
<text x="549" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="189" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs">significant reduction in</text>
<text x="819" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="189" fill="#ffffff" textLength="189" lengthAdjust="spacingAndGlyphs">strategy incorporates</text>
<text x="1098" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1341" y="189" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs">Doe</text>
<text x="1395" y="189" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="206" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs">microservices approach,</text>
<text x="270" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="206" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs">specialized workers that</text>
<text x="549" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="206" fill="#ffffff" textLength="243" lengthAdjust="spacingAndGlyphs">tail latency when utilizing</text>
<text x="819" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="206" fill="#ffffff" textLength="234" lengthAdjust="spacingAndGlyphs">content security policies,</text>
<text x="1098" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="206" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="223" fill="#ffffff" textLength="180" lengthAdjust="spacingAndGlyphs">leveraging container</text>
<text x="270" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="223" fill="#ffffff" textLength="243" lengthAdjust="spacingAndGlyphs">handle data transformation,</text>
<text x="549" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="223" fill="#ffffff" textLength="243" lengthAdjust="spacingAndGlyphs">edge computing nodes closer</text>
<text x="819" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="223" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">input sanitization</text>
<text x="1098" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="223" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="240" fill="#ffffff" textLength="153" lengthAdjust="spacingAndGlyphs">orchestration for</text>
<text x="270" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="240" fill="#ffffff" textLength="234" lengthAdjust="spacingAndGlyphs">validation, and persistent</text>
<text x="549" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="240" fill="#ffffff" textLength="234" lengthAdjust="spacingAndGlyphs">to the geographic location</text>
<text x="819" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="240" fill="#ffffff" textLength="198" lengthAdjust="spacingAndGlyphs">libraries, and regular</text>
<text x="1098" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="240" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="257" fill="#ffffff" textLength="189" lengthAdjust="spacingAndGlyphs">scalability and fault</text>
<text x="270" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="257" fill="#ffffff" textLength="234" lengthAdjust="spacingAndGlyphs">storage using a persistent</text>
<text x="549" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="257" fill="#ffffff" textLength="189" lengthAdjust="spacingAndGlyphs">of the end-user base.</text>
<text x="819" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="257" fill="#ffffff" textLength="189" lengthAdjust="spacingAndGlyphs">automated penetration</text>
<text x="1098" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="257" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="274" fill="#ffffff" textLength="198" lengthAdjust="spacingAndGlyphs">tolerance in high-load</text>
<text x="270" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="274" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">queue.</text>
<text x="549" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="819" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="274" fill="#ffffff" textLength="153" lengthAdjust="spacingAndGlyphs">testing routines.</text>
<text x="1098" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="274" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="291" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs">scenarios.</text>
<text x="270" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="549" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="291" fill="#ffffff" textLength="189" lengthAdjust="spacingAndGlyphs">Monitoring tools have</text>
<text x="819" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1098" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="291" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="270" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="308" fill="#ffffff" textLength="189" lengthAdjust="spacingAndGlyphs">The pipeline features</text>
<text x="549" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="308" fill="#ffffff" textLength="234" lengthAdjust="spacingAndGlyphs">captured a steady increase</text>
<text x="819" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="308" fill="#ffffff" textLength="234" lengthAdjust="spacingAndGlyphs">Developers are required to</text>
<text x="1098" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="308" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="325" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs">This layer provides the</text>
<text x="270" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="325" fill="#ffffff" textLength="225" lengthAdjust="spacingAndGlyphs">built-in retry mechanisms</text>
<text x="549" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="325" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs">in throughput efficiency</text>
<text x="819" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="325" fill="#ffffff" textLength="234" lengthAdjust="spacingAndGlyphs">undergo mandatory security</text>
<text x="1098" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="325" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="342" fill="#ffffff" textLength="243" lengthAdjust="spacingAndGlyphs">fundamental building blocks</text>
<text x="270" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="342" fill="#ffffff" textLength="243" lengthAdjust="spacingAndGlyphs">with exponential backoff to</text>
<text x="549" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="342" fill="#ffffff" textLength="225" lengthAdjust="spacingAndGlyphs">since the introduction of</text>
<text x="819" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="342" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs">training focusing on the</text>
<text x="1098" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="342" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="359" fill="#ffffff" textLength="243" lengthAdjust="spacingAndGlyphs">for service discovery, load</text>
<text x="270" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="359" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs">ensure message delivery</text>
<text x="549" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="359" fill="#ffffff" textLength="243" lengthAdjust="spacingAndGlyphs">the vectorized query engine</text>
<text x="819" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="359" fill="#ffffff" textLength="252" lengthAdjust="spacingAndGlyphs">OWASP Top Ten to ensure that</text>
<text x="1098" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="359" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="376" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs">balancing, and</text>
<text x="270" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="376" fill="#ffffff" textLength="189" lengthAdjust="spacingAndGlyphs">integrity even during</text>
<text x="549" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="376" fill="#ffffff" textLength="171" lengthAdjust="spacingAndGlyphs">in the primary data</text>
<text x="819" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="376" fill="#ffffff" textLength="243" lengthAdjust="spacingAndGlyphs">security is integrated into</text>
<text x="1098" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="376" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="393" fill="#ffffff" textLength="243" lengthAdjust="spacingAndGlyphs">inter-service communication</text>
<text x="270" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="393" fill="#ffffff" textLength="252" lengthAdjust="spacingAndGlyphs">transient network or service</text>
<text x="549" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="393" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs">warehouse.</text>
<text x="819" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="393" fill="#ffffff" textLength="225" lengthAdjust="spacingAndGlyphs">the initial design phase.</text>
<text x="1098" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="393" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="410" fill="#ffffff" textLength="180" lengthAdjust="spacingAndGlyphs">via highly efficient</text>
<text x="270" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="410" fill="#ffffff" textLength="81" lengthAdjust="spacingAndGlyphs">failures.</text>
<text x="549" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="819" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1098" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="410" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="427" fill="#ffffff" textLength="153" lengthAdjust="spacingAndGlyphs">protocol buffers.</text>
<text x="270" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="549" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="427" fill="#ffffff" textLength="180" lengthAdjust="spacingAndGlyphs">Resource utilization</text>
<text x="819" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="427" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs">The implementation of a</text>
<text x="1098" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="427" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="270" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="444" fill="#ffffff" textLength="225" lengthAdjust="spacingAndGlyphs">Horizontal autoscaling is</text>
<text x="549" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="444" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs">metrics demonstrate that</text>
<text x="819" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="444" fill="#ffffff" textLength="234" lengthAdjust="spacingAndGlyphs">robust Identity and Access</text>
<text x="1098" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="444" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="461" fill="#ffffff" textLength="198" lengthAdjust="spacingAndGlyphs">Advanced telemetry and</text>
<text x="270" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="461" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs">triggered automatically</text>
<text x="549" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="461" fill="#ffffff" textLength="153" lengthAdjust="spacingAndGlyphs">the transition to</text>
<text x="819" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="461" fill="#ffffff" textLength="225" lengthAdjust="spacingAndGlyphs">Management system ensures</text>
<text x="1098" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="461" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="478" fill="#ffffff" textLength="234" lengthAdjust="spacingAndGlyphs">logging integrations allow</text>
<text x="270" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="478" fill="#ffffff" textLength="225" lengthAdjust="spacingAndGlyphs">based on the depth of the</text>
<text x="549" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="478" fill="#ffffff" textLength="198" lengthAdjust="spacingAndGlyphs">serverless compute for</text>
<text x="819" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="478" fill="#ffffff" textLength="243" lengthAdjust="spacingAndGlyphs">that the principle of least</text>
<text x="1098" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="478" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="495" fill="#ffffff" textLength="243" lengthAdjust="spacingAndGlyphs">for real-time monitoring of</text>
<text x="270" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="495" fill="#ffffff" textLength="234" lengthAdjust="spacingAndGlyphs">processing queue, ensuring</text>
<text x="549" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="495" fill="#ffffff" textLength="198" lengthAdjust="spacingAndGlyphs">intermittent tasks has</text>
<text x="819" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="495" fill="#ffffff" textLength="189" lengthAdjust="spacingAndGlyphs">privilege is strictly</text>
<text x="1098" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="495" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="512" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs">system health and rapid</text>
<text x="270" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="512" fill="#ffffff" textLength="198" lengthAdjust="spacingAndGlyphs">consistent performance</text>
<text x="549" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="512" fill="#ffffff" textLength="180" lengthAdjust="spacingAndGlyphs">resulted in a thirty</text>
<text x="819" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="512" fill="#ffffff" textLength="171" lengthAdjust="spacingAndGlyphs">enforced across all</text>
<text x="1098" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="512" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="529" fill="#ffffff" textLength="153" lengthAdjust="spacingAndGlyphs">identification of</text>
<text x="270" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="529" fill="#ffffff" textLength="225" lengthAdjust="spacingAndGlyphs">during unexpected traffic</text>
<text x="549" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="567" y="529" fill="#ffffff" textLength="234" lengthAdjust="spacingAndGlyphs">percent cost optimization.</text>
<text x="819" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="837" y="529" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs">environments.</text>
<text x="1098" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="529" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="546" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="546" fill="#ffffff" textLength="198" lengthAdjust="spacingAndGlyphs">bottlenecks within the</text>
<text x="270" y="546" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="546" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs">spikes.</text>
<text x="549" y="546" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="819" y="546" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1098" y="546" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="546" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="546" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="546" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="546" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="563" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs">service mesh.</text>
<text x="270" y="563" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="549" y="563" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="819" y="563" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1098" y="563" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1152" y="563" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1233" y="563" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1323" y="563" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="563" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="580" fill="#303030" textLength="1404" lengthAdjust="spacingAndGlyphs">└─────────────────────────────┴──────────────────────────────┴─────────────────────────────┴──────────────────────────────┴─────┴────────┴─────────┴───────┘</text>
=======
<text x="0" y="2" fill="#333333" textLength="1404" lengthAdjust="spacingAndGlyphs">┌─────────────────────────────┬──────────────────────────────┬─────────────────────────────┬──────────────────────────────┬─────┬────────┬─────────┬───────┐</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#87afff" textLength="243" lengthAdjust="spacingAndGlyphs" font-weight="bold">Comprehensive Architectural</text>
@ -792,6 +397,5 @@
<text x="1323" y="546" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="1395" y="546" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="563" fill="#333333" textLength="1404" lengthAdjust="spacingAndGlyphs">└─────────────────────────────┴──────────────────────────────┴─────────────────────────────┴──────────────────────────────┴─────┴────────┴─────────┴───────┘</text>
>>>>>>> origin/main
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 84 KiB

After

Width:  |  Height:  |  Size: 42 KiB

58
packages/cli/src/ui/utils/__snapshots__/TableRenderer-TableRenderer-renders-a-table-with-long-headers-and-4-columns-correctly.snap.svg
View file

@ -4,63 +4,6 @@
</style>
<rect width="920" height="173" fill="#000000" />
<g transform="translate(10, 10)">
<<<<<<< HEAD
<text x="0" y="19" fill="#303030" textLength="639" lengthAdjust="spacingAndGlyphs">┌───────────────┬───────────────┬──────────────────┬──────────────────┐</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#afafff" textLength="81" lengthAdjust="spacingAndGlyphs" font-weight="bold">Very Long</text>
<text x="144" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="162" y="36" fill="#afafff" textLength="81" lengthAdjust="spacingAndGlyphs" font-weight="bold">Very Long</text>
<text x="288" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="306" y="36" fill="#afafff" textLength="144" lengthAdjust="spacingAndGlyphs" font-weight="bold">Very Long Column</text>
<text x="459" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="477" y="36" fill="#afafff" textLength="144" lengthAdjust="spacingAndGlyphs" font-weight="bold">Very Long Column</text>
<text x="630" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="53" fill="#afafff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">Column Header</text>
<text x="144" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="162" y="53" fill="#afafff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">Column Header</text>
<text x="288" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="306" y="53" fill="#afafff" textLength="108" lengthAdjust="spacingAndGlyphs" font-weight="bold">Header Three</text>
<text x="459" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="477" y="53" fill="#afafff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">Header Four</text>
<text x="630" y="53" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#afafff" textLength="27" lengthAdjust="spacingAndGlyphs" font-weight="bold">One</text>
<text x="144" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="162" y="70" fill="#afafff" textLength="27" lengthAdjust="spacingAndGlyphs" font-weight="bold">Two</text>
<text x="288" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="459" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="630" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="639" lengthAdjust="spacingAndGlyphs">├───────────────┼───────────────┼──────────────────┼──────────────────┤</text>
<text x="0" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs">Data 1.1</text>
<text x="144" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="162" y="104" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs">Data 1.2</text>
<text x="288" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="306" y="104" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs">Data 1.3</text>
<text x="459" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="477" y="104" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs">Data 1.4</text>
<text x="630" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="121" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs">Data 2.1</text>
<text x="144" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="162" y="121" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs">Data 2.2</text>
<text x="288" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="306" y="121" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs">Data 2.3</text>
<text x="459" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="477" y="121" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs">Data 2.4</text>
<text x="630" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="138" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs">Data 3.1</text>
<text x="144" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="162" y="138" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs">Data 3.2</text>
<text x="288" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="306" y="138" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs">Data 3.3</text>
<text x="459" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="477" y="138" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs">Data 3.4</text>
<text x="630" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#303030" textLength="639" lengthAdjust="spacingAndGlyphs">└───────────────┴───────────────┴──────────────────┴──────────────────┘</text>
=======
<text x="0" y="2" fill="#333333" textLength="639" lengthAdjust="spacingAndGlyphs">┌───────────────┬───────────────┬──────────────────┬──────────────────┐</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#87afff" textLength="81" lengthAdjust="spacingAndGlyphs" font-weight="bold">Very Long</text>
@ -116,6 +59,5 @@
<text x="477" y="121" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs">Data 3.4</text>
<text x="630" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#333333" textLength="639" lengthAdjust="spacingAndGlyphs">└───────────────┴───────────────┴──────────────────┴──────────────────┘</text>
>>>>>>> origin/main
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB

27
packages/cli/src/ui/utils/__snapshots__/TableRenderer-TableRenderer-renders-a-table-with-mixed-emojis-As-.snap.svg
View file

@ -4,32 +4,6 @@
</style>
<rect width="740" height="122" fill="#000000" />
<g transform="translate(10, 10)">
<<<<<<< HEAD
<text x="0" y="19" fill="#303030" textLength="486" lengthAdjust="spacingAndGlyphs">┌───────────────┬───────────────────┬────────────────┐</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#afafff" textLength="108" lengthAdjust="spacingAndGlyphs" font-weight="bold">Mixed 😃 中文</text>
<text x="135" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="153" y="36" fill="#afafff" textLength="144" lengthAdjust="spacingAndGlyphs" font-weight="bold">Complex 🚀 日本語</text>
<text x="306" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="324" y="36" fill="#afafff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">Text 📝 한국어</text>
<text x="450" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="486" lengthAdjust="spacingAndGlyphs">├───────────────┼───────────────────┼────────────────┤</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">你好 😃</text>
<text x="135" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="153" y="70" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs">こんにちは 🚀</text>
<text x="306" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="324" y="70" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs">안녕하세요 📝</text>
<text x="450" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs">World 🌍</text>
<text x="135" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="153" y="87" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Code 💻</text>
<text x="306" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="324" y="87" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs">Pizza 🍕</text>
<text x="450" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="486" lengthAdjust="spacingAndGlyphs">└───────────────┴───────────────────┴────────────────┘</text>
=======
<text x="0" y="2" fill="#333333" textLength="486" lengthAdjust="spacingAndGlyphs">┌───────────────┬───────────────────┬────────────────┐</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#87afff" textLength="108" lengthAdjust="spacingAndGlyphs" font-weight="bold">Mixed 😃 中文</text>
@ -54,6 +28,5 @@
<text x="324" y="70" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs">Pizza 🍕</text>
<text x="450" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#333333" textLength="486" lengthAdjust="spacingAndGlyphs">└───────────────┴───────────────────┴────────────────┘</text>
>>>>>>> origin/main
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.2 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

27
packages/cli/src/ui/utils/__snapshots__/TableRenderer-TableRenderer-renders-a-table-with-only-Asian-chara-.snap.svg
View file

@ -4,32 +4,6 @@
</style>
<rect width="560" height="122" fill="#000000" />
<g transform="translate(10, 10)">
<<<<<<< HEAD
<text x="0" y="19" fill="#303030" textLength="450" lengthAdjust="spacingAndGlyphs">┌──────────────┬─────────────────┬───────────────┐</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#afafff" textLength="108" lengthAdjust="spacingAndGlyphs" font-weight="bold">Chinese 中文</text>
<text x="135" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="153" y="36" fill="#afafff" textLength="135" lengthAdjust="spacingAndGlyphs" font-weight="bold">Japanese 日本語</text>
<text x="297" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="315" y="36" fill="#afafff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">Korean 한국어</text>
<text x="441" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="450" lengthAdjust="spacingAndGlyphs">├──────────────┼─────────────────┼───────────────┤</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs">你好</text>
<text x="135" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="153" y="70" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs">こんにちは</text>
<text x="297" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="315" y="70" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs">안녕하세요</text>
<text x="441" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs">世界</text>
<text x="135" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="153" y="87" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs">世界</text>
<text x="297" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="315" y="87" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs">세계</text>
<text x="441" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="450" lengthAdjust="spacingAndGlyphs">└──────────────┴─────────────────┴───────────────┘</text>
=======
<text x="0" y="2" fill="#333333" textLength="450" lengthAdjust="spacingAndGlyphs">┌──────────────┬─────────────────┬───────────────┐</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#87afff" textLength="108" lengthAdjust="spacingAndGlyphs" font-weight="bold">Chinese 中文</text>
@ -54,6 +28,5 @@
<text x="315" y="70" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs">세계</text>
<text x="441" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#333333" textLength="450" lengthAdjust="spacingAndGlyphs">└──────────────┴─────────────────┴───────────────┘</text>
>>>>>>> origin/main
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

27
packages/cli/src/ui/utils/__snapshots__/TableRenderer-TableRenderer-renders-a-table-with-only-emojis-and-.snap.svg
View file

@ -4,32 +4,6 @@
</style>
<rect width="560" height="122" fill="#000000" />
<g transform="translate(10, 10)">
<<<<<<< HEAD
<text x="0" y="19" fill="#303030" textLength="315" lengthAdjust="spacingAndGlyphs">┌──────────┬───────────┬──────────┐</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#afafff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">Happy 😀</text>
<text x="90" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="108" y="36" fill="#afafff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">Rocket 🚀</text>
<text x="189" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="207" y="36" fill="#afafff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">Heart ❤️</text>
<text x="279" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="315" lengthAdjust="spacingAndGlyphs">├──────────┼───────────┼──────────┤</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs">Smile 😃</text>
<text x="90" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="108" y="70" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Fire 🔥</text>
<text x="189" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="207" y="70" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Love 💖</text>
<text x="279" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Cool 😎</text>
<text x="90" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="108" y="87" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Star ⭐</text>
<text x="189" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="207" y="87" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Blue 💙</text>
<text x="279" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="315" lengthAdjust="spacingAndGlyphs">└──────────┴───────────┴──────────┘</text>
=======
<text x="0" y="2" fill="#333333" textLength="315" lengthAdjust="spacingAndGlyphs">┌──────────┬───────────┬──────────┐</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#87afff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">Happy 😀</text>
@ -54,6 +28,5 @@
<text x="207" y="70" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Blue 💙</text>
<text x="279" y="70" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#333333" textLength="315" lengthAdjust="spacingAndGlyphs">└──────────┴───────────┴──────────┘</text>
>>>>>>> origin/main
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.8 KiB

After

Width:  |  Height:  |  Size: 3 KiB

48
packages/cli/src/ui/utils/__snapshots__/TableRenderer-TableRenderer-renders-complex-markdown-in-rows-and-.snap.svg
View file

@ -4,53 +4,6 @@
</style>
<rect width="740" height="207" fill="#000000" />
<g transform="translate(10, 10)">
<<<<<<< HEAD
<text x="0" y="19" fill="#303030" textLength="423" lengthAdjust="spacingAndGlyphs">┌───────────────┬─────────────────────────────┐</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#afafff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">Feature</text>
<text x="144" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="162" y="36" fill="#afafff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">Markdown</text>
<text x="414" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="423" lengthAdjust="spacingAndGlyphs">├───────────────┼─────────────────────────────┤</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs">Bold</text>
<text x="144" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="162" y="70" fill="#ffffff" textLength="81" lengthAdjust="spacingAndGlyphs" font-weight="bold">Bold Text</text>
<text x="414" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Italic</text>
<text x="144" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="162" y="87" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-style="italic">Italic Text</text>
<text x="414" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs">Combined</text>
<text x="144" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="162" y="104" fill="#ffffff" textLength="135" lengthAdjust="spacingAndGlyphs" font-weight="bold" font-style="italic">Bold and Italic</text>
<text x="414" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="121" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs">Link</text>
<text x="144" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="162" y="121" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs">Google (</text>
<text x="234" y="121" fill="#afafff" textLength="162" lengthAdjust="spacingAndGlyphs">https://google.com</text>
<text x="396" y="121" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs">)</text>
<text x="414" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="138" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs">Code</text>
<text x="144" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="162" y="138" fill="#d7afff" textLength="99" lengthAdjust="spacingAndGlyphs">const x = 1</text>
<text x="414" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="155" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs">Strikethrough</text>
<text x="144" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="162" y="155" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Strike</text>
<text x="414" y="155" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="172" fill="#ffffff" textLength="81" lengthAdjust="spacingAndGlyphs">Underline</text>
<text x="144" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="162" y="172" fill="#ffffff" textLength="81" lengthAdjust="spacingAndGlyphs" text-decoration="underline">Underline</text>
<text x="414" y="172" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="189" fill="#303030" textLength="423" lengthAdjust="spacingAndGlyphs">└───────────────┴─────────────────────────────┘</text>
=======
<text x="0" y="2" fill="#333333" textLength="423" lengthAdjust="spacingAndGlyphs">┌───────────────┬─────────────────────────────┐</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#87afff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">Feature</text>
@ -96,6 +49,5 @@
<text x="162" y="155" fill="#ffffff" textLength="81" lengthAdjust="spacingAndGlyphs" text-decoration="underline">Underline</text>
<text x="414" y="155" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="172" fill="#333333" textLength="423" lengthAdjust="spacingAndGlyphs">└───────────────┴─────────────────────────────┘</text>
>>>>>>> origin/main
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

14
packages/cli/src/ui/utils/__snapshots__/TableRenderer-TableRenderer-renders-correctly-when-headers-are-em-.snap.svg
View file

@ -4,19 +4,6 @@
</style>
<rect width="920" height="105" fill="#000000" />
<g transform="translate(10, 10)">
<<<<<<< HEAD
<text x="0" y="19" fill="#303030" textLength="171" lengthAdjust="spacingAndGlyphs">┌────────┬────────┐</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="81" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="162" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="171" lengthAdjust="spacingAndGlyphs">├────────┼────────┤</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Data 1</text>
<text x="81" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="99" y="70" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Data 2</text>
<text x="162" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="171" lengthAdjust="spacingAndGlyphs">└────────┴────────┘</text>
=======
<text x="0" y="2" fill="#333333" textLength="171" lengthAdjust="spacingAndGlyphs">┌────────┬────────┐</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="81" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
@ -28,6 +15,5 @@
<text x="99" y="53" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Data 2</text>
<text x="162" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#333333" textLength="171" lengthAdjust="spacingAndGlyphs">└────────┴────────┘</text>
>>>>>>> origin/main
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

19
packages/cli/src/ui/utils/__snapshots__/TableRenderer-TableRenderer-renders-correctly-when-there-are-more-.snap.svg
View file

@ -4,24 +4,6 @@
</style>
<rect width="920" height="105" fill="#000000" />
<g transform="translate(10, 10)">
<<<<<<< HEAD
<text x="0" y="19" fill="#303030" textLength="306" lengthAdjust="spacingAndGlyphs">┌──────────┬──────────┬──────────┐</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#afafff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">Header 1</text>
<text x="99" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="117" y="36" fill="#afafff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">Header 2</text>
<text x="198" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="216" y="36" fill="#afafff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">Header 3</text>
<text x="297" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="306" lengthAdjust="spacingAndGlyphs">├──────────┼──────────┼──────────┤</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Data 1</text>
<text x="99" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="117" y="70" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Data 2</text>
<text x="198" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="297" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="306" lengthAdjust="spacingAndGlyphs">└──────────┴──────────┴──────────┘</text>
=======
<text x="0" y="2" fill="#333333" textLength="306" lengthAdjust="spacingAndGlyphs">┌──────────┬──────────┬──────────┐</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#87afff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">Header 1</text>
@ -38,6 +20,5 @@
<text x="198" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="297" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#333333" textLength="306" lengthAdjust="spacingAndGlyphs">└──────────┴──────────┴──────────┘</text>
>>>>>>> origin/main
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

20
packages/cli/src/ui/utils/__snapshots__/TableRenderer-TableRenderer-strips-bold-markers-from-headers-and-renders-them-correctly.snap.svg
View file

@ -4,25 +4,6 @@
</style>
<rect width="920" height="105" fill="#000000" />
<g transform="translate(10, 10)">
<<<<<<< HEAD
<text x="0" y="19" fill="#303030" textLength="414" lengthAdjust="spacingAndGlyphs">┌─────────────┬───────────────┬──────────────┐</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#afafff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">Bold Header</text>
<text x="126" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="144" y="36" fill="#afafff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">Normal Header</text>
<text x="270" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="36" fill="#afafff" textLength="108" lengthAdjust="spacingAndGlyphs" font-weight="bold">Another Bold</text>
<text x="405" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="414" lengthAdjust="spacingAndGlyphs">├─────────────┼───────────────┼──────────────┤</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Data 1</text>
<text x="126" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="144" y="70" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Data 2</text>
<text x="270" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="288" y="70" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Data 3</text>
<text x="405" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="414" lengthAdjust="spacingAndGlyphs">└─────────────┴───────────────┴──────────────┘</text>
=======
<text x="0" y="2" fill="#333333" textLength="414" lengthAdjust="spacingAndGlyphs">┌─────────────┬───────────────┬──────────────┐</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#87afff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">Bold Header</text>
@ -40,6 +21,5 @@
<text x="288" y="53" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Data 3</text>
<text x="405" y="53" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="70" fill="#333333" textLength="414" lengthAdjust="spacingAndGlyphs">└─────────────┴───────────────┴──────────────┘</text>
>>>>>>> origin/main
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

47
packages/cli/src/ui/utils/__snapshots__/TableRenderer-TableRenderer-wraps-all-long-columns-correctly.snap.svg
View file

@ -4,52 +4,6 @@
</style>
<rect width="920" height="173" fill="#000000" />
<g transform="translate(10, 10)">
<<<<<<< HEAD
<text x="0" y="19" fill="#303030" textLength="477" lengthAdjust="spacingAndGlyphs">┌────────────────┬────────────────┬─────────────────┐</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#afafff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Col 1</text>
<text x="153" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="171" y="36" fill="#afafff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Col 2</text>
<text x="306" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="324" y="36" fill="#afafff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Col 3</text>
<text x="468" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="477" lengthAdjust="spacingAndGlyphs">├────────────────┼────────────────┼─────────────────┤</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs">This is a very</text>
<text x="153" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="171" y="70" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs">This is also a</text>
<text x="306" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="324" y="70" fill="#ffffff" textLength="135" lengthAdjust="spacingAndGlyphs">And this is the</text>
<text x="468" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs">long text that</text>
<text x="153" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="171" y="87" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs">very long text</text>
<text x="306" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="324" y="87" fill="#ffffff" textLength="135" lengthAdjust="spacingAndGlyphs">third long text</text>
<text x="468" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs">needs wrapping</text>
<text x="153" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="171" y="104" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs">that needs</text>
<text x="306" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="324" y="104" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs">that needs</text>
<text x="468" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="121" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs">in column 1</text>
<text x="153" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="171" y="121" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs">wrapping in</text>
<text x="306" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="324" y="121" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs">wrapping in</text>
<text x="468" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="153" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="171" y="138" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs">column 2</text>
<text x="306" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="324" y="138" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs">column 3</text>
<text x="468" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#303030" textLength="477" lengthAdjust="spacingAndGlyphs">└────────────────┴────────────────┴─────────────────┘</text>
=======
<text x="0" y="2" fill="#333333" textLength="477" lengthAdjust="spacingAndGlyphs">┌────────────────┬────────────────┬─────────────────┐</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#87afff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Col 1</text>
@ -94,6 +48,5 @@
<text x="324" y="121" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs">column 3</text>
<text x="468" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#333333" textLength="477" lengthAdjust="spacingAndGlyphs">└────────────────┴────────────────┴─────────────────┘</text>
>>>>>>> origin/main
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

46
packages/cli/src/ui/utils/__snapshots__/TableRenderer-TableRenderer-wraps-columns-with-punctuation-correctly.snap.svg
View file

@ -4,51 +4,6 @@
</style>
<rect width="920" height="173" fill="#000000" />
<g transform="translate(10, 10)">
<<<<<<< HEAD
<text x="0" y="19" fill="#303030" textLength="495" lengthAdjust="spacingAndGlyphs">┌───────────────────┬───────────────┬─────────────────┐</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#afafff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">Punctuation 1</text>
<text x="180" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="198" y="36" fill="#afafff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">Punctuation 2</text>
<text x="324" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="342" y="36" fill="#afafff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">Punctuation 3</text>
<text x="486" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="495" lengthAdjust="spacingAndGlyphs">├───────────────────┼───────────────┼─────────────────┤</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs">Start. Stop.</text>
<text x="180" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="198" y="70" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs">Semi; colon:</text>
<text x="324" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="342" y="70" fill="#ffffff" textLength="81" lengthAdjust="spacingAndGlyphs">At@ Hash#</text>
<text x="486" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="87" fill="#ffffff" textLength="153" lengthAdjust="spacingAndGlyphs">Comma, separated.</text>
<text x="180" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="198" y="87" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs">Pipe| Slash/</text>
<text x="324" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="342" y="87" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs">Dollar$</text>
<text x="486" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="104" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs">Exclamation!</text>
<text x="180" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="198" y="104" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs">Backslash\</text>
<text x="324" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="342" y="104" fill="#ffffff" textLength="135" lengthAdjust="spacingAndGlyphs">Percent% Caret^</text>
<text x="486" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="121" fill="#ffffff" textLength="81" lengthAdjust="spacingAndGlyphs">Question?</text>
<text x="180" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="324" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="342" y="121" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs">Ampersand&amp;</text>
<text x="486" y="121" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="138" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs">hyphen-ated</text>
<text x="180" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="324" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="342" y="138" fill="#ffffff" textLength="81" lengthAdjust="spacingAndGlyphs">Asterisk*</text>
<text x="486" y="138" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="155" fill="#303030" textLength="495" lengthAdjust="spacingAndGlyphs">└───────────────────┴───────────────┴─────────────────┘</text>
=======
<text x="0" y="2" fill="#333333" textLength="495" lengthAdjust="spacingAndGlyphs">┌───────────────────┬───────────────┬─────────────────┐</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#87afff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">Punctuation 1</text>
@ -92,6 +47,5 @@
<text x="342" y="121" fill="#ffffff" textLength="81" lengthAdjust="spacingAndGlyphs">Asterisk*</text>
<text x="486" y="121" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="138" fill="#333333" textLength="495" lengthAdjust="spacingAndGlyphs">└───────────────────┴───────────────┴─────────────────┘</text>
>>>>>>> origin/main
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB

30
packages/cli/src/ui/utils/__snapshots__/TableRenderer-TableRenderer-wraps-long-cell-content-correctly.snap.svg
View file

@ -4,35 +4,6 @@
</style>
<rect width="920" height="139" fill="#000000" />
<g transform="translate(10, 10)">
<<<<<<< HEAD
<text x="0" y="19" fill="#303030" textLength="423" lengthAdjust="spacingAndGlyphs">┌───────┬─────────────────────────────┬───────┐</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#afafff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Col 1</text>
<text x="72" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="90" y="36" fill="#afafff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Col 2</text>
<text x="342" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="360" y="36" fill="#afafff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Col 3</text>
<text x="414" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="423" lengthAdjust="spacingAndGlyphs">├───────┼─────────────────────────────┼───────┤</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs">Short</text>
<text x="72" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="90" y="70" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs">This is a very long cell</text>
<text x="342" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="360" y="70" fill="#ffffff" textLength="45" lengthAdjust="spacingAndGlyphs">Short</text>
<text x="414" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="72" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="90" y="87" fill="#ffffff" textLength="243" lengthAdjust="spacingAndGlyphs">content that should wrap to</text>
<text x="342" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="414" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="72" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="90" y="104" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs">multiple lines</text>
<text x="342" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="414" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#303030" textLength="423" lengthAdjust="spacingAndGlyphs">└───────┴─────────────────────────────┴───────┘</text>
=======
<text x="0" y="2" fill="#333333" textLength="423" lengthAdjust="spacingAndGlyphs">┌───────┬─────────────────────────────┬───────┐</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#87afff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Col 1</text>
@ -60,6 +31,5 @@
<text x="342" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="414" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#333333" textLength="423" lengthAdjust="spacingAndGlyphs">└───────┴─────────────────────────────┴───────┘</text>
>>>>>>> origin/main
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.6 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

31
packages/cli/src/ui/utils/__snapshots__/TableRenderer-TableRenderer-wraps-mixed-long-and-short-columns-correctly.snap.svg
View file

@ -4,36 +4,6 @@
</style>
<rect width="920" height="139" fill="#000000" />
<g transform="translate(10, 10)">
<<<<<<< HEAD
<text x="0" y="19" fill="#303030" textLength="405" lengthAdjust="spacingAndGlyphs">┌───────┬──────────────────────────┬────────┐</text>
<text x="0" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="36" fill="#afafff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Short</text>
<text x="72" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="90" y="36" fill="#afafff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">Long</text>
<text x="315" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="333" y="36" fill="#afafff" textLength="54" lengthAdjust="spacingAndGlyphs" font-weight="bold">Medium</text>
<text x="396" y="36" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="53" fill="#303030" textLength="405" lengthAdjust="spacingAndGlyphs">├───────┼──────────────────────────┼────────┤</text>
<text x="0" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="70" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs">Tiny</text>
<text x="72" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="90" y="70" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs">This is a very long text</text>
<text x="315" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="333" y="70" fill="#ffffff" textLength="54" lengthAdjust="spacingAndGlyphs">Not so</text>
<text x="396" y="70" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="72" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="90" y="87" fill="#ffffff" textLength="216" lengthAdjust="spacingAndGlyphs">that definitely needs to</text>
<text x="315" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="333" y="87" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs">long</text>
<text x="396" y="87" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="72" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="90" y="104" fill="#ffffff" textLength="189" lengthAdjust="spacingAndGlyphs">wrap to the next line</text>
<text x="315" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="396" y="104" fill="#303030" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="121" fill="#303030" textLength="405" lengthAdjust="spacingAndGlyphs">└───────┴──────────────────────────┴────────┘</text>
=======
<text x="0" y="2" fill="#333333" textLength="405" lengthAdjust="spacingAndGlyphs">┌───────┬──────────────────────────┬────────┐</text>
<text x="0" y="19" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="19" fill="#87afff" textLength="45" lengthAdjust="spacingAndGlyphs" font-weight="bold">Short</text>
@ -62,6 +32,5 @@
<text x="315" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="396" y="87" fill="#333333" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="104" fill="#333333" textLength="405" lengthAdjust="spacingAndGlyphs">└───────┴──────────────────────────┴────────┘</text>
>>>>>>> origin/main
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.8 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

107
packages/cli/src/ui/utils/__snapshots__/borderStyles-MainContent-tool-group-border-SVG-snapshots-should-render-SVG-snapshot-for-a-pending-search-dialog-google_web_search-.snap.svg
View file

@ -1,74 +1,45 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="870" viewBox="0 0 920 870">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="360" viewBox="0 0 920 360">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="870" fill="#000000" />
<rect width="920" height="360" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> config.getUseTerminalBuffer is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/components/MainContent.tsx:40:36 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 37: const uiState = useUIState(); </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 38: const isAlternateBufferOrTerminalBuffer = useAlternateBuffer(); </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 39: const config = useConfig(); </text>
<rect x="9" y="136" width="558" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="558" lengthAdjust="spacingAndGlyphs">40: const useTerminalBuffer = config.getUseTerminalBuffer();</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 41: const isAlternateBuffer = config.getUseAlternateBuffer(); </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 42: </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 43: const confirmingTool = useConfirmingTool(); </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">MainContent</text>
<text x="126" y="223" fill="#7f7f7f" textLength="378" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/MainContent.tsx:40:36)</text>
<text x="0" y="240" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="240" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="257" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="257" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="274" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="291" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="308" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="308" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="325" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="325" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="342" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="359" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="376" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="376" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="393" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="393" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="410" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="427" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="444" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="444" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="461" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="478" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="512" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="512" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="529" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="529" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="546" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="563" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="580" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="580" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="597" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="597" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="614" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="631" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="648" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="648" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="665" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="682" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="699" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<text x="0" y="716" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="716" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderRootSy</text>
<text x="18" y="733" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">c</text>
<text x="126" y="733" fill="#7f7f7f" textLength="765" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep</text>
<text x="126" y="750" fill="#7f7f7f" textLength="765" lengthAdjust="spacingAndGlyphs">-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1</text>
<text x="126" y="767" fill="#7f7f7f" textLength="72" lengthAdjust="spacingAndGlyphs">2624:11)</text>
<text x="0" y="784" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="784" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performWorkOnR</text>
<text x="18" y="801" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">ot</text>
<text x="144" y="801" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="818" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="835" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12135:44)</text>
<text x="9" y="19" fill="#4796e4" textLength="9" lengthAdjust="spacingAndGlyphs">▝</text>
<text x="18" y="19" fill="#6688d9" textLength="9" lengthAdjust="spacingAndGlyphs">▜</text>
<text x="27" y="19" fill="#847ace" textLength="9" lengthAdjust="spacingAndGlyphs">▄</text>
<text x="90" y="19" fill="#ffffff" textLength="297" lengthAdjust="spacingAndGlyphs">▗█▀▀▜▙▝█▛▀▀▌▜██▖▟██▘▜█▘▜██▖▝█▛▝█▛</text>
<text x="27" y="36" fill="#847ace" textLength="9" lengthAdjust="spacingAndGlyphs">▝</text>
<text x="36" y="36" fill="#a471a7" textLength="9" lengthAdjust="spacingAndGlyphs">▜</text>
<text x="45" y="36" fill="#c3677f" textLength="9" lengthAdjust="spacingAndGlyphs">▄</text>
<text x="90" y="36" fill="#ffffff" textLength="297" lengthAdjust="spacingAndGlyphs">█▌ █▙▟ ▐█▝█▛▐█ ▐█ ▐█▝█▖█▌ █▌</text>
<text x="18" y="53" fill="#6688d9" textLength="9" lengthAdjust="spacingAndGlyphs">▗</text>
<text x="27" y="53" fill="#847ace" textLength="9" lengthAdjust="spacingAndGlyphs">▟</text>
<text x="36" y="53" fill="#a471a7" textLength="9" lengthAdjust="spacingAndGlyphs">▀</text>
<text x="90" y="53" fill="#ffffff" textLength="297" lengthAdjust="spacingAndGlyphs">▜▙ ▝█▛ █▌▝ ▖▐█ ▐█ ▐█ ▐█ ▝██▌ █▌</text>
<text x="9" y="70" fill="#4796e4" textLength="9" lengthAdjust="spacingAndGlyphs">▝</text>
<text x="18" y="70" fill="#6688d9" textLength="9" lengthAdjust="spacingAndGlyphs">▀</text>
<text x="90" y="70" fill="#ffffff" textLength="297" lengthAdjust="spacingAndGlyphs"> ▀▀▀▀▘▝▀▀▀▀▘▀▀▘ ▀▀▘▀▀▘▀▀▘ ▝▀▀▝▀▀</text>
<text x="9" y="104" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs" font-weight="bold">Gemini CLI</text>
<text x="99" y="104" fill="#afafaf" textLength="63" lengthAdjust="spacingAndGlyphs"> v1.2.3</text>
<text x="0" y="155" fill="#ffffff" textLength="225" lengthAdjust="spacingAndGlyphs">Tips for getting started:</text>
<text x="0" y="172" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs">1. Create </text>
<text x="90" y="172" fill="#ffffff" textLength="81" lengthAdjust="spacingAndGlyphs" font-weight="bold">GEMINI.md</text>
<text x="171" y="172" fill="#ffffff" textLength="333" lengthAdjust="spacingAndGlyphs"> files to customize your interactions</text>
<text x="0" y="189" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs">2. </text>
<text x="27" y="189" fill="#afafaf" textLength="45" lengthAdjust="spacingAndGlyphs">/help</text>
<text x="72" y="189" fill="#ffffff" textLength="189" lengthAdjust="spacingAndGlyphs"> for more information</text>
<text x="0" y="206" fill="#ffffff" textLength="450" lengthAdjust="spacingAndGlyphs">3. Ask coding questions, edit code or run commands</text>
<text x="0" y="223" fill="#ffffff" textLength="315" lengthAdjust="spacingAndGlyphs">4. Be specific for the best results</text>
<text x="0" y="257" fill="#ffffaf" textLength="864" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="274" fill="#ffffaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="274" fill="#ffffaf" textLength="9" lengthAdjust="spacingAndGlyphs">⊶</text>
<text x="45" y="274" fill="#ffffff" textLength="153" lengthAdjust="spacingAndGlyphs" font-weight="bold">google_web_search</text>
<text x="855" y="274" fill="#ffffaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#ffffaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="855" y="291" fill="#ffffaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#ffffaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="308" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs">Searching...</text>
<text x="855" y="308" fill="#ffffaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#ffffaf" textLength="864" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────╯</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.5 KiB

After

Width:  |  Height:  |  Size: 5 KiB

107
packages/cli/src/ui/utils/__snapshots__/borderStyles-MainContent-tool-group-border-SVG-snapshots-should-render-SVG-snapshot-for-a-shell-tool.snap.svg
View file

@ -1,74 +1,45 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="870" viewBox="0 0 920 870">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="360" viewBox="0 0 920 360">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="870" fill="#000000" />
<rect width="920" height="360" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> config.getUseTerminalBuffer is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/components/MainContent.tsx:40:36 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 37: const uiState = useUIState(); </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 38: const isAlternateBufferOrTerminalBuffer = useAlternateBuffer(); </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 39: const config = useConfig(); </text>
<rect x="9" y="136" width="558" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="558" lengthAdjust="spacingAndGlyphs">40: const useTerminalBuffer = config.getUseTerminalBuffer();</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 41: const isAlternateBuffer = config.getUseAlternateBuffer(); </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 42: </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 43: const confirmingTool = useConfirmingTool(); </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">MainContent</text>
<text x="126" y="223" fill="#7f7f7f" textLength="378" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/MainContent.tsx:40:36)</text>
<text x="0" y="240" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="240" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="257" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="257" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="274" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="291" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="308" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="308" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="325" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="325" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="342" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="359" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="376" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="376" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="393" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="393" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="410" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="427" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="444" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="444" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="461" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="478" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="512" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="512" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="529" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="529" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="546" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="563" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="580" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="580" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="597" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="597" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="614" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="631" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="648" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="648" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="665" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="682" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="699" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<text x="0" y="716" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="716" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderRootSy</text>
<text x="18" y="733" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">c</text>
<text x="126" y="733" fill="#7f7f7f" textLength="765" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep</text>
<text x="126" y="750" fill="#7f7f7f" textLength="765" lengthAdjust="spacingAndGlyphs">-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1</text>
<text x="126" y="767" fill="#7f7f7f" textLength="72" lengthAdjust="spacingAndGlyphs">2624:11)</text>
<text x="0" y="784" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="784" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performWorkOnR</text>
<text x="18" y="801" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">ot</text>
<text x="144" y="801" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="818" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="835" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12135:44)</text>
<text x="9" y="19" fill="#4796e4" textLength="9" lengthAdjust="spacingAndGlyphs">▝</text>
<text x="18" y="19" fill="#6688d9" textLength="9" lengthAdjust="spacingAndGlyphs">▜</text>
<text x="27" y="19" fill="#847ace" textLength="9" lengthAdjust="spacingAndGlyphs">▄</text>
<text x="90" y="19" fill="#ffffff" textLength="297" lengthAdjust="spacingAndGlyphs">▗█▀▀▜▙▝█▛▀▀▌▜██▖▟██▘▜█▘▜██▖▝█▛▝█▛</text>
<text x="27" y="36" fill="#847ace" textLength="9" lengthAdjust="spacingAndGlyphs">▝</text>
<text x="36" y="36" fill="#a471a7" textLength="9" lengthAdjust="spacingAndGlyphs">▜</text>
<text x="45" y="36" fill="#c3677f" textLength="9" lengthAdjust="spacingAndGlyphs">▄</text>
<text x="90" y="36" fill="#ffffff" textLength="297" lengthAdjust="spacingAndGlyphs">█▌ █▙▟ ▐█▝█▛▐█ ▐█ ▐█▝█▖█▌ █▌</text>
<text x="18" y="53" fill="#6688d9" textLength="9" lengthAdjust="spacingAndGlyphs">▗</text>
<text x="27" y="53" fill="#847ace" textLength="9" lengthAdjust="spacingAndGlyphs">▟</text>
<text x="36" y="53" fill="#a471a7" textLength="9" lengthAdjust="spacingAndGlyphs">▀</text>
<text x="90" y="53" fill="#ffffff" textLength="297" lengthAdjust="spacingAndGlyphs">▜▙ ▝█▛ █▌▝ ▖▐█ ▐█ ▐█ ▐█ ▝██▌ █▌</text>
<text x="9" y="70" fill="#4796e4" textLength="9" lengthAdjust="spacingAndGlyphs">▝</text>
<text x="18" y="70" fill="#6688d9" textLength="9" lengthAdjust="spacingAndGlyphs">▀</text>
<text x="90" y="70" fill="#ffffff" textLength="297" lengthAdjust="spacingAndGlyphs"> ▀▀▀▀▘▝▀▀▀▀▘▀▀▘ ▀▀▘▀▀▘▀▀▘ ▝▀▀▝▀▀</text>
<text x="9" y="104" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs" font-weight="bold">Gemini CLI</text>
<text x="99" y="104" fill="#afafaf" textLength="63" lengthAdjust="spacingAndGlyphs"> v1.2.3</text>
<text x="0" y="155" fill="#ffffff" textLength="225" lengthAdjust="spacingAndGlyphs">Tips for getting started:</text>
<text x="0" y="172" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs">1. Create </text>
<text x="90" y="172" fill="#ffffff" textLength="81" lengthAdjust="spacingAndGlyphs" font-weight="bold">GEMINI.md</text>
<text x="171" y="172" fill="#ffffff" textLength="333" lengthAdjust="spacingAndGlyphs"> files to customize your interactions</text>
<text x="0" y="189" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs">2. </text>
<text x="27" y="189" fill="#afafaf" textLength="45" lengthAdjust="spacingAndGlyphs">/help</text>
<text x="72" y="189" fill="#ffffff" textLength="189" lengthAdjust="spacingAndGlyphs"> for more information</text>
<text x="0" y="206" fill="#ffffff" textLength="450" lengthAdjust="spacingAndGlyphs">3. Ask coding questions, edit code or run commands</text>
<text x="0" y="223" fill="#ffffff" textLength="315" lengthAdjust="spacingAndGlyphs">4. Be specific for the best results</text>
<text x="0" y="257" fill="#87afff" textLength="864" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="274" fill="#87afff" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="274" fill="#87afff" textLength="9" lengthAdjust="spacingAndGlyphs">⊶</text>
<text x="45" y="274" fill="#ffffff" textLength="153" lengthAdjust="spacingAndGlyphs" font-weight="bold">run_shell_command</text>
<text x="855" y="274" fill="#87afff" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#87afff" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="855" y="291" fill="#87afff" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#87afff" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="308" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs">Running command...</text>
<text x="855" y="308" fill="#87afff" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#87afff" textLength="864" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────╯</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.5 KiB

After

Width:  |  Height:  |  Size: 5 KiB

107
packages/cli/src/ui/utils/__snapshots__/borderStyles-MainContent-tool-group-border-SVG-snapshots-should-render-SVG-snapshot-for-an-empty-slice-following-a-search-tool.snap.svg
View file

@ -1,74 +1,45 @@
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="870" viewBox="0 0 920 870">
<svg xmlns="http://www.w3.org/2000/svg" width="920" height="360" viewBox="0 0 920 360">
<style>
text { font-family: Consolas, "Courier New", monospace; font-size: 14px; dominant-baseline: text-before-edge; white-space: pre; }
</style>
<rect width="920" height="870" fill="#000000" />
<rect width="920" height="360" fill="#000000" />
<g transform="translate(10, 10)">
<rect x="9" y="17" width="63" height="17" fill="#cd0000" />
<text x="9" y="19" fill="#e5e5e5" textLength="63" lengthAdjust="spacingAndGlyphs"> ERROR </text>
<text x="72" y="19" fill="#ffffff" textLength="828" lengthAdjust="spacingAndGlyphs"> config.getUseTerminalBuffer is not a function </text>
<text x="0" y="53" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> src/ui/components/MainContent.tsx:40:36 </text>
<text x="0" y="87" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 37: const uiState = useUIState(); </text>
<text x="0" y="104" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 38: const isAlternateBufferOrTerminalBuffer = useAlternateBuffer(); </text>
<text x="0" y="121" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 39: const config = useConfig(); </text>
<rect x="9" y="136" width="558" height="17" fill="#cd0000" />
<text x="9" y="138" fill="#e5e5e5" textLength="558" lengthAdjust="spacingAndGlyphs">40: const useTerminalBuffer = config.getUseTerminalBuffer();</text>
<text x="0" y="155" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 41: const isAlternateBuffer = config.getUseAlternateBuffer(); </text>
<text x="0" y="172" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 42: </text>
<text x="0" y="189" fill="#ffffff" textLength="900" lengthAdjust="spacingAndGlyphs"> 43: const confirmingTool = useConfirmingTool(); </text>
<text x="0" y="223" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs"> - </text>
<text x="27" y="223" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">MainContent</text>
<text x="126" y="223" fill="#7f7f7f" textLength="378" lengthAdjust="spacingAndGlyphs" font-weight="bold"> (src/ui/components/MainContent.tsx:40:36)</text>
<text x="0" y="240" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="240" fill="#ffffff" textLength="207" lengthAdjust="spacingAndGlyphs" font-weight="bold">Object.react-stack-bott</text>
<text x="18" y="257" fill="#ffffff" textLength="63" lengthAdjust="spacingAndGlyphs" font-weight="bold">m-frame</text>
<text x="225" y="257" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil</text>
<text x="225" y="274" fill="#7f7f7f" textLength="666" lengthAdjust="spacingAndGlyphs">o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon</text>
<text x="225" y="291" fill="#7f7f7f" textLength="270" lengthAdjust="spacingAndGlyphs">ciler.development.js:15859:20)</text>
<text x="0" y="308" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="308" fill="#ffffff" textLength="117" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderWithHoo</text>
<text x="18" y="325" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">s</text>
<text x="135" y="325" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre</text>
<text x="135" y="342" fill="#7f7f7f" textLength="756" lengthAdjust="spacingAndGlyphs">p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js</text>
<text x="135" y="359" fill="#7f7f7f" textLength="81" lengthAdjust="spacingAndGlyphs">:3221:22)</text>
<text x="0" y="376" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="376" fill="#ffffff" textLength="162" lengthAdjust="spacingAndGlyphs" font-weight="bold">updateFunctionComp</text>
<text x="18" y="393" fill="#ffffff" textLength="36" lengthAdjust="spacingAndGlyphs" font-weight="bold">nent</text>
<text x="180" y="393" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod</text>
<text x="180" y="410" fill="#7f7f7f" textLength="711" lengthAdjust="spacingAndGlyphs">e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve</text>
<text x="180" y="427" fill="#7f7f7f" textLength="171" lengthAdjust="spacingAndGlyphs">lopment.js:6475:19)</text>
<text x="0" y="444" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="444" fill="#ffffff" textLength="72" lengthAdjust="spacingAndGlyphs" font-weight="bold">beginWor</text>
<text x="90" y="461" fill="#7f7f7f" textLength="801" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl</text>
<text x="90" y="478" fill="#7f7f7f" textLength="792" lengthAdjust="spacingAndGlyphs">y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)</text>
<text x="0" y="512" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="512" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">runWithFiberIn</text>
<text x="18" y="529" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">EV</text>
<text x="144" y="529" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="546" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="563" fill="#7f7f7f" textLength="99" lengthAdjust="spacingAndGlyphs">js:1738:13)</text>
<text x="0" y="580" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="580" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performUnitOfW</text>
<text x="18" y="597" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">rk</text>
<text x="144" y="597" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="614" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="631" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12834:22)</text>
<text x="0" y="648" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="648" fill="#ffffff" textLength="99" lengthAdjust="spacingAndGlyphs" font-weight="bold">workLoopSyn</text>
<text x="117" y="665" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-</text>
<text x="117" y="682" fill="#7f7f7f" textLength="774" lengthAdjust="spacingAndGlyphs">only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126</text>
<text x="117" y="699" fill="#7f7f7f" textLength="54" lengthAdjust="spacingAndGlyphs">44:41)</text>
<text x="0" y="716" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="716" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs" font-weight="bold">renderRootSy</text>
<text x="18" y="733" fill="#ffffff" textLength="9" lengthAdjust="spacingAndGlyphs" font-weight="bold">c</text>
<text x="126" y="733" fill="#7f7f7f" textLength="765" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep</text>
<text x="126" y="750" fill="#7f7f7f" textLength="765" lengthAdjust="spacingAndGlyphs">-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1</text>
<text x="126" y="767" fill="#7f7f7f" textLength="72" lengthAdjust="spacingAndGlyphs">2624:11)</text>
<text x="0" y="784" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs"> -</text>
<text x="18" y="784" fill="#ffffff" textLength="126" lengthAdjust="spacingAndGlyphs" font-weight="bold">performWorkOnR</text>
<text x="18" y="801" fill="#ffffff" textLength="18" lengthAdjust="spacingAndGlyphs" font-weight="bold">ot</text>
<text x="144" y="801" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr</text>
<text x="144" y="818" fill="#7f7f7f" textLength="747" lengthAdjust="spacingAndGlyphs">ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.</text>
<text x="144" y="835" fill="#7f7f7f" textLength="108" lengthAdjust="spacingAndGlyphs">js:12135:44)</text>
<text x="9" y="19" fill="#4796e4" textLength="9" lengthAdjust="spacingAndGlyphs">▝</text>
<text x="18" y="19" fill="#6688d9" textLength="9" lengthAdjust="spacingAndGlyphs">▜</text>
<text x="27" y="19" fill="#847ace" textLength="9" lengthAdjust="spacingAndGlyphs">▄</text>
<text x="90" y="19" fill="#ffffff" textLength="297" lengthAdjust="spacingAndGlyphs">▗█▀▀▜▙▝█▛▀▀▌▜██▖▟██▘▜█▘▜██▖▝█▛▝█▛</text>
<text x="27" y="36" fill="#847ace" textLength="9" lengthAdjust="spacingAndGlyphs">▝</text>
<text x="36" y="36" fill="#a471a7" textLength="9" lengthAdjust="spacingAndGlyphs">▜</text>
<text x="45" y="36" fill="#c3677f" textLength="9" lengthAdjust="spacingAndGlyphs">▄</text>
<text x="90" y="36" fill="#ffffff" textLength="297" lengthAdjust="spacingAndGlyphs">█▌ █▙▟ ▐█▝█▛▐█ ▐█ ▐█▝█▖█▌ █▌</text>
<text x="18" y="53" fill="#6688d9" textLength="9" lengthAdjust="spacingAndGlyphs">▗</text>
<text x="27" y="53" fill="#847ace" textLength="9" lengthAdjust="spacingAndGlyphs">▟</text>
<text x="36" y="53" fill="#a471a7" textLength="9" lengthAdjust="spacingAndGlyphs">▀</text>
<text x="90" y="53" fill="#ffffff" textLength="297" lengthAdjust="spacingAndGlyphs">▜▙ ▝█▛ █▌▝ ▖▐█ ▐█ ▐█ ▐█ ▝██▌ █▌</text>
<text x="9" y="70" fill="#4796e4" textLength="9" lengthAdjust="spacingAndGlyphs">▝</text>
<text x="18" y="70" fill="#6688d9" textLength="9" lengthAdjust="spacingAndGlyphs">▀</text>
<text x="90" y="70" fill="#ffffff" textLength="297" lengthAdjust="spacingAndGlyphs"> ▀▀▀▀▘▝▀▀▀▀▘▀▀▘ ▀▀▘▀▀▘▀▀▘ ▝▀▀▝▀▀</text>
<text x="9" y="104" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs" font-weight="bold">Gemini CLI</text>
<text x="99" y="104" fill="#afafaf" textLength="63" lengthAdjust="spacingAndGlyphs"> v1.2.3</text>
<text x="0" y="155" fill="#ffffff" textLength="225" lengthAdjust="spacingAndGlyphs">Tips for getting started:</text>
<text x="0" y="172" fill="#ffffff" textLength="90" lengthAdjust="spacingAndGlyphs">1. Create </text>
<text x="90" y="172" fill="#ffffff" textLength="81" lengthAdjust="spacingAndGlyphs" font-weight="bold">GEMINI.md</text>
<text x="171" y="172" fill="#ffffff" textLength="333" lengthAdjust="spacingAndGlyphs"> files to customize your interactions</text>
<text x="0" y="189" fill="#ffffff" textLength="27" lengthAdjust="spacingAndGlyphs">2. </text>
<text x="27" y="189" fill="#afafaf" textLength="45" lengthAdjust="spacingAndGlyphs">/help</text>
<text x="72" y="189" fill="#ffffff" textLength="189" lengthAdjust="spacingAndGlyphs"> for more information</text>
<text x="0" y="206" fill="#ffffff" textLength="450" lengthAdjust="spacingAndGlyphs">3. Ask coding questions, edit code or run commands</text>
<text x="0" y="223" fill="#ffffff" textLength="315" lengthAdjust="spacingAndGlyphs">4. Be specific for the best results</text>
<text x="0" y="257" fill="#ffffaf" textLength="864" lengthAdjust="spacingAndGlyphs">╭──────────────────────────────────────────────────────────────────────────────────────────────╮</text>
<text x="0" y="274" fill="#ffffaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="274" fill="#ffffaf" textLength="9" lengthAdjust="spacingAndGlyphs">⊶</text>
<text x="45" y="274" fill="#ffffff" textLength="153" lengthAdjust="spacingAndGlyphs" font-weight="bold">google_web_search</text>
<text x="855" y="274" fill="#ffffaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="291" fill="#ffffaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="855" y="291" fill="#ffffaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="308" fill="#ffffaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="18" y="308" fill="#ffffff" textLength="108" lengthAdjust="spacingAndGlyphs">Searching...</text>
<text x="855" y="308" fill="#ffffaf" textLength="9" lengthAdjust="spacingAndGlyphs">│</text>
<text x="0" y="325" fill="#ffffaf" textLength="864" lengthAdjust="spacingAndGlyphs">╰──────────────────────────────────────────────────────────────────────────────────────────────╯</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.5 KiB

After

Width:  |  Height:  |  Size: 5 KiB

183
packages/cli/src/ui/utils/__snapshots__/borderStyles.test.tsx.snap
View file

@ -2,162 +2,69 @@
exports[`MainContent tool group border SVG snapshots > should render SVG snapshot for a pending search dialog (google_web_search) 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
▝▜▄ ▗█▀▀▜▙▝█▛▀▀▌▜██▖▟██▘▜█▘▜██▖▝█▛▝█▛
▝▜▄ █▌ █▙▟ ▐█▝█▛▐█ ▐█ ▐█▝█▖█▌ █▌
▗▟▀ ▜▙ ▝█▛ █▌▝ ▖▐█ ▐█ ▐█ ▐█ ▝██▌ █▌
▝▀ ▀▀▀▀▘▝▀▀▀▀▘▀▀▘ ▀▀▘▀▀▘▀▀▘ ▝▀▀▝▀▀
src/ui/components/MainContent.tsx:40:36
Gemini CLI v1.2.3
37: const uiState = useUIState();
38: const isAlternateBufferOrTerminalBuffer = useAlternateBuffer();
39: const config = useConfig();
40: const useTerminalBuffer = config.getUseTerminalBuffer();
41: const isAlternateBuffer = config.getUseAlternateBuffer();
42:
43: const confirmingTool = useConfirmingTool();
- MainContent (src/ui/components/MainContent.tsx:40:36)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
Tips for getting started:
1. Create GEMINI.md files to customize your interactions
2. /help for more information
3. Ask coding questions, edit code or run commands
4. Be specific for the best results
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
-renderRootSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
2624:11)
-performWorkOnR
ot (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12135:44)
"
╭──────────────────────────────────────────────────────────────────────────────────────────────╮
│ ⊶ google_web_search │
│ │
│ Searching... │
╰──────────────────────────────────────────────────────────────────────────────────────────────╯"
`;
exports[`MainContent tool group border SVG snapshots > should render SVG snapshot for a shell tool 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
▝▜▄ ▗█▀▀▜▙▝█▛▀▀▌▜██▖▟██▘▜█▘▜██▖▝█▛▝█▛
▝▜▄ █▌ █▙▟ ▐█▝█▛▐█ ▐█ ▐█▝█▖█▌ █▌
▗▟▀ ▜▙ ▝█▛ █▌▝ ▖▐█ ▐█ ▐█ ▐█ ▝██▌ █▌
▝▀ ▀▀▀▀▘▝▀▀▀▀▘▀▀▘ ▀▀▘▀▀▘▀▀▘ ▝▀▀▝▀▀
src/ui/components/MainContent.tsx:40:36
Gemini CLI v1.2.3
37: const uiState = useUIState();
38: const isAlternateBufferOrTerminalBuffer = useAlternateBuffer();
39: const config = useConfig();
40: const useTerminalBuffer = config.getUseTerminalBuffer();
41: const isAlternateBuffer = config.getUseAlternateBuffer();
42:
43: const confirmingTool = useConfirmingTool();
- MainContent (src/ui/components/MainContent.tsx:40:36)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
Tips for getting started:
1. Create GEMINI.md files to customize your interactions
2. /help for more information
3. Ask coding questions, edit code or run commands
4. Be specific for the best results
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
-renderRootSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
2624:11)
-performWorkOnR
ot (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12135:44)
"
╭──────────────────────────────────────────────────────────────────────────────────────────────╮
│ ⊶ run_shell_command │
│ │
│ Running command... │
╰──────────────────────────────────────────────────────────────────────────────────────────────╯"
`;
exports[`MainContent tool group border SVG snapshots > should render SVG snapshot for an empty slice following a search tool 1`] = `
"
ERROR config.getUseTerminalBuffer is not a function
▝▜▄ ▗█▀▀▜▙▝█▛▀▀▌▜██▖▟██▘▜█▘▜██▖▝█▛▝█▛
▝▜▄ █▌ █▙▟ ▐█▝█▛▐█ ▐█ ▐█▝█▖█▌ █▌
▗▟▀ ▜▙ ▝█▛ █▌▝ ▖▐█ ▐█ ▐█ ▐█ ▝██▌ █▌
▝▀ ▀▀▀▀▘▝▀▀▀▀▘▀▀▘ ▀▀▘▀▀▘▀▀▘ ▝▀▀▝▀▀
src/ui/components/MainContent.tsx:40:36
Gemini CLI v1.2.3
37: const uiState = useUIState();
38: const isAlternateBufferOrTerminalBuffer = useAlternateBuffer();
39: const config = useConfig();
40: const useTerminalBuffer = config.getUseTerminalBuffer();
41: const isAlternateBuffer = config.getUseAlternateBuffer();
42:
43: const confirmingTool = useConfirmingTool();
- MainContent (src/ui/components/MainContent.tsx:40:36)
-Object.react-stack-bott
m-frame (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kil
o-code-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-recon
ciler.development.js:15859:20)
-renderWithHoo
s (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gre
p-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js
:3221:22)
-updateFunctionComp
nent (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-cod
e-grep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.deve
lopment.js:6475:19)
-beginWor
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-onl
y2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:8009:18)
Tips for getting started:
1. Create GEMINI.md files to customize your interactions
2. /help for more information
3. Ask coding questions, edit code or run commands
4. Be specific for the best results
-runWithFiberIn
EV (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:1738:13)
-performUnitOfW
rk (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12834:22)
-workLoopSyn
(/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep-
only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:126
44:41)
-renderRootSy
c (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-grep
-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.js:1
2624:11)
-performWorkOnR
ot (/usr/local/google/home/akkr/Documents/kilo_code_gemini_cli/gemini-cli-kilo-code-gr
ep-only2/gemini-cli/node_modules/react-reconciler/cjs/react-reconciler.development.
js:12135:44)
"
╭──────────────────────────────────────────────────────────────────────────────────────────────╮
│ ⊶ google_web_search │
│ │
│ Searching... │
╰──────────────────────────────────────────────────────────────────────────────────────────────╯"
`;