Feat/parent child retrieval (#12086)

Signed-off-by: yihong0618 <zouzou0208@gmail.com>
Signed-off-by: -LAN- <laipz8200@outlook.com>
Co-authored-by: AkaraChen <akarachen@outlook.com>
Co-authored-by: nite-knite <nkCoding@gmail.com>
Co-authored-by: Joel <iamjoel007@gmail.com>
Co-authored-by: Warren Chen <warren.chen830@gmail.com>
Co-authored-by: crazywoola <427733928@qq.com>
Co-authored-by: Yi Xiao <54782454+YIXIAO0@users.noreply.github.com>
Co-authored-by: yihong <zouzou0208@gmail.com>
Co-authored-by: -LAN- <laipz8200@outlook.com>
Co-authored-by: KVOJJJin <jzongcode@gmail.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: JzoNgKVO <27049666+JzoNgKVO@users.noreply.github.com>
Co-authored-by: Charlie.Wei <luowei@cvte.com>
Co-authored-by: crazywoola <100913391+crazywoola@users.noreply.github.com>
Co-authored-by: huayaoyue6 <huayaoyue@163.com>
Co-authored-by: kurokobo <kuro664@gmail.com>
Co-authored-by: Matsuda <yiyth.fcb6@gmail.com>
Co-authored-by: shirochan <s.yusuke0711@gmail.com>
Co-authored-by: Jyong <76649700+JohnJyong@users.noreply.github.com>
Co-authored-by: Huỳnh Gia Bôi <boihuynh147@gmail.com>
Co-authored-by: Julian Huynh <julian.huynh@immersio.io>
Co-authored-by: Hash Brown <hi@xzd.me>
Co-authored-by: 非法操作 <hjlarry@163.com>
Co-authored-by: Kazuki Takamatsu <kazuki.takamatsu@chowagiken.co.jp>
Co-authored-by: Trey Dong <1346650911@qq.com>
Co-authored-by: VoidIsVoid <343750470@qq.com>
Co-authored-by: Gimling <huangjl@ruyi.ai>
Co-authored-by: xiandan-erizo <xiandan.erizo@gmail.com>
Co-authored-by: Muneyuki Noguchi <nogu.dev@gmail.com>
Co-authored-by: zhaobingshuang <1475195565@qq.com>
Co-authored-by: zhaobs <zhaobs@cailian.net>
Co-authored-by: suzuki.sh <s2terminal@users.noreply.github.com>
Co-authored-by: Yingchun Lai <laiyingchun@apache.org>
Co-authored-by: huanshare <huanshare@live.com>
Co-authored-by: huanshare <liuhuan101@longfor.com>
Co-authored-by: orangeclk <orangeclk@users.noreply.github.com>
Co-authored-by: 문정현 <120004247+JungHyunMoon@users.noreply.github.com>
Co-authored-by: barabicu <kztk533@gmail.com>
Co-authored-by: Wei Mingzhi <whistler_wmz@users.sf.net>
Co-authored-by: Paul van Oorschot <20116814+pvoo@users.noreply.github.com>
Co-authored-by: zkyTech <zhangkunyuan@hotmail.com>
Co-authored-by: zhangkunyuan <zhangkunyuan@cmhi.chinamobile.com>
Co-authored-by: Tommy <34446820+Asterovim@users.noreply.github.com>
Co-authored-by: zxhlyh <jasonapring2015@outlook.com>
Co-authored-by: Novice <857526207@qq.com>
Co-authored-by: Novice Lee <novicelee@NovicedeMacBook-Pro.local>
Co-authored-by: Novice Lee <novicelee@NoviPro.local>
Co-authored-by: zxhlyh <16177003+zxhlyh@users.noreply.github.com>
Co-authored-by: liuzhenghua <1090179900@qq.com>
Co-authored-by: Jiang <65766008+AlwaysBluer@users.noreply.github.com>
Co-authored-by: jiangzhijie <jiangzhijie.jzj@alibaba-inc.com>
Co-authored-by: Joe <79627742+ZhouhaoJiang@users.noreply.github.com>
Co-authored-by: Alok Shrivastwa <alok.shrivastwa@gmail.com>
Co-authored-by: Alok Shrivastwa <Alok.Shrivastwa@microland.com>
Co-authored-by: JasonVV <jasonwangiii@outlook.com>
Co-authored-by: Hiroshi Fujita <fujita-h@users.noreply.github.com>
Co-authored-by: Kevin9703 <51311316+Kevin9703@users.noreply.github.com>
Co-authored-by: NFish <douxc512@gmail.com>
Co-authored-by: Junyan Qin <1010553892@qq.com>
Co-authored-by: IWAI, Masaharu <iwaim.sub@gmail.com>
Co-authored-by: IWAI, Masaharu <iwai_masaharu@funkit.co.jp>
Co-authored-by: Bowen Liang <liangbowen@gf.com.cn>
Co-authored-by: luckylhb90 <luckylhb90@gmail.com>
Co-authored-by: hobo.l <hobo.l@binance.com>
Co-authored-by: douxc <7553076+douxc@users.noreply.github.com>

web/app/components/datasets/documents/detail/completed/common/chunk-content.tsx

@@ -0,0 +1,192 @@
+import React, { useEffect, useRef, useState } from 'react'
+import type { ComponentProps, FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import { ChunkingMode } from '@/models/datasets'
+import classNames from '@/utils/classnames'
+
+type IContentProps = ComponentProps<'textarea'>
+
+const Textarea: FC<IContentProps> = React.memo(({
+  value,
+  placeholder,
+  className,
+  disabled,
+  ...rest
+}) => {
+  return (
+    <textarea
+      className={classNames(
+        'disabled:bg-transparent inset-0 outline-none border-none appearance-none resize-none w-full overflow-y-auto',
+        className,
+      )}
+      placeholder={placeholder}
+      value={value}
+      disabled={disabled}
+      {...rest}
+    />
+  )
+})
+
+Textarea.displayName = 'Textarea'
+
+type IAutoResizeTextAreaProps = ComponentProps<'textarea'> & {
+  containerRef: React.RefObject<HTMLDivElement>
+  labelRef: React.RefObject<HTMLDivElement>
+}
+
+const AutoResizeTextArea: FC<IAutoResizeTextAreaProps> = React.memo(({
+  className,
+  placeholder,
+  value,
+  disabled,
+  containerRef,
+  labelRef,
+  ...rest
+}) => {
+  const textareaRef = useRef<HTMLTextAreaElement>(null)
+  const observerRef = useRef<ResizeObserver>()
+  const [maxHeight, setMaxHeight] = useState(0)
+
+  useEffect(() => {
+    const textarea = textareaRef.current
+    if (!textarea)
+      return
+    textarea.style.height = 'auto'
+    const lineHeight = parseInt(getComputedStyle(textarea).lineHeight)
+    const textareaHeight = Math.max(textarea.scrollHeight, lineHeight)
+    textarea.style.height = `${textareaHeight}px`
+  }, [value])
+
+  useEffect(() => {
+    const container = containerRef.current
+    const label = labelRef.current
+    if (!container || !label)
+      return
+    const updateMaxHeight = () => {
+      const containerHeight = container.clientHeight
+      const labelHeight = label.clientHeight
+      const padding = 32
+      const space = 12
+      const maxHeight = Math.floor((containerHeight - 2 * labelHeight - padding - space) / 2)
+      setMaxHeight(maxHeight)
+    }
+    updateMaxHeight()
+    observerRef.current = new ResizeObserver(updateMaxHeight)
+    observerRef.current.observe(container)
+    return () => {
+      observerRef.current?.disconnect()
+    }
+  }, [])
+
+  return (
+    <textarea
+      ref={textareaRef}
+      className={classNames(
+        'disabled:bg-transparent inset-0 outline-none border-none appearance-none resize-none w-full',
+        className,
+      )}
+      style={{
+        maxHeight,
+      }}
+      placeholder={placeholder}
+      value={value}
+      disabled={disabled}
+      {...rest}
+    />
+  )
+})
+
+AutoResizeTextArea.displayName = 'AutoResizeTextArea'
+
+type IQATextAreaProps = {
+  question: string
+  answer?: string
+  onQuestionChange: (question: string) => void
+  onAnswerChange?: (answer: string) => void
+  isEditMode?: boolean
+}
+
+const QATextArea: FC<IQATextAreaProps> = React.memo(({
+  question,
+  answer,
+  onQuestionChange,
+  onAnswerChange,
+  isEditMode = true,
+}) => {
+  const { t } = useTranslation()
+  const containerRef = useRef<HTMLDivElement>(null)
+  const labelRef = useRef<HTMLDivElement>(null)
+
+  return (
+    <div ref={containerRef} className='h-full overflow-hidden'>
+      <div ref={labelRef} className='text-text-tertiary text-xs font-medium mb-1'>QUESTION</div>
+      <AutoResizeTextArea
+        className='text-text-secondary text-sm tracking-[-0.07px] caret-[#295EFF]'
+        value={question}
+        placeholder={t('datasetDocuments.segment.questionPlaceholder') || ''}
+        onChange={e => onQuestionChange(e.target.value)}
+        disabled={!isEditMode}
+        containerRef={containerRef}
+        labelRef={labelRef}
+      />
+      <div className='text-text-tertiary text-xs font-medium mb-1 mt-6'>ANSWER</div>
+      <AutoResizeTextArea
+        className='text-text-secondary text-sm tracking-[-0.07px] caret-[#295EFF]'
+        value={answer}
+        placeholder={t('datasetDocuments.segment.answerPlaceholder') || ''}
+        onChange={e => onAnswerChange?.(e.target.value)}
+        disabled={!isEditMode}
+        autoFocus
+        containerRef={containerRef}
+        labelRef={labelRef}
+      />
+    </div>
+  )
+})
+
+QATextArea.displayName = 'QATextArea'
+
+type IChunkContentProps = {
+  question: string
+  answer?: string
+  onQuestionChange: (question: string) => void
+  onAnswerChange?: (answer: string) => void
+  isEditMode?: boolean
+  docForm: ChunkingMode
+}
+
+const ChunkContent: FC<IChunkContentProps> = ({
+  question,
+  answer,
+  onQuestionChange,
+  onAnswerChange,
+  isEditMode,
+  docForm,
+}) => {
+  const { t } = useTranslation()
+
+  if (docForm === ChunkingMode.qa) {
+    return <QATextArea
+      question={question}
+      answer={answer}
+      onQuestionChange={onQuestionChange}
+      onAnswerChange={onAnswerChange}
+      isEditMode={isEditMode}
+    />
+  }
+
+  return (
+    <Textarea
+      className='h-full w-full pb-6 body-md-regular text-text-secondary tracking-[-0.07px] caret-[#295EFF]'
+      value={question}
+      placeholder={t('datasetDocuments.segment.contentPlaceholder') || ''}
+      onChange={e => onQuestionChange(e.target.value)}
+      disabled={!isEditMode}
+      autoFocus
+    />
+  )
+}
+
+ChunkContent.displayName = 'ChunkContent'
+
+export default React.memo(ChunkContent)