fix(json-schema-editor): Add container reference for resize observer in CodeEditor; Update language hook and help doc URL in JsonSchemaConfig (#20488)

web/app/components/workflow/nodes/llm/components/json-schema-config-modal/code-editor.tsx

   const { theme } = useTheme()
   const monacoRef = useRef<any>(null)
   const editorRef = useRef<any>(null)
+  const containerRef = useRef<HTMLDivElement>(null)
 
   useEffect(() => {
     if (monacoRef.current) {
       onUpdate?.(value)
   }, [onUpdate])
 
+  useEffect(() => {
+    const resizeObserver = new ResizeObserver(() => {
+      editorRef.current?.layout()
+    })
+
+    if (containerRef.current)
+      resizeObserver.observe(containerRef.current)
+
+    return () => {
+      resizeObserver.disconnect()
+    }
+  }, [])
+
   return (
     <div className={classNames('flex flex-col h-full bg-components-input-bg-normal overflow-hidden', className)}>
       <div className='flex items-center justify-between pl-2 pr-1 pt-1'>
           </Tooltip>
         </div>
       </div>
-      <div className={classNames('relative', editorWrapperClassName)}>
+      <div
+        ref={containerRef}
+        className={classNames('relative overflow-hidden', editorWrapperClassName)}
+      >
         <Editor
-          height='100%'
           defaultLanguage='json'
           value={value}
           onChange={handleEditorChange}
             scrollBeyondLastLine: false,
             wordWrap: 'on',
             wrappingIndent: 'same',
-            // Add these options
             overviewRulerBorder: false,
             hideCursorInOverviewRuler: true,
             renderLineHighlightOnlyWhenFocus: false,

web/app/components/workflow/nodes/llm/components/json-schema-config-modal/json-schema-config.tsx

 import ErrorMessage from './error-message'
 import { useVisualEditorStore } from './visual-editor/store'
 import Toast from '@/app/components/base/toast'
-import { useGetLanguage } from '@/context/i18n'
+import { useGetDocLanguage } from '@/context/i18n'
 import { JSON_SCHEMA_MAX_DEPTH } from '@/config'
 
 type JsonSchemaConfigProps = {
   additionalProperties: false,
 }
 
-const HELP_DOC_URL = {
-  zh_Hans: 'https://docs.dify.ai/zh-hans/guides/workflow/structured-outputs',
-  en_US: 'https://docs.dify.ai/en/guides/workflow/structured-outputs',
-  ja_JP: 'https://docs.dify.ai/ja-jp/guides/workflow/structured-outputs',
-}
-
-type LocaleKey = keyof typeof HELP_DOC_URL
-
 const JsonSchemaConfig: FC<JsonSchemaConfigProps> = ({
   defaultSchema,
   onSave,
   onClose,
 }) => {
   const { t } = useTranslation()
-  const locale = useGetLanguage() as LocaleKey
+  const docLanguage = useGetDocLanguage()
   const [currentTab, setCurrentTab] = useState(SchemaView.VisualEditor)
   const [jsonSchema, setJsonSchema] = useState(defaultSchema || DEFAULT_SCHEMA)
   const [json, setJson] = useState(JSON.stringify(jsonSchema, null, 2))
       <div className='flex items-center gap-x-2 p-6 pt-5'>
         <a
           className='flex grow items-center gap-x-1 text-text-accent'
-          href={HELP_DOC_URL[locale]}
+          href={`https://docs.dify.ai/${docLanguage}/guides/workflow/structured-outputs`}
           target='_blank'
           rel='noopener noreferrer'
         >

web/app/components/workflow/nodes/llm/components/json-schema-config-modal/schema-editor.tsx

 }) => {
   return (
     <CodeEditor
-      className='rounded-xl'
+      className='grow rounded-xl'
       editorWrapperClassName='grow'
       value={schema}
       onUpdate={onUpdate}