From c650091418af8ab3cce23c1991ea9d9d712db9ab Mon Sep 17 00:00:00 2001
From: Mathew Pareles <mathewpareles@gmail.com>
Date: Sat, 22 Feb 2025 21:10:39 -0800
Subject: [PATCH] style

---
 .../browser/react/src/sidebar-tsx/SidebarChat.tsx    | 12 ++++++------
 .../contrib/void/browser/react/src/util/inputs.tsx   |  2 +-
 .../contrib/void/browser/react/tailwind.config.js    |  1 +
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/vs/workbench/contrib/void/browser/react/src/sidebar-tsx/SidebarChat.tsx b/src/vs/workbench/contrib/void/browser/react/src/sidebar-tsx/SidebarChat.tsx
index 23767833..96e22bd4 100644
--- a/src/vs/workbench/contrib/void/browser/react/src/sidebar-tsx/SidebarChat.tsx
+++ b/src/vs/workbench/contrib/void/browser/react/src/sidebar-tsx/SidebarChat.tsx
@@ -610,8 +610,8 @@ const toolResultToComponent: ToolReusltToComponent = {
 		>
 			<div className="text-void-fg-2">
 				{message.result.children?.map((item, i) => (
-					<div key={i} className="pl-2">
-						• {item.name}
+					<div key={i} className="pl-2 py-0.5 mb-1 bg-void-bg-1 rounded">
+						{item.name}
 						{item.isDirectory && '/'}
 					</div>
 				))}
@@ -632,12 +632,12 @@ const toolResultToComponent: ToolReusltToComponent = {
 			<div className="text-void-fg-2">
 				{Array.isArray(message.result.uris) ?
 					message.result.uris.map((uri, i) => (
-						<div key={i} className="pl-2">
+						<div key={i} className="pl-2 py-0.5 mb-1 bg-void-bg-1 rounded">
 							<a
 								href={uri.toString()}
 								className="text-void-accent hover:underline"
 							>
-								• {uri.fsPath.split('/').pop()}
+								{uri.fsPath.split('/').pop()}
 							</a>
 						</div>
 					)) :
@@ -661,12 +661,12 @@ const toolResultToComponent: ToolReusltToComponent = {
 				{typeof message.result.uris === 'string' ?
 					message.result.uris :
 					message.result.uris.map((uri, i) => (
-						<div key={i} className="pl-2">
+						<div key={i} className="pl-2 py-0.5 mb-1 bg-void-bg-1 rounded">
 							<a
 								href={uri.toString()}
 								className="text-void-accent hover:underline"
 							>
-								• {uri.fsPath}
+								{uri.fsPath}
 							</a>
 						</div>
 					))
diff --git a/src/vs/workbench/contrib/void/browser/react/src/util/inputs.tsx b/src/vs/workbench/contrib/void/browser/react/src/util/inputs.tsx
index 270870a7..be327655 100644
--- a/src/vs/workbench/contrib/void/browser/react/src/util/inputs.tsx
+++ b/src/vs/workbench/contrib/void/browser/react/src/util/inputs.tsx
@@ -713,7 +713,7 @@ export const VoidCodeEditor = ({ initValue, language, maxHeight, showScrollbars
 
 			onCreateInstance={useCallback((editor: CodeEditorWidget) => {
 				const model = modelOfEditorId[id] ?? modelService.createModel(
-					initValueRef.current, {
+					initValueRef.current + '\n', {
 					languageId: languageRef.current ? languageRef.current : 'typescript',
 					onDidChange: (e) => { return { dispose: () => { } } } // no idea why they'd require this
 				})
diff --git a/src/vs/workbench/contrib/void/browser/react/tailwind.config.js b/src/vs/workbench/contrib/void/browser/react/tailwind.config.js
index f9fcaef6..bc57116b 100644
--- a/src/vs/workbench/contrib/void/browser/react/tailwind.config.js
+++ b/src/vs/workbench/contrib/void/browser/react/tailwind.config.js
@@ -28,6 +28,7 @@ module.exports = {
 
 			colors: {
 				"void-bg-1": "var(--vscode-input-background)",
+				"void-bg-1-alt": "var(--vscode-badge-background)",
 				"void-bg-2": "var(--vscode-sideBar-background)",
 				"void-bg-2-alt": "color-mix(in srgb, var(--vscode-sideBar-background) 30%, var(--vscode-editor-background) 70%)",
 				"void-bg-3": "var(--vscode-editor-background)",