From ab7df47768151258295612cc8374e3d855cf10a9 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Wed, 11 Dec 2024 18:33:03 +0800
Subject: [PATCH] fix: handle show child trunck

---
 .../datasets/hit-testing/components/child-chunks-item.tsx     | 4 ++--
 web/models/datasets.ts                                        | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/app/components/datasets/hit-testing/components/child-chunks-item.tsx b/web/app/components/datasets/hit-testing/components/child-chunks-item.tsx
index 052d270b3f..0d9b178a63 100644
--- a/web/app/components/datasets/hit-testing/components/child-chunks-item.tsx
+++ b/web/app/components/datasets/hit-testing/components/child-chunks-item.tsx
@@ -14,13 +14,13 @@ const ChildChunks: FC<Props> = ({
   payload,
   isShowAll,
 }) => {
-  const { id, score, content } = payload
+  const { id, score, content, position } = payload
   return (
     <div
       className={!isShowAll ? 'line-clamp-2' : ''}
     >
       <div className='inline-flex items-center relative top-[-3px]'>
-        <div className='flex items-center h-[24px] bg-state-accent-solid  system-2xs-semibold-uppercase text-text-primary-on-surface px-1'>C-{id}</div>
+        <div className='flex items-center h-[24px] bg-state-accent-solid  system-2xs-semibold-uppercase text-text-primary-on-surface px-1'>C-{position}</div>
         <Score value={score} besideChunkName />
       </div>
       <SliceContent className='bg-state-accent-hover group-hover:bg-state-accent-hover text-text-secondary font-normal'>{content}</SliceContent>
diff --git a/web/models/datasets.ts b/web/models/datasets.ts
index 0dbc2938a2..c4b706fc85 100644
--- a/web/models/datasets.ts
+++ b/web/models/datasets.ts
@@ -482,6 +482,7 @@ export type HitTestingRecord = {
 export type HitTestingChildChunk = {
   id: string
   content: string
+  position: number
   score: number
 }
 export type HitTesting = {