From a0621c61d3fa4358963407502b9abba07007c354 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Tue, 1 Jul 2025 11:07:00 +0800
Subject: [PATCH] fix: json schem ui problem

---
 .../plugin-detail-panel/tool-selector/schema-modal.tsx      | 1 +
 .../workflow/nodes/_base/components/form-input-item.tsx     | 1 -
 .../json-schema-config-modal/visual-editor/index.tsx        | 6 ++++--
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/web/app/components/plugins/plugin-detail-panel/tool-selector/schema-modal.tsx b/web/app/components/plugins/plugin-detail-panel/tool-selector/schema-modal.tsx
index d9dd907816..cd4cf71bac 100644
--- a/web/app/components/plugins/plugin-detail-panel/tool-selector/schema-modal.tsx
+++ b/web/app/components/plugins/plugin-detail-panel/tool-selector/schema-modal.tsx
@@ -44,6 +44,7 @@ const SchemaModal: FC<Props> = ({
           <MittProvider>
             <VisualEditorContextProvider>
               <VisualEditor
+                className='w-full'
                 schema={schema}
                 rootName={rootName}
                 readOnly
diff --git a/web/app/components/workflow/nodes/_base/components/form-input-item.tsx b/web/app/components/workflow/nodes/_base/components/form-input-item.tsx
index e82fe7d106..6f8bd17a96 100644
--- a/web/app/components/workflow/nodes/_base/components/form-input-item.tsx
+++ b/web/app/components/workflow/nodes/_base/components/form-input-item.tsx
@@ -231,7 +231,6 @@ const FormInputItem: FC<Props> = ({
             value={varInput?.value as any}
             isExpand
             isInNode
-            height={100}
             language={CodeLanguage.json}
             onChange={handleValueChange}
             className='w-full'
diff --git a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/index.tsx b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/index.tsx
index 28b9035edd..d96f856bbb 100644
--- a/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/index.tsx
+++ b/web/app/components/workflow/nodes/llm/components/json-schema-config-modal/visual-editor/index.tsx
@@ -2,8 +2,10 @@ import type { FC } from 'react'
 import type { SchemaRoot } from '../../../types'
 import SchemaNode from './schema-node'
 import { useSchemaNodeOperations } from './hooks'
+import cn from '@/utils/classnames'
 
 export type VisualEditorProps = {
+  className?: string
   schema: SchemaRoot
   rootName?: string
   readOnly?: boolean
@@ -11,11 +13,11 @@ export type VisualEditorProps = {
 }
 
 const VisualEditor: FC<VisualEditorProps> = (props) => {
-  const { schema, readOnly } = props
+  const { className, schema, readOnly } = props
   useSchemaNodeOperations(props)
 
   return (
-    <div className='h-full overflow-auto rounded-xl bg-background-section-burn p-1 pl-2'>
+    <div className={cn('h-full overflow-auto rounded-xl bg-background-section-burn p-1 pl-2', className)}>
       <SchemaNode
         name={props.rootName || 'structured_output'}
         schema={schema}