From bd070857ed6699cd262094569462e6132dac4140 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Mon, 19 Jan 2026 16:33:25 +0800
Subject: [PATCH] fix: fold indent style

---
 .../skill-editor/plugins/file-picker-panel.tsx    |  2 +-
 .../workflow/skill/file-tree/tree-guide-lines.tsx | 15 +++++++++++----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/web/app/components/workflow/skill/editor/skill-editor/plugins/file-picker-panel.tsx b/web/app/components/workflow/skill/editor/skill-editor/plugins/file-picker-panel.tsx
index 64ba6f31de..bc6eda50d3 100644
--- a/web/app/components/workflow/skill/editor/skill-editor/plugins/file-picker-panel.tsx
+++ b/web/app/components/workflow/skill/editor/skill-editor/plugins/file-picker-panel.tsx
@@ -61,7 +61,7 @@ const FilePickerTreeNode: FC<FilePickerTreeNodeProps> = ({ node, style, dragHand
       onClick={handleClick}
       onKeyDown={handleKeyDown}
     >
-      <TreeGuideLines level={node.level} />
+      <TreeGuideLines level={node.level} lineOffset={0} />
       <div className="flex min-w-0 flex-1 items-center gap-2 px-3">
         <div className="flex size-4 shrink-0 items-center justify-center">
           {isFolder
diff --git a/web/app/components/workflow/skill/file-tree/tree-guide-lines.tsx b/web/app/components/workflow/skill/file-tree/tree-guide-lines.tsx
index 35da9ab509..873f6b3d07 100644
--- a/web/app/components/workflow/skill/file-tree/tree-guide-lines.tsx
+++ b/web/app/components/workflow/skill/file-tree/tree-guide-lines.tsx
@@ -2,13 +2,20 @@
 
 import * as React from 'react'
 
-const INDENT_SIZE = 20
-
 type TreeGuideLinesProps = {
   level: number
+  indentSize?: number
+  lineOffset?: number
 }
 
-const TreeGuideLines: React.FC<TreeGuideLinesProps> = ({ level }) => {
+const INDENT_SIZE = 20
+const DEFAULT_LINE_OFFSET = 10
+
+const TreeGuideLines: React.FC<TreeGuideLinesProps> = ({
+  level,
+  indentSize = INDENT_SIZE,
+  lineOffset = DEFAULT_LINE_OFFSET,
+}) => {
   if (level === 0)
     return null
 
@@ -18,7 +25,7 @@ const TreeGuideLines: React.FC<TreeGuideLinesProps> = ({ level }) => {
         <div
           key={`guide-${i}`}
           className="absolute bottom-0 top-0 border-l border-divider-subtle"
-          style={{ left: `${(i + 1) * INDENT_SIZE - 10}px` }}
+          style={{ left: `${(i + 1) * indentSize - lineOffset}px` }}
         />
       ))}
     </>