11import {
22 Box ,
3- Divider ,
43 Tab ,
54 Tabs ,
65 Typography ,
76} from '@mui/material'
87import { useState } from 'react'
98import { useTranslation } from 'react-i18next'
10- import ReactMarkdown from 'react-markdown'
119import { PromptInfo } from 'src/client/types'
1210
13- const muiTextfieldMimic = {
14- border : '1px solid' ,
15- borderColor : 'rgba(0, 0, 0, 0.16)' ,
16- borderRadius : 1 ,
17- p : '16.5px 14px' , // Exact MUI OutlinedInput padding
18- backgroundColor : 'grey.50' ,
19- '& p' : {
20- m : 0 , // Removes margin from Markdown paragraphs
21- lineHeight : 1.5 // Ensures readable text height
22- } ,
23- // Add space between paragraphs if there are multiple
24- '& p + p' : {
25- mt : 1
26- }
27- }
28-
29- const multilineMimic = {
30- minHeight : '190px' // mimics 8 rows
31- }
32-
3311export const PromptInfoContent = ( {
3412 name,
3513 userInstructions,
@@ -42,7 +20,6 @@ export const PromptInfoContent = ({
4220 const defaultInstructions = type === 'PERSONAL' ? t ( 'prompt:myPrompt' ) : t ( 'prompt:defaultChatInstructions' )
4321 const [ tab , setTab ] = useState ( 0 )
4422
45- // If system message is hidden, render content without tabs
4623 if ( hidden ) {
4724 return (
4825 < Box sx = { {
@@ -85,7 +62,9 @@ export const PromptInfoContent = ({
8562
8663 { tab === 0 && (
8764 < Box sx = { {
88- p : 2 ,
65+ pt : 3 ,
66+ pb : 2 ,
67+ px : 2 ,
8968 display : 'flex' ,
9069 flexDirection : 'column' ,
9170 gap : 2 ,
@@ -109,7 +88,9 @@ export const PromptInfoContent = ({
10988
11089 { tab === 1 && (
11190 < Box sx = { {
112- p : 2 ,
91+ pt : 3 ,
92+ pb : 2 ,
93+ px : 2 ,
11394 display : 'flex' ,
11495 flexDirection : 'column' ,
11596 gap : 2 ,
0 commit comments