style

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>
 					))

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
 				})

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)",