diff --git a/src/vs/workbench/contrib/void/browser/react/src/markdown/ChatMarkdownRender.tsx b/src/vs/workbench/contrib/void/browser/react/src/markdown/ChatMarkdownRender.tsx index 96352c0f..79429e20 100644 --- a/src/vs/workbench/contrib/void/browser/react/src/markdown/ChatMarkdownRender.tsx +++ b/src/vs/workbench/contrib/void/browser/react/src/markdown/ChatMarkdownRender.tsx @@ -84,7 +84,7 @@ export const CodeSpan = ({ children, className }: { children: React.ReactNode, c } -const RenderToken = ({ token, nested = false }: { token: Token | string, nested?: boolean }): JSX.Element => { +const RenderToken = ({ token, nested = false, noSpace = false }: { token: Token | string, nested?: boolean, noSpace?: boolean }): JSX.Element => { // deal with built-in tokens first (assume marked token) const t = token as MarkedToken @@ -116,7 +116,7 @@ const RenderToken = ({ token, nested = false }: { token: Token | string, nested? if (t.type === "table") { return ( -
+
@@ -156,7 +156,7 @@ const RenderToken = ({ token, nested = false }: { token: Token | string, nested? } if (t.type === "blockquote") { - return
{t.text}
+ return
{t.text}
} if (t.type === "list") { @@ -164,10 +164,10 @@ const RenderToken = ({ token, nested = false }: { token: Token | string, nested? return ( {t.items.map((item, index) => ( -
  • +
  • {item.task && ( )} @@ -188,12 +188,12 @@ const RenderToken = ({ token, nested = false }: { token: Token | string, nested? if (nested) return contents - return

    {contents}

    + return

    {contents}

    } if (t.type === "html") { return ( - 
    +			
     				{``}
 				{t.raw}
 				{``}
@@ -227,7 +227,7 @@ const RenderToken = ({ token, nested = false }: { token: Token | string, nested?
 			src={t.href}
 			alt={t.text}
 			title={t.title ?? undefined}
-			className="max-w-full h-auto rounded my-4"
+			className={`max4w-full h-auto rounded ${noSpace ? '' : 'my-4'}`}
 		/>
 	}
 
@@ -266,12 +266,12 @@ const RenderToken = ({ token, nested = false }: { token: Token | string, nested?
 	)
 }
 
-export const ChatMarkdownRender = ({ string, nested = false }: { string: string, nested?: boolean }) => {
+export const ChatMarkdownRender = ({ string, nested = false, noSpace }: { string: string, nested?: boolean, noSpace?: boolean }) => {
 	const tokens = marked.lexer(string); // https://marked.js.org/using_pro#renderer
 	return (
 		<>
 			{tokens.map((token, index) => (
-				
+				
 			))}
 		
 	)
diff --git a/src/vs/workbench/contrib/void/browser/react/src/void-settings-tsx/Settings.tsx b/src/vs/workbench/contrib/void/browser/react/src/void-settings-tsx/Settings.tsx
index 19e113b6..6360348a 100644
--- a/src/vs/workbench/contrib/void/browser/react/src/void-settings-tsx/Settings.tsx
+++ b/src/vs/workbench/contrib/void/browser/react/src/void-settings-tsx/Settings.tsx
@@ -10,12 +10,12 @@ import ErrorBoundary from '../sidebar-tsx/ErrorBoundary.js'
 import { VoidButton, VoidCheckBox, VoidCustomSelectBox, VoidInputBox, VoidSwitch } from '../util/inputs.js'
 import { useAccessor, useIsDark, useRefreshModelListener, useRefreshModelState, useSettingsState } from '../util/services.js'
 import { X, RefreshCw, Loader2, Check, MoveRight } from 'lucide-react'
-import { ChatMarkdownRender, CodeSpan } from '../markdown/ChatMarkdownRender.js'
 import { useScrollbarStyles } from '../util/useScrollbarStyles.js'
 import { isWindows, isLinux, isMacintosh } from '../../../../../../../base/common/platform.js'
 import { URI } from '../../../../../../../base/common/uri.js'
 import { env } from '../../../../../../../base/common/process.js'
 import { WarningBox } from './ModelDropdown.js'
+import { ChatMarkdownRender } from '../markdown/ChatMarkdownRender.js'
 
 const SubtleButton = ({ onClick, text, icon, disabled }: { onClick: () => void, text: string, icon: React.ReactNode, disabled: boolean }) => {
 
@@ -301,7 +301,7 @@ const ProviderSetting = ({ providerName, settingName }: { providerName: Provider
 				multiline={false}
 			/>
 			{subTextMd === undefined ? null : 
    
-				
+				
 			
    }
 
 		
@@ -411,11 +411,11 @@ export const FeaturesTab = () => {
 		{/* 
    {`Void can access any model that you host locally. We automatically detect your local models by default.`}
     */}
 		
    {`Void can access any model that you host locally. We automatically detect your local models by default.`}
    
 		
    
-			
-			
-			
-			
-			
+			
+			
+			
+			
+			
 			{/* TODO we should create UI for downloading models without user going into terminal */}