From 91ca3c04682375add55a399bd86d57484f37d2a3 Mon Sep 17 00:00:00 2001
From: logonkhi <logonkhi@gmail.com>
Date: Tue, 30 Dec 2025 20:38:25 +0900
Subject: [PATCH] =?UTF-8?q?UTKComponentList,=20UTKTreeList=20=EC=99=84?=
 =?UTF-8?q?=EB=A3=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .claude/settings.local.json                   |    4 +-
 .mcp.json                                     |    8 +
 .../Prefabs/UI/List/ComponentListItem.prefab  |   24 +-
 .../UIToolkit/Images/icon_down_20x16.png      |  Bin 0 -> 199 bytes
 ...6x17.png.meta => icon_down_20x16.png.meta} |    2 +-
 .../UIToolkit/Images/icon_down_22.png         |  Bin 0 -> 247 bytes
 .../UIToolkit/Images/icon_down_22.png.meta    |  117 ++
 .../UIToolkit/Images/icon_eye_22x16.png       |  Bin 0 -> 297 bytes
 .../UIToolkit/Images/icon_eye_22x16.png.meta  |  143 ++
 .../UIToolkit/Images/icon_eye_close_22x16.png |  Bin 0 -> 327 bytes
 .../Images/icon_eye_close_22x16.png.meta      |  143 ++
 .../UIToolkit/Images/icon_search_16x17.png    |  Bin 451 -> 0 bytes
 .../UIToolkit/Images/icon_search_22x16.png    |  Bin 0 -> 291 bytes
 .../Images/icon_search_22x16.png.meta         |  143 ++
 .../UIToolkit/Images/icon_setting_22.png      |  Bin 0 -> 401 bytes
 .../UIToolkit/Images/icon_setting_22.png.meta |  143 ++
 .../UIToolkit/List/UTKComponentList.uss       |   45 +
 .../UIToolkit/List/UTKComponentList.uss.meta  |   11 +
 .../UIToolkit/List/UTKComponentList.uxml      |    9 +
 .../UIToolkit/List/UTKComponentList.uxml.meta |   10 +
 .../List/UTKComponentListGroupItem.uxml       |    8 +
 .../List/UTKComponentListGroupItem.uxml.meta  |   10 +
 .../UIToolkit/List/UTKComponentListItem.uxml  |    8 +
 .../List/UTKComponentListItem.uxml.meta       |   10 +
 .../UIToolkit/List/UTKTreeListItem.uxml       |    2 +-
 .../UIToolkit/Settings/UTKDefaultStyle.uss    |   90 +-
 .../Window/UTKComponentListWindow.uss         |   59 +
 .../Window/UTKComponentListWindow.uss.meta    |   11 +
 .../Window/UTKComponentListWindow.uxml        |   10 +
 .../Window/UTKComponentListWindow.uxml.meta   |   10 +
 .../Window/UTKComponentTabListWindow.uxml     |   13 +
 .../UTKComponentTabListWindow.uxml.meta       |   10 +
 .../UIToolkit/Window/UTKTreeListWindow.uss    |   53 +-
 .../UIToolkit/UTKComponentListWindowSample.cs |  225 +++
 .../UTKComponentListWindowSample.cs.meta      |    2 +
 .../UTKComponentListWindowSample.unity        |  496 ++++++
 .../UTKComponentListWindowSample.unity.meta   |    7 +
 .../UIToolkit/UTKTreeListWindowSample.cs      |    7 +-
 .../UVC/UIToolkit/List/UTKComponentList.cs    | 1481 +++++++++++++++++
 .../UIToolkit/List/UTKComponentList.cs.meta   |    2 +
 .../List/UTKComponentListItemData.cs          |  135 ++
 .../List/UTKComponentListItemData.cs.meta     |    2 +
 .../Window/UTKComponentListWindow.cs          |  289 ++++
 .../Window/UTKComponentListWindow.cs.meta     |    2 +
 .../Window/UTKComponentTabListWindow.cs       |  538 ++++++
 .../Window/UTKComponentTabListWindow.cs.meta  |    2 +
 .../UVC/UIToolkit/Window/UTKTreeListWindow.cs |  137 +-
 Assets/StreamingAssets/locale.json            |    5 +-
 Packages/manifest.json                        |    1 +
 Packages/packages-lock.json                   |    9 +
 50 files changed, 4347 insertions(+), 89 deletions(-)
 create mode 100644 .mcp.json
 create mode 100644 Assets/Resources/UIToolkit/Images/icon_down_20x16.png
 rename Assets/Resources/UIToolkit/Images/{icon_search_16x17.png.meta => icon_down_20x16.png.meta} (98%)
 create mode 100644 Assets/Resources/UIToolkit/Images/icon_down_22.png
 create mode 100644 Assets/Resources/UIToolkit/Images/icon_down_22.png.meta
 create mode 100644 Assets/Resources/UIToolkit/Images/icon_eye_22x16.png
 create mode 100644 Assets/Resources/UIToolkit/Images/icon_eye_22x16.png.meta
 create mode 100644 Assets/Resources/UIToolkit/Images/icon_eye_close_22x16.png
 create mode 100644 Assets/Resources/UIToolkit/Images/icon_eye_close_22x16.png.meta
 delete mode 100644 Assets/Resources/UIToolkit/Images/icon_search_16x17.png
 create mode 100644 Assets/Resources/UIToolkit/Images/icon_search_22x16.png
 create mode 100644 Assets/Resources/UIToolkit/Images/icon_search_22x16.png.meta
 create mode 100644 Assets/Resources/UIToolkit/Images/icon_setting_22.png
 create mode 100644 Assets/Resources/UIToolkit/Images/icon_setting_22.png.meta
 create mode 100644 Assets/Resources/UIToolkit/List/UTKComponentList.uss
 create mode 100644 Assets/Resources/UIToolkit/List/UTKComponentList.uss.meta
 create mode 100644 Assets/Resources/UIToolkit/List/UTKComponentList.uxml
 create mode 100644 Assets/Resources/UIToolkit/List/UTKComponentList.uxml.meta
 create mode 100644 Assets/Resources/UIToolkit/List/UTKComponentListGroupItem.uxml
 create mode 100644 Assets/Resources/UIToolkit/List/UTKComponentListGroupItem.uxml.meta
 create mode 100644 Assets/Resources/UIToolkit/List/UTKComponentListItem.uxml
 create mode 100644 Assets/Resources/UIToolkit/List/UTKComponentListItem.uxml.meta
 create mode 100644 Assets/Resources/UIToolkit/Window/UTKComponentListWindow.uss
 create mode 100644 Assets/Resources/UIToolkit/Window/UTKComponentListWindow.uss.meta
 create mode 100644 Assets/Resources/UIToolkit/Window/UTKComponentListWindow.uxml
 create mode 100644 Assets/Resources/UIToolkit/Window/UTKComponentListWindow.uxml.meta
 create mode 100644 Assets/Resources/UIToolkit/Window/UTKComponentTabListWindow.uxml
 create mode 100644 Assets/Resources/UIToolkit/Window/UTKComponentTabListWindow.uxml.meta
 create mode 100644 Assets/Sample/UIToolkit/UTKComponentListWindowSample.cs
 create mode 100644 Assets/Sample/UIToolkit/UTKComponentListWindowSample.cs.meta
 create mode 100644 Assets/Sample/UIToolkit/UTKComponentListWindowSample.unity
 create mode 100644 Assets/Sample/UIToolkit/UTKComponentListWindowSample.unity.meta
 create mode 100644 Assets/Scripts/UVC/UIToolkit/List/UTKComponentList.cs
 create mode 100644 Assets/Scripts/UVC/UIToolkit/List/UTKComponentList.cs.meta
 create mode 100644 Assets/Scripts/UVC/UIToolkit/List/UTKComponentListItemData.cs
 create mode 100644 Assets/Scripts/UVC/UIToolkit/List/UTKComponentListItemData.cs.meta
 create mode 100644 Assets/Scripts/UVC/UIToolkit/Window/UTKComponentListWindow.cs
 create mode 100644 Assets/Scripts/UVC/UIToolkit/Window/UTKComponentListWindow.cs.meta
 create mode 100644 Assets/Scripts/UVC/UIToolkit/Window/UTKComponentTabListWindow.cs
 create mode 100644 Assets/Scripts/UVC/UIToolkit/Window/UTKComponentTabListWindow.cs.meta

diff --git a/.claude/settings.local.json b/.claude/settings.local.json
index b55a07ed..c4f9046b 100644
--- a/.claude/settings.local.json
+++ b/.claude/settings.local.json
@@ -6,7 +6,9 @@
       "Bash(mkdir:*)",
       "Bash(cat:*)",
       "Bash(move:*)",
-      "Bash(find:*)"
+      "Bash(find:*)",
+      "Bash(claude mcp add:*)",
+      "Bash(claude mcp list:*)"
     ],
     "deny": [],
     "ask": []
diff --git a/.mcp.json b/.mcp.json
new file mode 100644
index 00000000..4b68a134
--- /dev/null
+++ b/.mcp.json
@@ -0,0 +1,8 @@
+{
+  "mcpServers": {
+    "UnityMCP": {
+      "type": "http",
+      "url": "http://localhost:8080/mcp"
+    }
+  }
+}
\ No newline at end of file
diff --git a/Assets/Resources/Prefabs/UI/List/ComponentListItem.prefab b/Assets/Resources/Prefabs/UI/List/ComponentListItem.prefab
index 0af9ebaf..3123d53e 100644
--- a/Assets/Resources/Prefabs/UI/List/ComponentListItem.prefab
+++ b/Assets/Resources/Prefabs/UI/List/ComponentListItem.prefab
@@ -37,8 +37,8 @@ RectTransform:
   m_LocalEulerAnglesHint: {x: 0, y: 0, z: 0}
   m_AnchorMin: {x: 0, y: 1}
   m_AnchorMax: {x: 0, y: 1}
-  m_AnchoredPosition: {x: 24.000008, y: -3.5}
-  m_SizeDelta: {x: 0, y: 15}
+  m_AnchoredPosition: {x: 24, y: -3.5}
+  m_SizeDelta: {x: 16.79, y: 15}
   m_Pivot: {x: 0, y: 1}
 --- !u!222 &1821424897527179892
 CanvasRenderer:
@@ -667,10 +667,10 @@ RectTransform:
   m_Children: []
   m_Father: {fileID: 3094276047947572059}
   m_LocalEulerAnglesHint: {x: 0, y: 0, z: 0}
-  m_AnchorMin: {x: 0, y: 0}
-  m_AnchorMax: {x: 0, y: 0}
-  m_AnchoredPosition: {x: 0, y: 0}
-  m_SizeDelta: {x: 0, y: 15}
+  m_AnchorMin: {x: 0, y: 1}
+  m_AnchorMax: {x: 0, y: 1}
+  m_AnchoredPosition: {x: 8.395, y: -7.5}
+  m_SizeDelta: {x: 6.79, y: 15}
   m_Pivot: {x: 0.5, y: 0.5}
 --- !u!114 &7899941541401797984
 MonoBehaviour:
@@ -1418,7 +1418,7 @@ GameObject:
   m_Icon: {fileID: 0}
   m_NavMeshLayer: 0
   m_StaticEditorFlags: 0
-  m_IsActive: 1
+  m_IsActive: 0
 --- !u!224 &3186561737559845992
 RectTransform:
   m_ObjectHideFlags: 0
@@ -1635,7 +1635,7 @@ RectTransform:
   m_AnchorMin: {x: 1, y: 0.5}
   m_AnchorMax: {x: 1, y: 0.5}
   m_AnchoredPosition: {x: -2, y: 0}
-  m_SizeDelta: {x: 0, y: 22}
+  m_SizeDelta: {x: 40.79, y: 22}
   m_Pivot: {x: 1, y: 0.5}
 --- !u!114 &4840481829667430247
 MonoBehaviour:
@@ -2163,10 +2163,10 @@ RectTransform:
   m_Children: []
   m_Father: {fileID: 5465326936975101749}
   m_LocalEulerAnglesHint: {x: 0, y: 0, z: 0}
-  m_AnchorMin: {x: 0, y: 0}
-  m_AnchorMax: {x: 0, y: 0}
-  m_AnchoredPosition: {x: 0, y: 0}
-  m_SizeDelta: {x: 0, y: 22}
+  m_AnchorMin: {x: 0, y: 1}
+  m_AnchorMax: {x: 0, y: 1}
+  m_AnchoredPosition: {x: 11, y: -11}
+  m_SizeDelta: {x: 22, y: 22}
   m_Pivot: {x: 0.5, y: 0.5}
 --- !u!222 &4173370272032766120
 CanvasRenderer:
diff --git a/Assets/Resources/UIToolkit/Images/icon_down_20x16.png b/Assets/Resources/UIToolkit/Images/icon_down_20x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..af3f30c4862f68cfd4f40d31c3e5af119da4cef8
GIT binary patch
literal 199
zcmeAS@N?(olHy`uVBq!ia0vp^B0wz2!3HGny7cS=Qk(@Ik;M!Q+`=Ht$S`Y;1W=H%
zILO_JVcj{Imp~3nx}&cn1H;CC?mvmFKz@v;i(^Oy<J&$*-UA9euJy}UJc~DY&Y0}!
zbXdfPN$8aN!wb%ejD9R}pY(En1to0OQ2G=Ue$)C_#O}ofp9Aw<KcBhWa7;h{*XxXb
rI%oC1ELeQlP}xc@_@Z&=**Pv=heG+Uy?&+&w1>gd)z4*}Q$iB}Wk5m%

literal 0
HcmV?d00001

diff --git a/Assets/Resources/UIToolkit/Images/icon_search_16x17.png.meta b/Assets/Resources/UIToolkit/Images/icon_down_20x16.png.meta
similarity index 98%
rename from Assets/Resources/UIToolkit/Images/icon_search_16x17.png.meta
rename to Assets/Resources/UIToolkit/Images/icon_down_20x16.png.meta
index 80ec6f05..ac1e4f4a 100644
--- a/Assets/Resources/UIToolkit/Images/icon_search_16x17.png.meta
+++ b/Assets/Resources/UIToolkit/Images/icon_down_20x16.png.meta
@@ -1,5 +1,5 @@
 fileFormatVersion: 2
-guid: 4737b068c8483f348aef876954e2afee
+guid: 07ba9c8b4566e80489abb0991b24b01d
 TextureImporter:
   internalIDToNameTable: []
   externalObjects: {}
diff --git a/Assets/Resources/UIToolkit/Images/icon_down_22.png b/Assets/Resources/UIToolkit/Images/icon_down_22.png
new file mode 100644
index 0000000000000000000000000000000000000000..edaa47a7f9c8ddda10097818e9ea507473471f92
GIT binary patch
literal 247
zcmeAS@N?(olHy`uVBq!ia0vp^Vj#@H1|*Mc$*~4fjKx9jPK-BC>eK@{Ea{HEjtmSN
z`?>!lvI6-E$sR$z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD8X6a
z5n0T@z%2~Ij105pNB{*BJY5_^EKVmUNU$zWkZAt@|NnO&j%V!Oa|lRt7o0SHX!u)+
znfY*CPMh=5Z^i}&d(^LA<pj#@@6WNgvJ|9R-am7~0p8`a7Dn(apSRGXjs4I6|Mm$c
ek^M~*Ss14L4&~p<E4UD77lWs(pUXO@geCw5XH<#+

literal 0
HcmV?d00001

diff --git a/Assets/Resources/UIToolkit/Images/icon_down_22.png.meta b/Assets/Resources/UIToolkit/Images/icon_down_22.png.meta
new file mode 100644
index 00000000..d806a855
--- /dev/null
+++ b/Assets/Resources/UIToolkit/Images/icon_down_22.png.meta
@@ -0,0 +1,117 @@
+fileFormatVersion: 2
+guid: 68290a8f5e2d8bc46ad9e1fb9df69ac6
+TextureImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 13
+  mipmaps:
+    mipMapMode: 0
+    enableMipMap: 0
+    sRGBTexture: 1
+    linearTexture: 0
+    fadeOut: 0
+    borderMipMap: 0
+    mipMapsPreserveCoverage: 0
+    alphaTestReferenceValue: 0.5
+    mipMapFadeDistanceStart: 1
+    mipMapFadeDistanceEnd: 3
+  bumpmap:
+    convertToNormalMap: 0
+    externalNormalMap: 0
+    heightScale: 0.25
+    normalMapFilter: 0
+    flipGreenChannel: 0
+  isReadable: 0
+  streamingMipmaps: 0
+  streamingMipmapsPriority: 0
+  vTOnly: 0
+  ignoreMipmapLimit: 0
+  grayScaleToAlpha: 0
+  generateCubemap: 6
+  cubemapConvolution: 0
+  seamlessCubemap: 0
+  textureFormat: 1
+  maxTextureSize: 2048
+  textureSettings:
+    serializedVersion: 2
+    filterMode: 1
+    aniso: 1
+    mipBias: 0
+    wrapU: 1
+    wrapV: 1
+    wrapW: 0
+  nPOTScale: 0
+  lightmap: 0
+  compressionQuality: 50
+  spriteMode: 1
+  spriteExtrude: 1
+  spriteMeshType: 1
+  alignment: 0
+  spritePivot: {x: 0.5, y: 0.5}
+  spritePixelsToUnits: 100
+  spriteBorder: {x: 0, y: 0, z: 0, w: 0}
+  spriteGenerateFallbackPhysicsShape: 1
+  alphaUsage: 1
+  alphaIsTransparency: 1
+  spriteTessellationDetail: -1
+  textureType: 8
+  textureShape: 1
+  singleChannelComponent: 0
+  flipbookRows: 1
+  flipbookColumns: 1
+  maxTextureSizeSet: 0
+  compressionQualitySet: 0
+  textureFormatSet: 0
+  ignorePngGamma: 0
+  applyGammaDecoding: 0
+  swizzle: 50462976
+  cookieLightType: 0
+  platformSettings:
+  - serializedVersion: 4
+    buildTarget: DefaultTexturePlatform
+    maxTextureSize: 32
+    resizeAlgorithm: 0
+    textureFormat: -1
+    textureCompression: 1
+    compressionQuality: 50
+    crunchedCompression: 0
+    allowsAlphaSplitting: 0
+    overridden: 0
+    ignorePlatformSupport: 0
+    androidETC2FallbackOverride: 0
+    forceMaximumCompressionQuality_BC6H_BC7: 0
+  - serializedVersion: 4
+    buildTarget: Standalone
+    maxTextureSize: 2048
+    resizeAlgorithm: 0
+    textureFormat: -1
+    textureCompression: 1
+    compressionQuality: 50
+    crunchedCompression: 0
+    allowsAlphaSplitting: 0
+    overridden: 0
+    ignorePlatformSupport: 0
+    androidETC2FallbackOverride: 0
+    forceMaximumCompressionQuality_BC6H_BC7: 0
+  spriteSheet:
+    serializedVersion: 2
+    sprites: []
+    outline: []
+    customData: 
+    physicsShape: []
+    bones: []
+    spriteID: 5e97eb03825dee720800000000000000
+    internalID: 0
+    vertices: []
+    indices: 
+    edges: []
+    weights: []
+    secondaryTextures: []
+    spriteCustomMetadata:
+      entries: []
+    nameFileIdTable: {}
+  mipmapLimitGroupName: 
+  pSDRemoveMatte: 0
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
diff --git a/Assets/Resources/UIToolkit/Images/icon_eye_22x16.png b/Assets/Resources/UIToolkit/Images/icon_eye_22x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..d0b708122b87c832179edf720451ac9c84818089
GIT binary patch
literal 297
zcmeAS@N?(olHy`uVBq!ia0vp^Vn8gw!3HFS-u9~jDb50q$YKTtZeb8+WSBKa0w~B>
z9OUlAu<o49OCX0O-O<;Pfnj4m_n$;oAb+2yi(^Oy<J+KvyiAG$F+HpSOsY2;qZ-Q=
zsLqkS(4-pCna+Bn@p@xPgR{(;XDT0U<m>V#aq8?obEx42%OM_3FHK7xZi6(b<aM98
z6?U*PSFoRd(tGEmM8e|b2R2Q*ZT$SHv_|0R9S>K=C*71gb~fPRrh{Mo(r0oXWed&z
zZMC`U8&}Rp2ieCtt?n{A%Tjs`&hh_z_I;1iok^^7ZR(GBns#Z`ugIwRm$xS^p_zw$
q-PPWdDI2mjJp3{#cOqx~ab`)rIp*hA70&?rgu&C*&t;ucLK6VRO>Zs$

literal 0
HcmV?d00001

diff --git a/Assets/Resources/UIToolkit/Images/icon_eye_22x16.png.meta b/Assets/Resources/UIToolkit/Images/icon_eye_22x16.png.meta
new file mode 100644
index 00000000..2a1fe028
--- /dev/null
+++ b/Assets/Resources/UIToolkit/Images/icon_eye_22x16.png.meta
@@ -0,0 +1,143 @@
+fileFormatVersion: 2
+guid: e6a78b3026893f24abf05bfd5c515bcf
+TextureImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 13
+  mipmaps:
+    mipMapMode: 0
+    enableMipMap: 0
+    sRGBTexture: 1
+    linearTexture: 0
+    fadeOut: 0
+    borderMipMap: 0
+    mipMapsPreserveCoverage: 0
+    alphaTestReferenceValue: 0.5
+    mipMapFadeDistanceStart: 1
+    mipMapFadeDistanceEnd: 3
+  bumpmap:
+    convertToNormalMap: 0
+    externalNormalMap: 0
+    heightScale: 0.25
+    normalMapFilter: 0
+    flipGreenChannel: 0
+  isReadable: 0
+  streamingMipmaps: 0
+  streamingMipmapsPriority: 0
+  vTOnly: 0
+  ignoreMipmapLimit: 0
+  grayScaleToAlpha: 0
+  generateCubemap: 6
+  cubemapConvolution: 0
+  seamlessCubemap: 0
+  textureFormat: 1
+  maxTextureSize: 2048
+  textureSettings:
+    serializedVersion: 2
+    filterMode: 1
+    aniso: 1
+    mipBias: 0
+    wrapU: 1
+    wrapV: 1
+    wrapW: 0
+  nPOTScale: 0
+  lightmap: 0
+  compressionQuality: 50
+  spriteMode: 1
+  spriteExtrude: 1
+  spriteMeshType: 1
+  alignment: 0
+  spritePivot: {x: 0.5, y: 0.5}
+  spritePixelsToUnits: 100
+  spriteBorder: {x: 0, y: 0, z: 0, w: 0}
+  spriteGenerateFallbackPhysicsShape: 1
+  alphaUsage: 1
+  alphaIsTransparency: 1
+  spriteTessellationDetail: -1
+  textureType: 8
+  textureShape: 1
+  singleChannelComponent: 0
+  flipbookRows: 1
+  flipbookColumns: 1
+  maxTextureSizeSet: 0
+  compressionQualitySet: 0
+  textureFormatSet: 0
+  ignorePngGamma: 0
+  applyGammaDecoding: 0
+  swizzle: 50462976
+  cookieLightType: 0
+  platformSettings:
+  - serializedVersion: 4
+    buildTarget: DefaultTexturePlatform
+    maxTextureSize: 32
+    resizeAlgorithm: 0
+    textureFormat: -1
+    textureCompression: 1
+    compressionQuality: 50
+    crunchedCompression: 0
+    allowsAlphaSplitting: 0
+    overridden: 0
+    ignorePlatformSupport: 0
+    androidETC2FallbackOverride: 0
+    forceMaximumCompressionQuality_BC6H_BC7: 0
+  - serializedVersion: 4
+    buildTarget: Standalone
+    maxTextureSize: 2048
+    resizeAlgorithm: 0
+    textureFormat: -1
+    textureCompression: 1
+    compressionQuality: 50
+    crunchedCompression: 0
+    allowsAlphaSplitting: 0
+    overridden: 0
+    ignorePlatformSupport: 0
+    androidETC2FallbackOverride: 0
+    forceMaximumCompressionQuality_BC6H_BC7: 0
+  - serializedVersion: 4
+    buildTarget: WebGL
+    maxTextureSize: 2048
+    resizeAlgorithm: 0
+    textureFormat: -1
+    textureCompression: 1
+    compressionQuality: 50
+    crunchedCompression: 0
+    allowsAlphaSplitting: 0
+    overridden: 0
+    ignorePlatformSupport: 0
+    androidETC2FallbackOverride: 0
+    forceMaximumCompressionQuality_BC6H_BC7: 0
+  - serializedVersion: 4
+    buildTarget: WindowsStoreApps
+    maxTextureSize: 2048
+    resizeAlgorithm: 0
+    textureFormat: -1
+    textureCompression: 1
+    compressionQuality: 50
+    crunchedCompression: 0
+    allowsAlphaSplitting: 0
+    overridden: 0
+    ignorePlatformSupport: 0
+    androidETC2FallbackOverride: 0
+    forceMaximumCompressionQuality_BC6H_BC7: 0
+  spriteSheet:
+    serializedVersion: 2
+    sprites: []
+    outline: []
+    customData: 
+    physicsShape: []
+    bones: []
+    spriteID: 5e97eb03825dee720800000000000000
+    internalID: 0
+    vertices: []
+    indices: 
+    edges: []
+    weights: []
+    secondaryTextures: []
+    spriteCustomMetadata:
+      entries: []
+    nameFileIdTable: {}
+  mipmapLimitGroupName: 
+  pSDRemoveMatte: 0
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
diff --git a/Assets/Resources/UIToolkit/Images/icon_eye_close_22x16.png b/Assets/Resources/UIToolkit/Images/icon_eye_close_22x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..b375f521793a7f117097fd2e4c772b0faedd8726
GIT binary patch
literal 327
zcmeAS@N?(olHy`uVBq!ia0vp^;y^6O!3HGFip}=|Db50q$YKTtZeb8+WSBKa0w~B>
z9OUlAu<o49OCX0O-O<;Pfnj4m_n$;oApef1i(^Oy<K5su-ev;<+q8t@4OS9D1qL!X
zd<Ps~H~26LX(bA&HCiU{?b`jubf-zm!pt8JRrQw^)PDb!(OK3naLCg`HKB1{q_*Sn
zIfwX-UnKjktKi)@tumeOO!u$64{=#CPn*O`3vT^iIZ<u>8ny_Pbvdu}&dO}`^mWc|
z(EYt+V(|G#*Hpfq-}>m&=DaL9WhsO0Q9SRSFP&TxabfzR?X$Kg9A;AP=kJ)8x@Og@
z=3mNBnXGpnTG+p_<&rV~N4d!BTHigN$K5(`Xk&`?s>vxC+$*|)!~?PNE!H)R!oT%X
UGy7UT0R73}>FVdQ&MBb@01I+{-~a#s

literal 0
HcmV?d00001

diff --git a/Assets/Resources/UIToolkit/Images/icon_eye_close_22x16.png.meta b/Assets/Resources/UIToolkit/Images/icon_eye_close_22x16.png.meta
new file mode 100644
index 00000000..e526d7bb
--- /dev/null
+++ b/Assets/Resources/UIToolkit/Images/icon_eye_close_22x16.png.meta
@@ -0,0 +1,143 @@
+fileFormatVersion: 2
+guid: 98d19f50484d3cf458835c97a645b838
+TextureImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 13
+  mipmaps:
+    mipMapMode: 0
+    enableMipMap: 0
+    sRGBTexture: 1
+    linearTexture: 0
+    fadeOut: 0
+    borderMipMap: 0
+    mipMapsPreserveCoverage: 0
+    alphaTestReferenceValue: 0.5
+    mipMapFadeDistanceStart: 1
+    mipMapFadeDistanceEnd: 3
+  bumpmap:
+    convertToNormalMap: 0
+    externalNormalMap: 0
+    heightScale: 0.25
+    normalMapFilter: 0
+    flipGreenChannel: 0
+  isReadable: 0
+  streamingMipmaps: 0
+  streamingMipmapsPriority: 0
+  vTOnly: 0
+  ignoreMipmapLimit: 0
+  grayScaleToAlpha: 0
+  generateCubemap: 6
+  cubemapConvolution: 0
+  seamlessCubemap: 0
+  textureFormat: 1
+  maxTextureSize: 2048
+  textureSettings:
+    serializedVersion: 2
+    filterMode: 1
+    aniso: 1
+    mipBias: 0
+    wrapU: 1
+    wrapV: 1
+    wrapW: 0
+  nPOTScale: 0
+  lightmap: 0
+  compressionQuality: 50
+  spriteMode: 1
+  spriteExtrude: 1
+  spriteMeshType: 1
+  alignment: 0
+  spritePivot: {x: 0.5, y: 0.5}
+  spritePixelsToUnits: 100
+  spriteBorder: {x: 0, y: 0, z: 0, w: 0}
+  spriteGenerateFallbackPhysicsShape: 1
+  alphaUsage: 1
+  alphaIsTransparency: 1
+  spriteTessellationDetail: -1
+  textureType: 8
+  textureShape: 1
+  singleChannelComponent: 0
+  flipbookRows: 1
+  flipbookColumns: 1
+  maxTextureSizeSet: 0
+  compressionQualitySet: 0
+  textureFormatSet: 0
+  ignorePngGamma: 0
+  applyGammaDecoding: 0
+  swizzle: 50462976
+  cookieLightType: 0
+  platformSettings:
+  - serializedVersion: 4
+    buildTarget: DefaultTexturePlatform
+    maxTextureSize: 32
+    resizeAlgorithm: 0
+    textureFormat: -1
+    textureCompression: 1
+    compressionQuality: 50
+    crunchedCompression: 0
+    allowsAlphaSplitting: 0
+    overridden: 0
+    ignorePlatformSupport: 0
+    androidETC2FallbackOverride: 0
+    forceMaximumCompressionQuality_BC6H_BC7: 0
+  - serializedVersion: 4
+    buildTarget: Standalone
+    maxTextureSize: 2048
+    resizeAlgorithm: 0
+    textureFormat: -1
+    textureCompression: 1
+    compressionQuality: 50
+    crunchedCompression: 0
+    allowsAlphaSplitting: 0
+    overridden: 0
+    ignorePlatformSupport: 0
+    androidETC2FallbackOverride: 0
+    forceMaximumCompressionQuality_BC6H_BC7: 0
+  - serializedVersion: 4
+    buildTarget: WebGL
+    maxTextureSize: 2048
+    resizeAlgorithm: 0
+    textureFormat: -1
+    textureCompression: 1
+    compressionQuality: 50
+    crunchedCompression: 0
+    allowsAlphaSplitting: 0
+    overridden: 0
+    ignorePlatformSupport: 0
+    androidETC2FallbackOverride: 0
+    forceMaximumCompressionQuality_BC6H_BC7: 0
+  - serializedVersion: 4
+    buildTarget: WindowsStoreApps
+    maxTextureSize: 2048
+    resizeAlgorithm: 0
+    textureFormat: -1
+    textureCompression: 1
+    compressionQuality: 50
+    crunchedCompression: 0
+    allowsAlphaSplitting: 0
+    overridden: 0
+    ignorePlatformSupport: 0
+    androidETC2FallbackOverride: 0
+    forceMaximumCompressionQuality_BC6H_BC7: 0
+  spriteSheet:
+    serializedVersion: 2
+    sprites: []
+    outline: []
+    customData: 
+    physicsShape: []
+    bones: []
+    spriteID: 5e97eb03825dee720800000000000000
+    internalID: 0
+    vertices: []
+    indices: 
+    edges: []
+    weights: []
+    secondaryTextures: []
+    spriteCustomMetadata:
+      entries: []
+    nameFileIdTable: {}
+  mipmapLimitGroupName: 
+  pSDRemoveMatte: 0
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
diff --git a/Assets/Resources/UIToolkit/Images/icon_search_16x17.png b/Assets/Resources/UIToolkit/Images/icon_search_16x17.png
deleted file mode 100644
index 96b276f87144cf0a1c88f2069334cdcfd6749567..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 451
zcmV;!0X+VRP)<h;3K|Lk000e1NJLTq000mG000pP1^@s6)UPbW00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0a!^yK~#7Fol?PZ
zgD?=3<l&9@<*6_fkaVC_5;`EM0Mh{_#1+IHm{br~z&I74{PF>^hebvxGBftg9Gs-R
zy*-^cb1cg;J&t1uf51}04SYWgLv@0&fbls<)3nB~V3)0G+ji@33NP89+7=2Fz#Q=-
ztu3|$?jHds*#I4E@)MLEeUMU03n2)@fVp?u5vW$!gF2K<hW!S=w<$r0MVmyRZM<VE
zh62;MgFh3n^KG+Bx9kd`59eI^1T-q@Q?6x4Q6#Mbvmn66)VJT8Z++hvR>9FHsBHWK
z6)Kc$_j8KrQ7s7QhC#ANEWv&N_Ss34G<&G~wDKGOuJ{Z@@;h8RX9QFML5ml;p^q`<
z2fj;^<cnS*i0+u34poKc@RKc|f#Y4*HGc{MJ(HpsN#9Uxoc$8*%++6^qz)3SnM;BT
t%{S~yL#rQg9Md@U<m^VnbaE&de*xn;zY9_yN6i2L002ovPDHLkV1g2PwuArx

diff --git a/Assets/Resources/UIToolkit/Images/icon_search_22x16.png b/Assets/Resources/UIToolkit/Images/icon_search_22x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..73ae457359fd9b3580dfb6239db14e13ccd1ae5f
GIT binary patch
literal 291
zcmeAS@N?(olHy`uVBq!ia0vp^Vn8gw!3HFS-u9~jDb50q$YKTtZeb8+WSBKa0w~B>
z9OUlAu<o49OCX0O-O<;Pfnj4m_n$;oAb*Fai(^Oy<I_nOd7BIb9M=0>;4NV>Yw#^#
zE@isuU~b^|fTM*og~e<F@2lN6_?vSNJnH|bsxSU-2e+-(r|cO!^{t+lwQ#Y|&+0YY
zs?)g8RPN%wCuTQ1v`p52lvycTpsksqEH-i0(d-q|PMTc%&1Nl^wAHdX`iwK{UE_t5
zL%!^Y=quXw+bwxT`lnq#-TqeYwdue6bHz{F*Dsz1AB%rFpF8HHkVL`Zn0=hg{t=!^
jktrFTJ2vm{{=>`95?WU7C(!N#^aF#ZtDnm{r-UW|$1iFc

literal 0
HcmV?d00001

diff --git a/Assets/Resources/UIToolkit/Images/icon_search_22x16.png.meta b/Assets/Resources/UIToolkit/Images/icon_search_22x16.png.meta
new file mode 100644
index 00000000..d383d207
--- /dev/null
+++ b/Assets/Resources/UIToolkit/Images/icon_search_22x16.png.meta
@@ -0,0 +1,143 @@
+fileFormatVersion: 2
+guid: 42ee2462b3dbdc34c8c3aab7aae8c998
+TextureImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 13
+  mipmaps:
+    mipMapMode: 0
+    enableMipMap: 0
+    sRGBTexture: 1
+    linearTexture: 0
+    fadeOut: 0
+    borderMipMap: 0
+    mipMapsPreserveCoverage: 0
+    alphaTestReferenceValue: 0.5
+    mipMapFadeDistanceStart: 1
+    mipMapFadeDistanceEnd: 3
+  bumpmap:
+    convertToNormalMap: 0
+    externalNormalMap: 0
+    heightScale: 0.25
+    normalMapFilter: 0
+    flipGreenChannel: 0
+  isReadable: 0
+  streamingMipmaps: 0
+  streamingMipmapsPriority: 0
+  vTOnly: 0
+  ignoreMipmapLimit: 0
+  grayScaleToAlpha: 0
+  generateCubemap: 6
+  cubemapConvolution: 0
+  seamlessCubemap: 0
+  textureFormat: 1
+  maxTextureSize: 2048
+  textureSettings:
+    serializedVersion: 2
+    filterMode: 1
+    aniso: 1
+    mipBias: 0
+    wrapU: 1
+    wrapV: 1
+    wrapW: 0
+  nPOTScale: 0
+  lightmap: 0
+  compressionQuality: 50
+  spriteMode: 1
+  spriteExtrude: 1
+  spriteMeshType: 1
+  alignment: 0
+  spritePivot: {x: 0.5, y: 0.5}
+  spritePixelsToUnits: 100
+  spriteBorder: {x: 0, y: 0, z: 0, w: 0}
+  spriteGenerateFallbackPhysicsShape: 1
+  alphaUsage: 1
+  alphaIsTransparency: 1
+  spriteTessellationDetail: -1
+  textureType: 8
+  textureShape: 1
+  singleChannelComponent: 0
+  flipbookRows: 1
+  flipbookColumns: 1
+  maxTextureSizeSet: 0
+  compressionQualitySet: 0
+  textureFormatSet: 0
+  ignorePngGamma: 0
+  applyGammaDecoding: 0
+  swizzle: 50462976
+  cookieLightType: 0
+  platformSettings:
+  - serializedVersion: 4
+    buildTarget: DefaultTexturePlatform
+    maxTextureSize: 32
+    resizeAlgorithm: 0
+    textureFormat: -1
+    textureCompression: 1
+    compressionQuality: 50
+    crunchedCompression: 0
+    allowsAlphaSplitting: 0
+    overridden: 0
+    ignorePlatformSupport: 0
+    androidETC2FallbackOverride: 0
+    forceMaximumCompressionQuality_BC6H_BC7: 0
+  - serializedVersion: 4
+    buildTarget: Standalone
+    maxTextureSize: 2048
+    resizeAlgorithm: 0
+    textureFormat: -1
+    textureCompression: 1
+    compressionQuality: 50
+    crunchedCompression: 0
+    allowsAlphaSplitting: 0
+    overridden: 0
+    ignorePlatformSupport: 0
+    androidETC2FallbackOverride: 0
+    forceMaximumCompressionQuality_BC6H_BC7: 0
+  - serializedVersion: 4
+    buildTarget: WebGL
+    maxTextureSize: 2048
+    resizeAlgorithm: 0
+    textureFormat: -1
+    textureCompression: 1
+    compressionQuality: 50
+    crunchedCompression: 0
+    allowsAlphaSplitting: 0
+    overridden: 0
+    ignorePlatformSupport: 0
+    androidETC2FallbackOverride: 0
+    forceMaximumCompressionQuality_BC6H_BC7: 0
+  - serializedVersion: 4
+    buildTarget: WindowsStoreApps
+    maxTextureSize: 2048
+    resizeAlgorithm: 0
+    textureFormat: -1
+    textureCompression: 1
+    compressionQuality: 50
+    crunchedCompression: 0
+    allowsAlphaSplitting: 0
+    overridden: 0
+    ignorePlatformSupport: 0
+    androidETC2FallbackOverride: 0
+    forceMaximumCompressionQuality_BC6H_BC7: 0
+  spriteSheet:
+    serializedVersion: 2
+    sprites: []
+    outline: []
+    customData: 
+    physicsShape: []
+    bones: []
+    spriteID: 5e97eb03825dee720800000000000000
+    internalID: 0
+    vertices: []
+    indices: 
+    edges: []
+    weights: []
+    secondaryTextures: []
+    spriteCustomMetadata:
+      entries: []
+    nameFileIdTable: {}
+  mipmapLimitGroupName: 
+  pSDRemoveMatte: 0
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
diff --git a/Assets/Resources/UIToolkit/Images/icon_setting_22.png b/Assets/Resources/UIToolkit/Images/icon_setting_22.png
new file mode 100644
index 0000000000000000000000000000000000000000..d6b8d6279374cf4e24b9fc37805001e51fa6b8ef
GIT binary patch
literal 401
zcmV;C0dD?@P)<h;3K|Lk000e1NJLTq000&M000*V1^@s659q(100009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0VYXAK~#7F?Ni$g
z!Y~YsnV@XY5xN0o0@whUplkpeFalx(CZJ3J8-xvDgW{tHvZ^$tABdk?I^|_w?D*o`
zV81r`#;K~RT!#slM-jPp#f&0kDG6aSMXJaYg*i`MA7hZOYTGJKij2VinxpSUPNE$z
zz}%ZNknI%-$4ejL+y;QewO3VyI7Weh#LO3FUf8v(-}<IFhlnLWd}lzZI6wg?*|?;-
zH|5)c91YENFRn0jE4J5l9?KX`*G9%CR#69ute_B+F{&85E~Bho$}oFNzH?&M7sVvh
z+&1E6n?@VW1@Sz@(f0H3(@MpITD==W`!V3Nao?KJsAu_}+Rm8ehQBgc6-;8}F9(qu
v<@V0_!RCF=dl5G-LFZ>&o|UY0gZ<r}t?WFZ);@iO00000NkvXXu0mjfM%bp%

literal 0
HcmV?d00001

diff --git a/Assets/Resources/UIToolkit/Images/icon_setting_22.png.meta b/Assets/Resources/UIToolkit/Images/icon_setting_22.png.meta
new file mode 100644
index 00000000..398d8e4a
--- /dev/null
+++ b/Assets/Resources/UIToolkit/Images/icon_setting_22.png.meta
@@ -0,0 +1,143 @@
+fileFormatVersion: 2
+guid: 44dedbf997719db41a2ef719b0b7282f
+TextureImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 13
+  mipmaps:
+    mipMapMode: 0
+    enableMipMap: 0
+    sRGBTexture: 1
+    linearTexture: 0
+    fadeOut: 0
+    borderMipMap: 0
+    mipMapsPreserveCoverage: 0
+    alphaTestReferenceValue: 0.5
+    mipMapFadeDistanceStart: 1
+    mipMapFadeDistanceEnd: 3
+  bumpmap:
+    convertToNormalMap: 0
+    externalNormalMap: 0
+    heightScale: 0.25
+    normalMapFilter: 0
+    flipGreenChannel: 0
+  isReadable: 0
+  streamingMipmaps: 0
+  streamingMipmapsPriority: 0
+  vTOnly: 0
+  ignoreMipmapLimit: 0
+  grayScaleToAlpha: 0
+  generateCubemap: 6
+  cubemapConvolution: 0
+  seamlessCubemap: 0
+  textureFormat: 1
+  maxTextureSize: 2048
+  textureSettings:
+    serializedVersion: 2
+    filterMode: 1
+    aniso: 1
+    mipBias: 0
+    wrapU: 1
+    wrapV: 1
+    wrapW: 0
+  nPOTScale: 0
+  lightmap: 0
+  compressionQuality: 50
+  spriteMode: 1
+  spriteExtrude: 1
+  spriteMeshType: 1
+  alignment: 0
+  spritePivot: {x: 0.5, y: 0.5}
+  spritePixelsToUnits: 100
+  spriteBorder: {x: 0, y: 0, z: 0, w: 0}
+  spriteGenerateFallbackPhysicsShape: 1
+  alphaUsage: 1
+  alphaIsTransparency: 1
+  spriteTessellationDetail: -1
+  textureType: 8
+  textureShape: 1
+  singleChannelComponent: 0
+  flipbookRows: 1
+  flipbookColumns: 1
+  maxTextureSizeSet: 0
+  compressionQualitySet: 0
+  textureFormatSet: 0
+  ignorePngGamma: 0
+  applyGammaDecoding: 0
+  swizzle: 50462976
+  cookieLightType: 0
+  platformSettings:
+  - serializedVersion: 4
+    buildTarget: DefaultTexturePlatform
+    maxTextureSize: 32
+    resizeAlgorithm: 0
+    textureFormat: -1
+    textureCompression: 1
+    compressionQuality: 50
+    crunchedCompression: 0
+    allowsAlphaSplitting: 0
+    overridden: 0
+    ignorePlatformSupport: 0
+    androidETC2FallbackOverride: 0
+    forceMaximumCompressionQuality_BC6H_BC7: 0
+  - serializedVersion: 4
+    buildTarget: Standalone
+    maxTextureSize: 2048
+    resizeAlgorithm: 0
+    textureFormat: -1
+    textureCompression: 1
+    compressionQuality: 50
+    crunchedCompression: 0
+    allowsAlphaSplitting: 0
+    overridden: 0
+    ignorePlatformSupport: 0
+    androidETC2FallbackOverride: 0
+    forceMaximumCompressionQuality_BC6H_BC7: 0
+  - serializedVersion: 4
+    buildTarget: WebGL
+    maxTextureSize: 2048
+    resizeAlgorithm: 0
+    textureFormat: -1
+    textureCompression: 1
+    compressionQuality: 50
+    crunchedCompression: 0
+    allowsAlphaSplitting: 0
+    overridden: 0
+    ignorePlatformSupport: 0
+    androidETC2FallbackOverride: 0
+    forceMaximumCompressionQuality_BC6H_BC7: 0
+  - serializedVersion: 4
+    buildTarget: WindowsStoreApps
+    maxTextureSize: 2048
+    resizeAlgorithm: 0
+    textureFormat: -1
+    textureCompression: 1
+    compressionQuality: 50
+    crunchedCompression: 0
+    allowsAlphaSplitting: 0
+    overridden: 0
+    ignorePlatformSupport: 0
+    androidETC2FallbackOverride: 0
+    forceMaximumCompressionQuality_BC6H_BC7: 0
+  spriteSheet:
+    serializedVersion: 2
+    sprites: []
+    outline: []
+    customData: 
+    physicsShape: []
+    bones: []
+    spriteID: 5e97eb03825dee720800000000000000
+    internalID: 0
+    vertices: []
+    indices: 
+    edges: []
+    weights: []
+    secondaryTextures: []
+    spriteCustomMetadata:
+      entries: []
+    nameFileIdTable: {}
+  mipmapLimitGroupName: 
+  pSDRemoveMatte: 0
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
diff --git a/Assets/Resources/UIToolkit/List/UTKComponentList.uss b/Assets/Resources/UIToolkit/List/UTKComponentList.uss
new file mode 100644
index 00000000..e1422931
--- /dev/null
+++ b/Assets/Resources/UIToolkit/List/UTKComponentList.uss
@@ -0,0 +1,45 @@
+.tree-menu-container {
+    background-color: rgb(37, 37, 38);
+    align-self: stretch;
+    padding: 5px;
+    padding-top: 0;
+    padding-right: 0;
+    padding-bottom: 0;
+    padding-left: 0;
+    flex-grow: 1;
+}
+
+.search-field {
+    margin-bottom: 20px;
+}
+
+#unity-checkmark {
+    background-image: resource('UIToolkit/Images/icon_down_22');
+}
+
+.visibility-toggle {
+    background-color: rgba(0, 0, 0, 0);
+    border-width: 0;
+    width: 16px;
+    height: 16px;
+    margin-top: 0;
+    margin-bottom: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+    margin-right: 0;
+    align-items: center;
+    justify-content: center;
+    padding-right: 0;
+    padding-left: 0;
+    margin-left: 0;
+    flex-shrink: 0;
+    background-image: resource('UIToolkit/Images/icon_eye_22x16');
+}
+
+.visibility-on {
+    background-image: resource('UIToolkit/Images/icon_eye_22x16');
+}
+
+.visibility-off {
+    background-image: resource('UIToolkit/Images/icon_eye_close_22x16');
+}
diff --git a/Assets/Resources/UIToolkit/List/UTKComponentList.uss.meta b/Assets/Resources/UIToolkit/List/UTKComponentList.uss.meta
new file mode 100644
index 00000000..b3c38bcb
--- /dev/null
+++ b/Assets/Resources/UIToolkit/List/UTKComponentList.uss.meta
@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: 71cac0276293ce2479851f572ffbda27
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 12385, guid: 0000000000000000e000000000000000, type: 0}
+  disableValidation: 0
diff --git a/Assets/Resources/UIToolkit/List/UTKComponentList.uxml b/Assets/Resources/UIToolkit/List/UTKComponentList.uxml
new file mode 100644
index 00000000..77064fcc
--- /dev/null
+++ b/Assets/Resources/UIToolkit/List/UTKComponentList.uxml
@@ -0,0 +1,9 @@
+<ui:UXML xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" noNamespaceSchemaLocation="../../../../../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">
+    <Style src="project://database/Assets/Resources/UIToolkit/List/UTKComponentList.uss?fileID=7433441132597879392&amp;guid=71cac0276293ce2479851f572ffbda27&amp;type=3#UTKComponentList" />
+    <ui:VisualElement name="container" class="tree-menu-container">
+        <ui:TextField name="search-field" placeholder-text="검색" class="search-field" style="height: 24px; margin-bottom: 12px;">
+            <ui:Button name="clear-btn" style="width: 16px; height: 16px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; background-color: rgba(255, 255, 255, 0); background-image: resource(&apos;UIToolkit/Images/btn_close_16&apos;); margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; align-self: center; position: absolute; right: 4px; -unity-background-image-tint-color: rgb(180, 180, 180);" />
+        </ui:TextField>
+        <ui:TreeView name="main-tree-view" view-data-key="model-tree-view" fixed-item-height="18" auto-expand="false" horizontal-scrolling="true" selection-type="Multiple" style="flex-grow: 1;" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Assets/Resources/UIToolkit/List/UTKComponentList.uxml.meta b/Assets/Resources/UIToolkit/List/UTKComponentList.uxml.meta
new file mode 100644
index 00000000..d180a86a
--- /dev/null
+++ b/Assets/Resources/UIToolkit/List/UTKComponentList.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: 0a221099d1761a543bfbbb334d020885
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
diff --git a/Assets/Resources/UIToolkit/List/UTKComponentListGroupItem.uxml b/Assets/Resources/UIToolkit/List/UTKComponentListGroupItem.uxml
new file mode 100644
index 00000000..56d9df77
--- /dev/null
+++ b/Assets/Resources/UIToolkit/List/UTKComponentListGroupItem.uxml
@@ -0,0 +1,8 @@
+<ui:UXML xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" noNamespaceSchemaLocation="../../../../../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">
+    <Style src="project://database/Assets/Resources/UIToolkit/Window/UTKComponentListWindow.uss?fileID=7433441132597879392&amp;guid=3df97248d26591046ab077258a2e2e44&amp;type=3#UTKComponentListWindow" />
+    <ui:VisualElement name="item-root" class="tree-item-container" style="flex-direction: row; justify-content: space-between; height: 22px; padding-left: 0; padding-right: 8px; align-items: center; padding-top: 0; padding-bottom: 0;">
+        <ui:Label name="item-label" text="Item Name" class="item-label-style" style="flex-grow: 1; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-left: 4px; padding-top: 0; padding-bottom: 0; padding-right: 4px; color: rgb(204, 204, 204); font-size: 11px; -unity-font-definition: resource(&apos;Fonts/Pretendard/Pretendard-Bold&apos;); -unity-text-align: middle-left; height: 22px;" />
+        <ui:Button name="setting-btn" class="visibility-toggle" style="background-image: resource(&apos;UIToolkit/Images/icon_setting_22&apos;); -unity-text-align: middle-right; width: 22px; height: 22px;" />
+        <ui:Label name="badge-label" text="0" class="item-label-style" style="flex-grow: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-left: 4px; padding-top: 0; padding-bottom: 0; padding-right: 4px; color: rgb(255, 255, 255); font-size: 9px; -unity-font-definition: resource(&apos;Fonts/Pretendard/Pretendard-Medium&apos;); min-width: 18px; height: 18px; -unity-text-align: middle-center; align-items: center; border-top-left-radius: 9px; border-top-right-radius: 9px; border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; background-color: rgb(69, 69, 69);" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Assets/Resources/UIToolkit/List/UTKComponentListGroupItem.uxml.meta b/Assets/Resources/UIToolkit/List/UTKComponentListGroupItem.uxml.meta
new file mode 100644
index 00000000..ace62304
--- /dev/null
+++ b/Assets/Resources/UIToolkit/List/UTKComponentListGroupItem.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: 4949994f0313f02459e91ec4e4144a9d
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
diff --git a/Assets/Resources/UIToolkit/List/UTKComponentListItem.uxml b/Assets/Resources/UIToolkit/List/UTKComponentListItem.uxml
new file mode 100644
index 00000000..755d3c40
--- /dev/null
+++ b/Assets/Resources/UIToolkit/List/UTKComponentListItem.uxml
@@ -0,0 +1,8 @@
+<ui:UXML xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" noNamespaceSchemaLocation="../../../../../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">
+    <Style src="project://database/Assets/Resources/UIToolkit/Window/UTKComponentListWindow.uss?fileID=7433441132597879392&amp;guid=3df97248d26591046ab077258a2e2e44&amp;type=3#UTKComponentListWindow" />
+    <ui:VisualElement name="item-root" class="tree-item-container" style="flex-direction: row; justify-content: space-between; height: 22px; padding-left: 0; padding-right: 8px; align-items: center; padding-top: 0; padding-bottom: 0;">
+        <ui:Label name="item-label" text="Item Name" class="item-label-style" style="flex-grow: 1; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-left: 4px; padding-top: 0; padding-bottom: 0; padding-right: 4px; color: rgb(204, 204, 204); font-size: 13px; -unity-font-definition: resource(&apos;Fonts/Pretendard/Pretendard-Medium&apos;); -unity-text-align: middle-left;" />
+        <ui:Button name="search-btn" class="visibility-toggle" style="width: 22px; background-image: resource(&apos;UIToolkit/Images/icon_search_22x16&apos;);" />
+        <ui:Button name="visibility-btn" class="visibility-toggle" style="width: 22px;" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Assets/Resources/UIToolkit/List/UTKComponentListItem.uxml.meta b/Assets/Resources/UIToolkit/List/UTKComponentListItem.uxml.meta
new file mode 100644
index 00000000..7f0f8978
--- /dev/null
+++ b/Assets/Resources/UIToolkit/List/UTKComponentListItem.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: ebc2d9ee974683b4794dc4b6e4c30ac0
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
diff --git a/Assets/Resources/UIToolkit/List/UTKTreeListItem.uxml b/Assets/Resources/UIToolkit/List/UTKTreeListItem.uxml
index 4c708edf..1902b140 100644
--- a/Assets/Resources/UIToolkit/List/UTKTreeListItem.uxml
+++ b/Assets/Resources/UIToolkit/List/UTKTreeListItem.uxml
@@ -2,6 +2,6 @@
     <Style src="project://database/Assets/Resources/UIToolkit/Window/UTKTreeListWindow.uss?fileID=7433441132597879392&amp;guid=b0076250b40d2ac45ab1bff4cd47920c&amp;type=3#UTKTreeListWindow" />
     <ui:VisualElement name="item-root" class="tree-item-container" style="flex-direction: row; justify-content: space-between; height: 18px; padding-left: 0; padding-right: 8px; align-items: center;">
         <ui:Label name="item-label" text="Item Name" class="item-label-style" style="flex-grow: 1; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-left: 4px; padding-top: 0; padding-bottom: 0; padding-right: 4px; color: rgb(204, 204, 204); font-size: 11px; -unity-font-definition: resource(&apos;Fonts/Pretendard/Pretendard-Bold&apos;);" />
-        <ui:Button name="visibility-btn" class="visibility-toggle" />
+        <ui:Button name="visibility-btn" class="visibility-toggle" style="width: 22px;" />
     </ui:VisualElement>
 </ui:UXML>
diff --git a/Assets/Resources/UIToolkit/Settings/UTKDefaultStyle.uss b/Assets/Resources/UIToolkit/Settings/UTKDefaultStyle.uss
index 64ed48e4..20a6f1d4 100644
--- a/Assets/Resources/UIToolkit/Settings/UTKDefaultStyle.uss
+++ b/Assets/Resources/UIToolkit/Settings/UTKDefaultStyle.uss
@@ -27,6 +27,21 @@
     /* 스크롤바 트래커(배경) 색상 변수 (코드에서 참조) */
     --scroller-tracker-normal: rgba(0, 0, 0, 0);
     --scroller-tracker-hover: rgba(26, 26, 26, 0);
+    
+    /* 일반 항목의 기본 배경색 #252526 */
+    --collection-item: rgba(37, 37, 38, 0);
+
+    /* 마우스 오버 시 배경색 변경 */
+    --collection-item-hover: #333333;
+
+    /* 선택된 항목의 배경색 */
+    --collection-item-selected: #0E639C;
+
+    /* 선택된 항목에 마우스 오버 시 배경색*/
+    --collection-item-selected-hover: #1176b9;
+
+    /* TreeView 들여쓰기 폭 설정 */
+    --unity-item-indent-width: 0px;
  }
 
 /* ===================================
@@ -56,28 +71,83 @@ TreeView 항목 스타일
 
 /* TreeView 펼치기/접기 화살표 토글 - 우측 여백 추가 */
 .unity-tree-view__item-toggle {
-    margin-right: 5px;
+    margin-right: 0px;
+}
+
+#unity-checkmark {
+    -unity-background-image-tint-color: rgb(255, 255, 255);
+}
+
+#unity-tree-view__item-toggle > VisualElement > VisualElement {
+    margin-left: 0;
+    margin-right: 0;
+    width: 22px;
+}
+
+/* ===================================
+Textfield 항목 스타일
+=================================== */
+
+.unity-base-text-field {
+    border-radius: 4px;
+    height: 24px;
+    width: auto;
+    margin-top: 0;
+    margin-right: 0;
+    margin-left: 0;
+    -unity-font-definition: resource('Fonts/Pretendard/Pretendard-Medium');
+    /* --unity-selection-color: rgba(54, 98, 160, 0.651);  선택 색상 */
+    --unity-cursor-color: rgb(255, 255, 255);  /* 캐럿(커서) 색상 흰색 */
+    font-size: 13px;
+    color: rgb(204, 204, 204);
+}
+
+ .unity-base-text-field__input {
+    padding-top: 4px;
+    padding-right: 24px;
+    padding-bottom: 4px;
+    padding-left: 4px;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+    border-top-width: 0;
+    border-right-width: 0;
+    border-bottom-width: 0;
+    border-left-width: 0;
+    background-color: rgb(60, 60, 60);
+}
+
+.unity-base-text-field__input--placeholder {
+    -unity-font-style: italic;
 }
 
 
 /* ===================================
 컬렉션 뷰 항목 스타일
 - ListView, TreeView 등 컬렉션 뷰의 항목 상태별 스타일
+- Unity 기본 테마 (.unity-collection-view:focus:enabled .unity-collection-view__item--selected)를
+  덮어쓰기 위해 동일하거나 더 높은 specificity 사용
 =================================== */
 
-/* 기본 상태 - 투명 배경 */
+/* 일반 항목의 기본 배경색 */
 .unity-collection-view__item {
-    background-color: rgba(50, 50, 50, 0);
+    background-color: var(--collection-item);
 }
 
-/* 호버 상태 - 반투명 어두운 파란색 배경 */
-.unity-collection-view__item:hover {
-    background-color: rgba(0, 10, 37, 0.25);
+/* 마우스 오버 시 배경색 변경 - :hover:enabled를 더 높은 specificity로 덮어씀 */
+.unity-collection-view__item:hover:enabled {
+    background-color: var(--collection-item-hover);
 }
 
-/* 선택 상태 - 더 진한 반투명 어두운 파란색 배경 */
-.unity-collection-view__item--selected {
-    background-color: rgba(0, 10, 37, 0.5);
+/* 선택된 항목의 배경색 - Unity 기본 테마의 :focus:enabled 셀렉터를 덮어씀 */
+.unity-collection-view:focus:enabled .unity-collection-view__item--selected {
+    background-color: var(--collection-item-selected);
+}
+
+/* 선택된 항목에 마우스 오버 시 배경색 - :hover:enabled를 더 높은 specificity로 덮어씀 */
+.unity-collection-view:focus:enabled .unity-collection-view__item--selected:hover:enabled {
+    background-color: var(--collection-item-selected-hover);
 }
 
 
@@ -200,3 +270,5 @@ SetupDraggerEvents() 메서드처럼 코드로 MouseEnterEvent/MouseLeaveEvent 
     height: 6px;
     min-height: 6px;
 }
+
+
diff --git a/Assets/Resources/UIToolkit/Window/UTKComponentListWindow.uss b/Assets/Resources/UIToolkit/Window/UTKComponentListWindow.uss
new file mode 100644
index 00000000..a7b7c289
--- /dev/null
+++ b/Assets/Resources/UIToolkit/Window/UTKComponentListWindow.uss
@@ -0,0 +1,59 @@
+UTKComponentListWindow {
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+}
+
+UTKComponentTabListWindow {
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 400;
+    bottom: 0;
+}
+
+.container {
+    background-color: rgb(37, 37, 38);
+    height: 100%;
+    align-self: flex-start;
+    padding: 5px;
+    padding-top: 10px;
+    padding-bottom: 25px;
+    padding-left: 20px;
+    padding-right: 20px;
+    width: 300px;
+}
+
+
+.tab-button {
+    background-color: #1E1E1E;
+    border-width: 0;
+    border-radius: 0px;
+    padding-left: 12px;
+    padding-right: 12px;
+    padding-top: 4px;
+    padding-bottom: 4px;
+    margin-right: 1px;
+    margin-left: 0;
+    margin-top: 0;
+    margin-bottom: 0;
+    color: #A0A0A0;
+    font-size: 11px;
+    -unity-font-definition: resource('Fonts/Pretendard/Pretendard-Medium');
+    flex-shrink: 0;
+}
+
+.tab-button:hover {
+    background-color: #292929;
+}
+
+.tab-button-selected {
+    background-color: #303031;
+    color: rgb(255, 255, 255);
+}
+
+.tab-button-selected:hover {
+    background-color: #3A3D41;
+}
\ No newline at end of file
diff --git a/Assets/Resources/UIToolkit/Window/UTKComponentListWindow.uss.meta b/Assets/Resources/UIToolkit/Window/UTKComponentListWindow.uss.meta
new file mode 100644
index 00000000..b712cdfd
--- /dev/null
+++ b/Assets/Resources/UIToolkit/Window/UTKComponentListWindow.uss.meta
@@ -0,0 +1,11 @@
+fileFormatVersion: 2
+guid: 3df97248d26591046ab077258a2e2e44
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 12385, guid: 0000000000000000e000000000000000, type: 0}
+  disableValidation: 0
diff --git a/Assets/Resources/UIToolkit/Window/UTKComponentListWindow.uxml b/Assets/Resources/UIToolkit/Window/UTKComponentListWindow.uxml
new file mode 100644
index 00000000..f94b04dc
--- /dev/null
+++ b/Assets/Resources/UIToolkit/Window/UTKComponentListWindow.uxml
@@ -0,0 +1,10 @@
+<ui:UXML xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" xmlns:uvc="UVC.UIToolkit.List" noNamespaceSchemaLocation="../../../../../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">
+    <Style src="project://database/Assets/Resources/UIToolkit/Window/UTKComponentListWindow.uss?fileID=7433441132597879392&amp;guid=3df97248d26591046ab077258a2e2e44&amp;type=3#UTKComponentListWindow" />
+    <ui:VisualElement name="container" class="container" style="flex-grow: 1; flex-shrink: 0;">
+        <ui:VisualElement name="header" style="flex-direction: row; margin-bottom: 5px; justify-content: space-between; margin-top: 0;">
+            <ui:Label text="EXPLORER" style="color: rgb(204, 204, 204); -unity-font-style: normal; font-size: 11px; -unity-font-definition: resource(&apos;Fonts/Pretendard/Pretendard-Medium&apos;); margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; height: 24px; -unity-text-align: middle-left;" />
+            <ui:Button name="close-btn" style="width: 22px; height: 22px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; background-color: rgba(188, 188, 188, 0); background-image: resource(&apos;UIToolkit/Images/btn_close_22&apos;); align-self: center; align-items: auto; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; display: none;" />
+        </ui:VisualElement>
+        <uvc:UTKComponentList />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Assets/Resources/UIToolkit/Window/UTKComponentListWindow.uxml.meta b/Assets/Resources/UIToolkit/Window/UTKComponentListWindow.uxml.meta
new file mode 100644
index 00000000..daa66746
--- /dev/null
+++ b/Assets/Resources/UIToolkit/Window/UTKComponentListWindow.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: 253ecad9e87e85f418cd7f91fd213bc0
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
diff --git a/Assets/Resources/UIToolkit/Window/UTKComponentTabListWindow.uxml b/Assets/Resources/UIToolkit/Window/UTKComponentTabListWindow.uxml
new file mode 100644
index 00000000..a0b0cc85
--- /dev/null
+++ b/Assets/Resources/UIToolkit/Window/UTKComponentTabListWindow.uxml
@@ -0,0 +1,13 @@
+<ui:UXML xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" xmlns:uvc="UVC.UIToolkit.List" noNamespaceSchemaLocation="../../../../../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">
+    <Style src="project://database/Assets/Resources/UIToolkit/Window/UTKComponentListWindow.uss?fileID=7433441132597879392&amp;guid=3df97248d26591046ab077258a2e2e44&amp;type=3#UTKComponentListWindow" />
+    <ui:VisualElement name="container" class="container" style="flex-grow: 1; flex-shrink: 0;">
+        <ui:VisualElement name="header" style="flex-direction: row; margin-bottom: 5px; justify-content: space-between; margin-top: 0;">
+            <ui:Label text="EXPLORER" style="color: rgb(204, 204, 204); -unity-font-style: normal; font-size: 11px; -unity-font-definition: resource(&apos;Fonts/Pretendard/Pretendard-Medium&apos;); margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; height: 24px; -unity-text-align: middle-left;" />
+            <ui:Button name="close-btn" style="width: 22px; height: 22px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; background-color: rgba(188, 188, 188, 0); background-image: resource(&apos;UIToolkit/Images/btn_close_22&apos;); align-self: center; align-items: auto; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; display: none;" />
+        </ui:VisualElement>
+        <ui:ScrollView name="tab-scroll-view" mode="Horizontal" horizontal-scroller-visibility="Hidden" vertical-scroller-visibility="Hidden" style="flex-shrink: 0; margin-bottom: 8px; max-height: 28px;">
+            <ui:VisualElement name="tab-container" style="flex-direction: row; flex-shrink: 0;" />
+        </ui:ScrollView>
+        <uvc:UTKComponentList style="flex-grow: 1; width: 100%;" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/Assets/Resources/UIToolkit/Window/UTKComponentTabListWindow.uxml.meta b/Assets/Resources/UIToolkit/Window/UTKComponentTabListWindow.uxml.meta
new file mode 100644
index 00000000..133bd3b7
--- /dev/null
+++ b/Assets/Resources/UIToolkit/Window/UTKComponentTabListWindow.uxml.meta
@@ -0,0 +1,10 @@
+fileFormatVersion: 2
+guid: 0520c39e010a25140b8c514372d164f8
+ScriptedImporter:
+  internalIDToNameTable: []
+  externalObjects: {}
+  serializedVersion: 2
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
+  script: {fileID: 13804, guid: 0000000000000000e000000000000000, type: 0}
diff --git a/Assets/Resources/UIToolkit/Window/UTKTreeListWindow.uss b/Assets/Resources/UIToolkit/Window/UTKTreeListWindow.uss
index cee17482..f6632a17 100644
--- a/Assets/Resources/UIToolkit/Window/UTKTreeListWindow.uss
+++ b/Assets/Resources/UIToolkit/Window/UTKTreeListWindow.uss
@@ -20,55 +20,8 @@ UTKTreeListWindow {
 
 .search-field {
     margin-bottom: 20px;
-    background-color: rgb(255, 255, 255);
-    border-radius: 4px;
-    height: 24px;
-    width: auto;
-    margin-top: 0;
-    margin-right: 0;
-    margin-left: 0;
-    
 }
 
-#search-field > #unity-text-input {
-    padding-top: 4px;
-    padding-right: 24px;
-    padding-bottom: 4px;
-    padding-left: 4px;
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
-    border-top-width: 0;
-    border-right-width: 0;
-    border-bottom-width: 0;
-    border-left-width: 0;
-    background-color: rgb(60, 60, 60);
-    font-size: 13px;
-    color: rgb(204, 204, 204);
-    -unity-font-definition: resource('Fonts/Pretendard/Pretendard-Medium');
-    --unity-cursor-color: rgb(255, 255, 255);  /* 캐럿(커서) 색상 흰색 */
-    
-}
-
-#search-field .unity-base-text-field__input--placeholder {
-    -unity-font-style: italic;
-}
-
-#unity-checkmark {
-    -unity-background-image-tint-color: rgb(255, 255, 255);
-}
-
-#main-tree-view {
-    /* 들여쓰기 폭 설정 */
-    --unity-item-indent-width: 10;
-}
-
-#unity-tree-view__item-toggle > VisualElement > VisualElement {
-    margin-left: 0;
-    margin-right: 0;
-    width: 22px;
-}
 
 .visibility-toggle {
     background-color: rgba(0, 0, 0, 0);
@@ -86,15 +39,15 @@ UTKTreeListWindow {
     padding-left: 0;
     margin-left: 0;
     flex-shrink: 0;
-    background-image: resource('SHI/Images/icon_visibility_on_64');
+    background-image: resource('UIToolkit/Images/icon_eye_22x16');
 }
 
 .visibility-on {
-    background-image: resource('SHI/Images/icon_visibility_on_64');
+    background-image: resource('UIToolkit/Images/icon_eye_22x16');
 }
 
 .visibility-off {
-    background-image: resource('SHI/Images/icon_visibility_off_64');
+    background-image: resource('UIToolkit/Images/icon_eye_close_22x16');
 }
 
 
diff --git a/Assets/Sample/UIToolkit/UTKComponentListWindowSample.cs b/Assets/Sample/UIToolkit/UTKComponentListWindowSample.cs
new file mode 100644
index 00000000..93f9244f
--- /dev/null
+++ b/Assets/Sample/UIToolkit/UTKComponentListWindowSample.cs
@@ -0,0 +1,225 @@
+using System.Collections.Generic;
+using UnityEngine;
+using UnityEngine.UIElements;
+using UVC.UIToolkit.List;
+using UVC.UIToolkit.Window;
+
+/// <summary>
+/// UTKComponentListWindow와 UTKComponentTabListWindow의 기능을 테스트하기 위한 샘플 MonoBehaviour입니다.
+/// 계층적 트리 데이터를 생성하고 다양한 이벤트 핸들러를 등록하여 동작을 확인합니다.
+/// </summary>
+public class UTKComponentListWindowSample : MonoBehaviour
+{
+    [SerializeField]
+    public UIDocument uiDocument;
+
+    
+
+    private UTKComponentListWindow listWindow;
+    private UTKComponentTabListWindow tabListWindow;
+
+    void Start()
+    {
+        uiDocument ??= GetComponent<UIDocument>();
+
+        
+            // UTKComponentTabListWindow 사용 (탭 기능 포함)
+            tabListWindow = new UTKComponentTabListWindow();
+            tabListWindow.style.marginLeft = 500;
+            uiDocument.rootVisualElement.Add(tabListWindow);
+
+            // 테스트용 계층적 트리 데이터 생성
+            CreateTabListTestData();
+
+            // 이벤트 핸들러 등록
+            RegisterTabListEventHandlers();
+        
+            // UTKComponentListWindow 사용 (기본)
+            listWindow = new UTKComponentListWindow();
+            uiDocument.rootVisualElement.Add(listWindow);
+
+            // 테스트용 계층적 트리 데이터 생성
+            CreateTestData();
+
+            // 이벤트 핸들러 등록
+            RegisterEventHandlers();
+        
+    }
+
+    /// <summary>
+    /// 테스트용 계층적 트리 데이터를 생성합니다.
+    /// 10개의 루트 항목을 생성하고, 각 루트에 5개의 자식,
+    /// 각 자식에 3개의 손자, 각 손자에 2개의 증손자를 추가합니다.
+    /// </summary>
+    private void CreateTestData()
+    {
+        var data = new List<UTKComponentListItemData>();
+        for (int i = 1; i <= 5; i++)
+        {
+            string categoryName = $"Category {i}";
+            UTKComponentListItemData categoryData = new UTKComponentListItemData { name = categoryName };
+            
+            for (int j = 1; j <= 20; j++)
+            {
+                var itemData = new UTKComponentListItemData
+                {
+                    name = $"Item {i}-{j}",
+                    option = $"Option {j}"
+                };
+                categoryData.Add(itemData);
+            }
+            data.Add(categoryData);
+        }
+        listWindow.SetData(data);
+
+        Debug.Log("[UTKComponentListWindowSample] 테스트 데이터 생성 완료: 5개 루트 항목");
+    }
+
+    /// <summary>
+    /// UTKComponentListWindow의 이벤트 핸들러들을 등록합니다.
+    /// 선택, 선택 해제, 삭제, 더블클릭, 가시성 변경 이벤트를 처리합니다.
+    /// </summary>
+    private void RegisterEventHandlers()
+    {
+        // 항목 선택 이벤트 (다중 선택 지원)
+        // 사용자가 항목을 클릭하거나 SelectItem() 호출 시 발생
+        listWindow.OnItemSelected += (List<UTKComponentListItemData> selectedItems) =>
+        {
+            foreach (var item in selectedItems)
+            {
+                Debug.Log($"[선택됨] {item.name}");
+            }
+        };
+
+        // 항목 선택 해제 이벤트 (다중 선택 지원)
+        // 사용자가 다른 항목을 선택하거나 DeselectItem() 호출 시 발생
+        listWindow.OnItemDeselected += (List<UTKComponentListItemData> deselectedItems) =>
+        {
+            foreach (var item in deselectedItems)
+            {
+                Debug.Log($"[선택 해제됨] {item.name}");
+            }
+        };
+
+        // 항목 삭제 이벤트
+        // 사용자가 Delete 또는 Backspace 키를 누를 때 발생
+        // 실제 삭제는 이 핸들러에서 DeleteItem()을 호출하여 수행
+        listWindow.OnItemDeleted += (UTKComponentListItemData deletedItem) =>
+        {
+            Debug.Log($"[삭제 요청] {deletedItem.name}");
+            // 실제로 항목을 삭제하려면 아래 주석을 해제하세요:
+            // treeListWindow.DeleteItem(deletedItem);
+        };
+
+        // 항목 더블클릭 이벤트
+        // 사용자가 항목을 더블클릭하거나 Enter 키를 누를 때 발생
+        listWindow.OnItemDoubleClicked += (UTKComponentListItemData doubleClickedItem) =>
+        {
+            Debug.Log($"[더블클릭] {doubleClickedItem.name}");
+        };
+
+        // 항목 가시성 변경 이벤트
+        // 사용자가 눈 아이콘 버튼을 클릭하여 가시성을 토글할 때 발생
+        listWindow.OnItemVisibilityChanged += (UTKComponentListItemData item, bool isVisible) =>
+        {
+            Debug.Log($"[가시성 변경] {item.name}, IsVisible: {isVisible}");
+        };
+
+        // 아이콘 클릭 이벤트
+        // 그룹 항목의 setting-btn 등 아이콘 버튼 클릭 시 발생
+        listWindow.OnItemIconClicked += (string iconName, UTKComponentListItemData item) =>
+        {
+            Debug.Log($"[아이콘 클릭] {iconName}, Item: {item.name}");
+        };
+
+        Debug.Log("[UTKComponentListWindowSample] 이벤트 핸들러 등록 완료");
+    }
+
+    /// <summary>
+    /// UTKComponentTabListWindow용 테스트 데이터를 생성합니다.
+    /// 5개의 카테고리(탭)를 생성하고, 각 카테고리에 20개의 자식 항목을 추가합니다.
+    /// </summary>
+    private void CreateTabListTestData()
+    {
+        var data = new List<UTKComponentListItemData>();
+        for (int i = 1; i <= 5; i++)
+        {
+            string categoryName = $"Category {i}";
+            UTKComponentListItemData categoryData = new UTKComponentListItemData { name = categoryName };
+
+            for (int j = 1; j <= 20; j++)
+            {
+                var itemData = new UTKComponentListItemData
+                {
+                    name = $"Item {i}-{j}",
+                    option = $"Option {j}"
+                };
+                categoryData.Add(itemData);
+            }
+            data.Add(categoryData);
+        }
+        tabListWindow.SetData(data);
+
+        Debug.Log("[UTKComponentListWindowSample] TabList 테스트 데이터 생성 완료: 5개 카테고리 (탭으로 표시됨)");
+    }
+
+    /// <summary>
+    /// UTKComponentTabListWindow의 이벤트 핸들러들을 등록합니다.
+    /// </summary>
+    private void RegisterTabListEventHandlers()
+    {
+        // 항목 선택 이벤트 (다중 선택 지원)
+        tabListWindow.OnItemSelected += (List<UTKComponentListItemData> selectedItems) =>
+        {
+            foreach (var item in selectedItems)
+            {
+                Debug.Log($"[TabList 선택됨] {item.name}");
+            }
+        };
+
+        // 항목 선택 해제 이벤트 (다중 선택 지원)
+        tabListWindow.OnItemDeselected += (List<UTKComponentListItemData> deselectedItems) =>
+        {
+            foreach (var item in deselectedItems)
+            {
+                Debug.Log($"[TabList 선택 해제됨] {item.name}");
+            }
+        };
+
+        // 항목 삭제 이벤트
+        tabListWindow.OnItemDeleted += (UTKComponentListItemData deletedItem) =>
+        {
+            Debug.Log($"[TabList 삭제 요청] {deletedItem.name}");
+        };
+
+        // 항목 더블클릭 이벤트
+        tabListWindow.OnItemDoubleClicked += (UTKComponentListItemData doubleClickedItem) =>
+        {
+            Debug.Log($"[TabList 더블클릭] {doubleClickedItem.name}");
+        };
+
+        // 항목 가시성 변경 이벤트
+        tabListWindow.OnItemVisibilityChanged += (UTKComponentListItemData item, bool isVisible) =>
+        {
+            Debug.Log($"[TabList 가시성 변경] {item.name}, IsVisible: {isVisible}");
+        };
+
+        // 아이콘 클릭 이벤트
+        tabListWindow.OnItemIconClicked += (string iconName, UTKComponentListItemData item) =>
+        {
+            Debug.Log($"[TabList 아이콘 클릭] {iconName}, Item: {item.name}");
+        };
+
+        Debug.Log("[UTKComponentListWindowSample] TabList 이벤트 핸들러 등록 완료");
+    }
+
+    /// <summary>
+    /// 컴포넌트가 파괴될 때 리소스를 정리합니다.
+    /// </summary>
+    private void OnDestroy()
+    {
+        // UTKComponentListWindow의 Dispose 호출로 이벤트 핸들러 정리
+        listWindow?.Dispose();
+        tabListWindow?.Dispose();
+    }
+}
diff --git a/Assets/Sample/UIToolkit/UTKComponentListWindowSample.cs.meta b/Assets/Sample/UIToolkit/UTKComponentListWindowSample.cs.meta
new file mode 100644
index 00000000..b6925f6a
--- /dev/null
+++ b/Assets/Sample/UIToolkit/UTKComponentListWindowSample.cs.meta
@@ -0,0 +1,2 @@
+fileFormatVersion: 2
+guid: ed200de1f3108b441b61f25085defa29
diff --git a/Assets/Sample/UIToolkit/UTKComponentListWindowSample.unity b/Assets/Sample/UIToolkit/UTKComponentListWindowSample.unity
new file mode 100644
index 00000000..14f7556c
--- /dev/null
+++ b/Assets/Sample/UIToolkit/UTKComponentListWindowSample.unity
@@ -0,0 +1,496 @@
+%YAML 1.1
+%TAG !u! tag:unity3d.com,2011:
+--- !u!29 &1
+OcclusionCullingSettings:
+  m_ObjectHideFlags: 0
+  serializedVersion: 2
+  m_OcclusionBakeSettings:
+    smallestOccluder: 5
+    smallestHole: 0.25
+    backfaceThreshold: 100
+  m_SceneGUID: 00000000000000000000000000000000
+  m_OcclusionCullingData: {fileID: 0}
+--- !u!104 &2
+RenderSettings:
+  m_ObjectHideFlags: 0
+  serializedVersion: 10
+  m_Fog: 0
+  m_FogColor: {r: 0.5, g: 0.5, b: 0.5, a: 1}
+  m_FogMode: 3
+  m_FogDensity: 0.01
+  m_LinearFogStart: 0
+  m_LinearFogEnd: 300
+  m_AmbientSkyColor: {r: 0.212, g: 0.227, b: 0.259, a: 1}
+  m_AmbientEquatorColor: {r: 0.114, g: 0.125, b: 0.133, a: 1}
+  m_AmbientGroundColor: {r: 0.047, g: 0.043, b: 0.035, a: 1}
+  m_AmbientIntensity: 1
+  m_AmbientMode: 0
+  m_SubtractiveShadowColor: {r: 0.42, g: 0.478, b: 0.627, a: 1}
+  m_SkyboxMaterial: {fileID: 10304, guid: 0000000000000000f000000000000000, type: 0}
+  m_HaloStrength: 0.5
+  m_FlareStrength: 1
+  m_FlareFadeSpeed: 3
+  m_HaloTexture: {fileID: 0}
+  m_SpotCookie: {fileID: 10001, guid: 0000000000000000e000000000000000, type: 0}
+  m_DefaultReflectionMode: 0
+  m_DefaultReflectionResolution: 128
+  m_ReflectionBounces: 1
+  m_ReflectionIntensity: 1
+  m_CustomReflection: {fileID: 0}
+  m_Sun: {fileID: 0}
+  m_UseRadianceAmbientProbe: 0
+--- !u!157 &3
+LightmapSettings:
+  m_ObjectHideFlags: 0
+  serializedVersion: 13
+  m_BakeOnSceneLoad: 0
+  m_GISettings:
+    serializedVersion: 2
+    m_BounceScale: 1
+    m_IndirectOutputScale: 1
+    m_AlbedoBoost: 1
+    m_EnvironmentLightingMode: 0
+    m_EnableBakedLightmaps: 1
+    m_EnableRealtimeLightmaps: 0
+  m_LightmapEditorSettings:
+    serializedVersion: 12
+    m_Resolution: 2
+    m_BakeResolution: 40
+    m_AtlasSize: 1024
+    m_AO: 0
+    m_AOMaxDistance: 1
+    m_CompAOExponent: 1
+    m_CompAOExponentDirect: 0
+    m_ExtractAmbientOcclusion: 0
+    m_Padding: 2
+    m_LightmapParameters: {fileID: 0}
+    m_LightmapsBakeMode: 1
+    m_TextureCompression: 1
+    m_ReflectionCompression: 2
+    m_MixedBakeMode: 2
+    m_BakeBackend: 1
+    m_PVRSampling: 1
+    m_PVRDirectSampleCount: 32
+    m_PVRSampleCount: 512
+    m_PVRBounces: 2
+    m_PVREnvironmentSampleCount: 256
+    m_PVREnvironmentReferencePointCount: 2048
+    m_PVRFilteringMode: 1
+    m_PVRDenoiserTypeDirect: 1
+    m_PVRDenoiserTypeIndirect: 1
+    m_PVRDenoiserTypeAO: 1
+    m_PVRFilterTypeDirect: 0
+    m_PVRFilterTypeIndirect: 0
+    m_PVRFilterTypeAO: 0
+    m_PVREnvironmentMIS: 1
+    m_PVRCulling: 1
+    m_PVRFilteringGaussRadiusDirect: 1
+    m_PVRFilteringGaussRadiusIndirect: 1
+    m_PVRFilteringGaussRadiusAO: 1
+    m_PVRFilteringAtrousPositionSigmaDirect: 0.5
+    m_PVRFilteringAtrousPositionSigmaIndirect: 2
+    m_PVRFilteringAtrousPositionSigmaAO: 1
+    m_ExportTrainingData: 0
+    m_TrainingDataDestination: TrainingData
+    m_LightProbeSampleCountMultiplier: 4
+  m_LightingDataAsset: {fileID: 20201, guid: 0000000000000000f000000000000000, type: 0}
+  m_LightingSettings: {fileID: 0}
+--- !u!196 &4
+NavMeshSettings:
+  serializedVersion: 2
+  m_ObjectHideFlags: 0
+  m_BuildSettings:
+    serializedVersion: 3
+    agentTypeID: 0
+    agentRadius: 0.5
+    agentHeight: 2
+    agentSlope: 45
+    agentClimb: 0.4
+    ledgeDropHeight: 0
+    maxJumpAcrossDistance: 0
+    minRegionArea: 2
+    manualCellSize: 0
+    cellSize: 0.16666667
+    manualTileSize: 0
+    tileSize: 256
+    buildHeightMesh: 0
+    maxJobWorkers: 0
+    preserveTilesOutsideBounds: 0
+    debug:
+      m_Flags: 0
+  m_NavMeshData: {fileID: 0}
+--- !u!1 &1097328750
+GameObject:
+  m_ObjectHideFlags: 0
+  m_CorrespondingSourceObject: {fileID: 0}
+  m_PrefabInstance: {fileID: 0}
+  m_PrefabAsset: {fileID: 0}
+  serializedVersion: 6
+  m_Component:
+  - component: {fileID: 1097328752}
+  - component: {fileID: 1097328754}
+  - component: {fileID: 1097328755}
+  m_Layer: 0
+  m_Name: UTKComponentListWindowSample
+  m_TagString: Untagged
+  m_Icon: {fileID: 0}
+  m_NavMeshLayer: 0
+  m_StaticEditorFlags: 0
+  m_IsActive: 1
+--- !u!4 &1097328752
+Transform:
+  m_ObjectHideFlags: 0
+  m_CorrespondingSourceObject: {fileID: 0}
+  m_PrefabInstance: {fileID: 0}
+  m_PrefabAsset: {fileID: 0}
+  m_GameObject: {fileID: 1097328750}
+  serializedVersion: 2
+  m_LocalRotation: {x: 0, y: 0, z: 0, w: 1}
+  m_LocalPosition: {x: 0, y: 0, z: 0}
+  m_LocalScale: {x: 1, y: 1, z: 1}
+  m_ConstrainProportionsScale: 0
+  m_Children: []
+  m_Father: {fileID: 0}
+  m_LocalEulerAnglesHint: {x: 0, y: 0, z: 0}
+--- !u!114 &1097328754
+MonoBehaviour:
+  m_ObjectHideFlags: 0
+  m_CorrespondingSourceObject: {fileID: 0}
+  m_PrefabInstance: {fileID: 0}
+  m_PrefabAsset: {fileID: 0}
+  m_GameObject: {fileID: 1097328750}
+  m_Enabled: 1
+  m_EditorHideFlags: 0
+  m_Script: {fileID: 19102, guid: 0000000000000000e000000000000000, type: 0}
+  m_Name: 
+  m_EditorClassIdentifier: UnityEngine.dll::UnityEngine.UIElements.UIDocument
+  m_PanelSettings: {fileID: 11400000, guid: 5ad7007b08a97b54d927c352279a18b6, type: 2}
+  m_ParentUI: {fileID: 0}
+  sourceAsset: {fileID: 9197481963319205126, guid: 9d3024917e8d4b546943ec3f7b03d9e4, type: 3}
+  m_SortingOrder: 0
+  m_Position: 0
+  m_WorldSpaceSizeMode: 1
+  m_WorldSpaceWidth: 1920
+  m_WorldSpaceHeight: 1080
+  m_PivotReferenceSize: 0
+  m_Pivot: 0
+  m_WorldSpaceCollider: {fileID: 0}
+--- !u!114 &1097328755
+MonoBehaviour:
+  m_ObjectHideFlags: 0
+  m_CorrespondingSourceObject: {fileID: 0}
+  m_PrefabInstance: {fileID: 0}
+  m_PrefabAsset: {fileID: 0}
+  m_GameObject: {fileID: 1097328750}
+  m_Enabled: 1
+  m_EditorHideFlags: 0
+  m_Script: {fileID: 11500000, guid: ed200de1f3108b441b61f25085defa29, type: 3}
+  m_Name: 
+  m_EditorClassIdentifier: Assembly-CSharp::UTKComponentListWindowSample
+  uiDocument: {fileID: 1097328754}
+--- !u!1 &1331954412
+GameObject:
+  m_ObjectHideFlags: 0
+  m_CorrespondingSourceObject: {fileID: 0}
+  m_PrefabInstance: {fileID: 0}
+  m_PrefabAsset: {fileID: 0}
+  serializedVersion: 6
+  m_Component:
+  - component: {fileID: 1331954415}
+  - component: {fileID: 1331954414}
+  - component: {fileID: 1331954413}
+  m_Layer: 0
+  m_Name: EventSystem
+  m_TagString: Untagged
+  m_Icon: {fileID: 0}
+  m_NavMeshLayer: 0
+  m_StaticEditorFlags: 0
+  m_IsActive: 1
+--- !u!114 &1331954413
+MonoBehaviour:
+  m_ObjectHideFlags: 0
+  m_CorrespondingSourceObject: {fileID: 0}
+  m_PrefabInstance: {fileID: 0}
+  m_PrefabAsset: {fileID: 0}
+  m_GameObject: {fileID: 1331954412}
+  m_Enabled: 1
+  m_EditorHideFlags: 0
+  m_Script: {fileID: 11500000, guid: 01614664b831546d2ae94a42149d80ac, type: 3}
+  m_Name: 
+  m_EditorClassIdentifier: 
+  m_SendPointerHoverToParent: 1
+  m_MoveRepeatDelay: 0.5
+  m_MoveRepeatRate: 0.1
+  m_XRTrackingOrigin: {fileID: 0}
+  m_ActionsAsset: {fileID: -944628639613478452, guid: ca9f5fa95ffab41fb9a615ab714db018, type: 3}
+  m_PointAction: {fileID: -1654692200621890270, guid: ca9f5fa95ffab41fb9a615ab714db018, type: 3}
+  m_MoveAction: {fileID: -8784545083839296357, guid: ca9f5fa95ffab41fb9a615ab714db018, type: 3}
+  m_SubmitAction: {fileID: 392368643174621059, guid: ca9f5fa95ffab41fb9a615ab714db018, type: 3}
+  m_CancelAction: {fileID: 7727032971491509709, guid: ca9f5fa95ffab41fb9a615ab714db018, type: 3}
+  m_LeftClickAction: {fileID: 3001919216989983466, guid: ca9f5fa95ffab41fb9a615ab714db018, type: 3}
+  m_MiddleClickAction: {fileID: -2185481485913320682, guid: ca9f5fa95ffab41fb9a615ab714db018, type: 3}
+  m_RightClickAction: {fileID: -4090225696740746782, guid: ca9f5fa95ffab41fb9a615ab714db018, type: 3}
+  m_ScrollWheelAction: {fileID: 6240969308177333660, guid: ca9f5fa95ffab41fb9a615ab714db018, type: 3}
+  m_TrackedDevicePositionAction: {fileID: 6564999863303420839, guid: ca9f5fa95ffab41fb9a615ab714db018, type: 3}
+  m_TrackedDeviceOrientationAction: {fileID: 7970375526676320489, guid: ca9f5fa95ffab41fb9a615ab714db018, type: 3}
+  m_DeselectOnBackgroundClick: 0
+  m_PointerBehavior: 0
+  m_CursorLockBehavior: 0
+  m_ScrollDeltaPerTick: 6
+--- !u!114 &1331954414
+MonoBehaviour:
+  m_ObjectHideFlags: 0
+  m_CorrespondingSourceObject: {fileID: 0}
+  m_PrefabInstance: {fileID: 0}
+  m_PrefabAsset: {fileID: 0}
+  m_GameObject: {fileID: 1331954412}
+  m_Enabled: 1
+  m_EditorHideFlags: 0
+  m_Script: {fileID: 11500000, guid: 76c392e42b5098c458856cdf6ecaaaa1, type: 3}
+  m_Name: 
+  m_EditorClassIdentifier: 
+  m_FirstSelected: {fileID: 0}
+  m_sendNavigationEvents: 1
+  m_DragThreshold: 10
+--- !u!4 &1331954415
+Transform:
+  m_ObjectHideFlags: 0
+  m_CorrespondingSourceObject: {fileID: 0}
+  m_PrefabInstance: {fileID: 0}
+  m_PrefabAsset: {fileID: 0}
+  m_GameObject: {fileID: 1331954412}
+  serializedVersion: 2
+  m_LocalRotation: {x: 0, y: 0, z: 0, w: 1}
+  m_LocalPosition: {x: 0, y: 0, z: 0}
+  m_LocalScale: {x: 1, y: 1, z: 1}
+  m_ConstrainProportionsScale: 0
+  m_Children: []
+  m_Father: {fileID: 0}
+  m_LocalEulerAnglesHint: {x: 0, y: 0, z: 0}
+--- !u!1 &1414861612
+GameObject:
+  m_ObjectHideFlags: 0
+  m_CorrespondingSourceObject: {fileID: 0}
+  m_PrefabInstance: {fileID: 0}
+  m_PrefabAsset: {fileID: 0}
+  serializedVersion: 6
+  m_Component:
+  - component: {fileID: 1414861614}
+  - component: {fileID: 1414861613}
+  - component: {fileID: 1414861615}
+  m_Layer: 0
+  m_Name: Directional Light
+  m_TagString: Untagged
+  m_Icon: {fileID: 0}
+  m_NavMeshLayer: 0
+  m_StaticEditorFlags: 0
+  m_IsActive: 1
+--- !u!108 &1414861613
+Light:
+  m_ObjectHideFlags: 0
+  m_CorrespondingSourceObject: {fileID: 0}
+  m_PrefabInstance: {fileID: 0}
+  m_PrefabAsset: {fileID: 0}
+  m_GameObject: {fileID: 1414861612}
+  m_Enabled: 1
+  serializedVersion: 11
+  m_Type: 1
+  m_Color: {r: 1, g: 0.95686275, b: 0.8392157, a: 1}
+  m_Intensity: 1
+  m_Range: 10
+  m_SpotAngle: 30
+  m_InnerSpotAngle: 21.80208
+  m_CookieSize: 10
+  m_Shadows:
+    m_Type: 2
+    m_Resolution: -1
+    m_CustomResolution: -1
+    m_Strength: 1
+    m_Bias: 0.05
+    m_NormalBias: 0.4
+    m_NearPlane: 0.2
+    m_CullingMatrixOverride:
+      e00: 1
+      e01: 0
+      e02: 0
+      e03: 0
+      e10: 0
+      e11: 1
+      e12: 0
+      e13: 0
+      e20: 0
+      e21: 0
+      e22: 1
+      e23: 0
+      e30: 0
+      e31: 0
+      e32: 0
+      e33: 1
+    m_UseCullingMatrixOverride: 0
+  m_Cookie: {fileID: 0}
+  m_DrawHalo: 0
+  m_Flare: {fileID: 0}
+  m_RenderMode: 0
+  m_CullingMask:
+    serializedVersion: 2
+    m_Bits: 4294967295
+  m_RenderingLayerMask: 1
+  m_Lightmapping: 4
+  m_LightShadowCasterMode: 0
+  m_AreaSize: {x: 1, y: 1}
+  m_BounceIntensity: 1
+  m_ColorTemperature: 6570
+  m_UseColorTemperature: 0
+  m_BoundingSphereOverride: {x: 0, y: 0, z: 0, w: 0}
+  m_UseBoundingSphereOverride: 0
+  m_UseViewFrustumForShadowCasterCull: 1
+  m_ForceVisible: 0
+  m_ShadowRadius: 0
+  m_ShadowAngle: 0
+  m_LightUnit: 1
+  m_LuxAtDistance: 1
+  m_EnableSpotReflector: 1
+--- !u!4 &1414861614
+Transform:
+  m_ObjectHideFlags: 0
+  m_CorrespondingSourceObject: {fileID: 0}
+  m_PrefabInstance: {fileID: 0}
+  m_PrefabAsset: {fileID: 0}
+  m_GameObject: {fileID: 1414861612}
+  serializedVersion: 2
+  m_LocalRotation: {x: 0.40821788, y: -0.23456968, z: 0.10938163, w: 0.8754261}
+  m_LocalPosition: {x: 0, y: 3, z: 0}
+  m_LocalScale: {x: 1, y: 1, z: 1}
+  m_ConstrainProportionsScale: 0
+  m_Children: []
+  m_Father: {fileID: 0}
+  m_LocalEulerAnglesHint: {x: 50, y: -30, z: 0}
+--- !u!114 &1414861615
+MonoBehaviour:
+  m_ObjectHideFlags: 0
+  m_CorrespondingSourceObject: {fileID: 0}
+  m_PrefabInstance: {fileID: 0}
+  m_PrefabAsset: {fileID: 0}
+  m_GameObject: {fileID: 1414861612}
+  m_Enabled: 1
+  m_EditorHideFlags: 0
+  m_Script: {fileID: 11500000, guid: 474bcb49853aa07438625e644c072ee6, type: 3}
+  m_Name: 
+  m_EditorClassIdentifier: 
+  m_UsePipelineSettings: 1
+  m_AdditionalLightsShadowResolutionTier: 2
+  m_CustomShadowLayers: 0
+  m_LightCookieSize: {x: 1, y: 1}
+  m_LightCookieOffset: {x: 0, y: 0}
+  m_SoftShadowQuality: 0
+  m_RenderingLayersMask:
+    serializedVersion: 0
+    m_Bits: 1
+  m_ShadowRenderingLayersMask:
+    serializedVersion: 0
+    m_Bits: 1
+  m_Version: 4
+  m_LightLayerMask: 1
+  m_ShadowLayerMask: 1
+  m_RenderingLayers: 1
+  m_ShadowRenderingLayers: 1
+--- !u!1 &2136621999
+GameObject:
+  m_ObjectHideFlags: 0
+  m_CorrespondingSourceObject: {fileID: 0}
+  m_PrefabInstance: {fileID: 0}
+  m_PrefabAsset: {fileID: 0}
+  serializedVersion: 6
+  m_Component:
+  - component: {fileID: 2136622002}
+  - component: {fileID: 2136622001}
+  - component: {fileID: 2136622000}
+  m_Layer: 0
+  m_Name: Main Camera
+  m_TagString: MainCamera
+  m_Icon: {fileID: 0}
+  m_NavMeshLayer: 0
+  m_StaticEditorFlags: 0
+  m_IsActive: 1
+--- !u!81 &2136622000
+AudioListener:
+  m_ObjectHideFlags: 0
+  m_CorrespondingSourceObject: {fileID: 0}
+  m_PrefabInstance: {fileID: 0}
+  m_PrefabAsset: {fileID: 0}
+  m_GameObject: {fileID: 2136621999}
+  m_Enabled: 1
+--- !u!20 &2136622001
+Camera:
+  m_ObjectHideFlags: 0
+  m_CorrespondingSourceObject: {fileID: 0}
+  m_PrefabInstance: {fileID: 0}
+  m_PrefabAsset: {fileID: 0}
+  m_GameObject: {fileID: 2136621999}
+  m_Enabled: 1
+  serializedVersion: 2
+  m_ClearFlags: 1
+  m_BackGroundColor: {r: 0.19215687, g: 0.3019608, b: 0.4745098, a: 0}
+  m_projectionMatrixMode: 1
+  m_GateFitMode: 2
+  m_FOVAxisMode: 0
+  m_Iso: 200
+  m_ShutterSpeed: 0.005
+  m_Aperture: 16
+  m_FocusDistance: 10
+  m_FocalLength: 50
+  m_BladeCount: 5
+  m_Curvature: {x: 2, y: 11}
+  m_BarrelClipping: 0.25
+  m_Anamorphism: 0
+  m_SensorSize: {x: 36, y: 24}
+  m_LensShift: {x: 0, y: 0}
+  m_NormalizedViewPortRect:
+    serializedVersion: 2
+    x: 0
+    y: 0
+    width: 1
+    height: 1
+  near clip plane: 0.3
+  far clip plane: 1000
+  field of view: 60
+  orthographic: 0
+  orthographic size: 5
+  m_Depth: -1
+  m_CullingMask:
+    serializedVersion: 2
+    m_Bits: 4294967295
+  m_RenderingPath: -1
+  m_TargetTexture: {fileID: 0}
+  m_TargetDisplay: 0
+  m_TargetEye: 3
+  m_HDR: 1
+  m_AllowMSAA: 1
+  m_AllowDynamicResolution: 0
+  m_ForceIntoRT: 0
+  m_OcclusionCulling: 1
+  m_StereoConvergence: 10
+  m_StereoSeparation: 0.022
+--- !u!4 &2136622002
+Transform:
+  m_ObjectHideFlags: 0
+  m_CorrespondingSourceObject: {fileID: 0}
+  m_PrefabInstance: {fileID: 0}
+  m_PrefabAsset: {fileID: 0}
+  m_GameObject: {fileID: 2136621999}
+  serializedVersion: 2
+  m_LocalRotation: {x: 0, y: 0, z: 0, w: 1}
+  m_LocalPosition: {x: 0, y: 1, z: -10}
+  m_LocalScale: {x: 1, y: 1, z: 1}
+  m_ConstrainProportionsScale: 0
+  m_Children: []
+  m_Father: {fileID: 0}
+  m_LocalEulerAnglesHint: {x: 0, y: 0, z: 0}
+--- !u!1660057539 &9223372036854775807
+SceneRoots:
+  m_ObjectHideFlags: 0
+  m_Roots:
+  - {fileID: 2136622002}
+  - {fileID: 1414861614}
+  - {fileID: 1331954415}
+  - {fileID: 1097328752}
diff --git a/Assets/Sample/UIToolkit/UTKComponentListWindowSample.unity.meta b/Assets/Sample/UIToolkit/UTKComponentListWindowSample.unity.meta
new file mode 100644
index 00000000..8b8fe248
--- /dev/null
+++ b/Assets/Sample/UIToolkit/UTKComponentListWindowSample.unity.meta
@@ -0,0 +1,7 @@
+fileFormatVersion: 2
+guid: 65d99286ce3c5a041b57ed8209713cd5
+DefaultImporter:
+  externalObjects: {}
+  userData: 
+  assetBundleName: 
+  assetBundleVariant: 
diff --git a/Assets/Sample/UIToolkit/UTKTreeListWindowSample.cs b/Assets/Sample/UIToolkit/UTKTreeListWindowSample.cs
index dd0a13f3..5cc6323a 100644
--- a/Assets/Sample/UIToolkit/UTKTreeListWindowSample.cs
+++ b/Assets/Sample/UIToolkit/UTKTreeListWindowSample.cs
@@ -45,6 +45,7 @@ public class UTKTreeListWindowSample : MonoBehaviour
     /// </summary>
     private void CreateTestData()
     {
+        List<UTKTreeListItemData> rootItems = new List<UTKTreeListItemData>();
         // 10개의 루트 항목 생성
         for (int i = 0; i < 10; i++)
         {
@@ -74,9 +75,11 @@ public class UTKTreeListWindowSample : MonoBehaviour
                 }
             }
 
-            // 루트 항목을 트리에 추가
-            treeListWindow.AddItem(itemData);
+            rootItems.Add(itemData);
         }
+        
+        // 루트 항목을 트리에 추가
+        treeListWindow.SetData(rootItems);
 
         Debug.Log("[UTKTreeListWindowSample] 테스트 데이터 생성 완료: 10개 루트 항목");
     }
diff --git a/Assets/Scripts/UVC/UIToolkit/List/UTKComponentList.cs b/Assets/Scripts/UVC/UIToolkit/List/UTKComponentList.cs
new file mode 100644
index 00000000..bfff1de6
--- /dev/null
+++ b/Assets/Scripts/UVC/UIToolkit/List/UTKComponentList.cs
@@ -0,0 +1,1481 @@
+#nullable enable
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using UnityEngine;
+using UnityEngine.UIElements;
+using UVC.Locale;
+
+namespace UVC.UIToolkit.List
+{
+    /// <summary>
+    /// 계층적 트리 구조를 표시하는 커스텀 UI Toolkit 컴포넌트입니다.
+    ///
+    /// <para><b>개요:</b></para>
+    /// <para>
+    /// UTKComponentList는 Unity UI Toolkit의 TreeView를 래핑하여 검색, 가시성 토글,
+    /// 닫기 기능 등을 제공하는 재사용 가능한 컴포넌트입니다.
+    /// UXML 파일(UTKComponentList.uxml, UTKComponentListItem.uxml)과 함께 사용됩니다.
+    /// </para>
+    ///
+    /// <para><b>주요 기능:</b></para>
+    /// <list type="bullet">
+    ///   <item>계층적 트리 구조 표시 (펼치기/접기 지원)</item>
+    ///   <item>실시간 검색 필터링</item>
+    ///   <item>항목별 가시성(눈 아이콘) 토글</item>
+    ///   <item>선택 이벤트 처리</item>
+    /// </list>
+    ///
+    /// <para><b>UXML에서 사용:</b></para>
+    /// <code>
+    /// <UVC.UIToolkit.Window.UTKComponentList name="tree-list" />
+    /// </code>
+    ///
+    /// <para><b>코드에서 사용:</b></para>
+    /// <code>
+    /// var list = root.Q<UTKComponentList>();
+    /// list.OnSelectionChanged += (item) => Debug.Log($"선택: {item.name}");
+    /// list.OnVisibilityChanged += (item) => model.SetActive(item.id, item.IsVisible);
+    /// list.SetData(treeItems);
+    /// </code>
+    ///
+    /// <para><b>관련 리소스:</b></para>
+    /// <list type="bullet">
+    ///   <item>Resources/UIToolkit/Window/UTKComponentList.uxml - 메인 레이아웃</item>
+    ///   <item>Resources/UIToolkit/List/UTKComponentListItem.uxml - 개별 항목 템플릿</item>
+    ///   <item>Resources/UIToolkit/List/UTKComponentListGroupItem.uxml - 그룹 항목 템플릿</item>
+    /// </list>
+    ///
+    /// <para><b>선택 해제 방지:</b></para>
+    /// <para>
+    /// 빈 영역 클릭 시 선택이 해제되지 않도록 하려면 EventSystem의 InputSystemUIInputModule 컴포넌트에서
+    /// <c>Deselect On Background Click</c> 옵션을 해제해야 합니다.
+    /// </para>
+    /// </summary>
+    [UxmlElement]
+    public partial class UTKComponentList : VisualElement, IDisposable
+    {
+        #region IDisposable
+        private bool _disposed = false;
+        #endregion
+        #region 상수 (Constants)
+        /// <summary>메인 UXML 파일 경로 (Resources 폴더 기준)</summary>
+        private const string UXML_PATH = "UIToolkit/List/UTKComponentList";
+
+        /// <summary>일반 항목 UXML 파일 경로 (Resources 폴더 기준)</summary>
+        private const string ITEM_UXML_PATH = "UIToolkit/List/UTKComponentListItem";
+
+        /// <summary>그룹 항목 UXML 파일 경로 (Resources 폴더 기준)</summary>
+        private const string GROUP_ITEM_UXML_PATH = "UIToolkit/List/UTKComponentListGroupItem";
+        #endregion
+
+        #region 캐싱된 리소스 (Cached Resources)
+        /// <summary>일반 항목 UXML 템플릿</summary>
+        private VisualTreeAsset? _itemTemplate;
+
+        /// <summary>그룹 항목 UXML 템플릿</summary>
+        private VisualTreeAsset? _groupItemTemplate;
+        #endregion
+
+        #region UI 컴포넌트 참조 (UI Component References)
+        /// <summary>검색어 입력 필드</summary>
+        private TextField? _searchField;
+
+        /// <summary>Unity UI Toolkit의 TreeView 컴포넌트</summary>
+        private TreeView? _treeView;
+
+        /// <summary>검색어 지우기 버튼</summary>
+        private Button? _clearButton;
+        #endregion
+
+        #region 내부 데이터 (Internal Data)
+        
+
+        /// <summary>
+        /// 원본 루트 데이터입니다.
+        /// 검색 필터 해제 시 원래 데이터로 복원하는 데 사용됩니다.
+        /// </summary>
+        private List<UTKComponentListItemData> _originalRoots = new();
+
+        /// <summary>
+        /// TreeView에 바인딩되는 데이터 소스입니다.
+        /// TreeViewItemData는 Unity의 TreeView가 요구하는 래퍼 타입입니다.
+        /// </summary>
+        private List<TreeViewItemData<UTKComponentListItemData>>? _rootData;
+
+        /// <summary>
+        /// 항목 ID 자동 생성을 위한 시드 값입니다.
+        /// SetData() 호출 시 id가 0인 항목에 순차적으로 ID를 할당합니다.
+        /// </summary>
+        private int _idSeed = 1;
+
+        /// <summary>
+        /// 이전에 선택된 항목들입니다.
+        /// 선택 해제 이벤트 발송에 사용됩니다.
+        /// </summary>
+        private List<UTKComponentListItemData> _previouslySelectedItems = new();
+
+        /// <summary>
+        /// 선택 이벤트 발송을 일시적으로 억제하는 플래그입니다.
+        /// 프로그래밍 방식으로 선택 시 이벤트를 발송하지 않으려면 true로 설정합니다.
+        /// </summary>
+        private bool _suppressSelectionEvent = false;
+
+        /// <summary>
+        /// 펼침/접힘 이벤트 처리를 일시적으로 억제하는 플래그입니다.
+        /// ExpandByData() 실행 중 이벤트로 인한 데이터 덮어쓰기를 방지합니다.
+        /// </summary>
+        private bool _suppressExpandEvent = false;
+        #endregion
+
+        #region 공개 속성 (Public Properties)
+        /// <summary>
+        /// 항목 삭제 기능 활성화 여부입니다.
+        /// true일 때만 Delete/Backspace 키로 항목 삭제 이벤트가 발생합니다.
+        /// 기본값은 false입니다.
+        /// </summary>
+        public bool EnabledDeleteItem { get; set; } = false;
+
+        /// <summary>
+        /// 현재 검색어를 가져오거나 설정합니다.
+        /// 설정 시 검색 필드의 값만 변경하고 검색은 실행하지 않습니다.
+        /// </summary>
+        public string SearchQuery
+        {
+            get => _searchField?.value ?? string.Empty;
+            set { if (_searchField != null) _searchField.value = value; }
+        }
+        #endregion
+
+        #region 외부 이벤트 (Public Events)
+
+        /// <summary>
+        /// 메인/검색 리스트에서 항목이 선택될 때 발생합니다.
+        /// </summary>
+        public Action<List<UTKComponentListItemData>>? OnItemSelected;
+
+        /// <summary>
+        /// 메인/검색 리스트에서 항목이 선택 해제될 때 발생합니다.
+        /// </summary>
+        public Action<List<UTKComponentListItemData>>? OnItemDeselected;
+        /// <summary>
+        /// 항목의 가시성(눈 아이콘)이 변경될 때 발생합니다.
+        /// 3D 모델의 GameObject 활성화/비활성화에 연동합니다.
+        /// </summary>
+        public event Action<UTKComponentListItemData, bool>? OnItemVisibilityChanged;
+
+        /// <summary>
+        /// 메인/검색 리스트에서 항목이 삭제될 때 발생합니다 (Delete 키).
+        /// </summary>
+        public Action<UTKComponentListItemData>? OnItemDeleted;
+
+        /// <summary>
+        /// 메인/검색 리스트에서 항목이 더블클릭될 때 발생합니다.
+        /// </summary>
+        public Action<UTKComponentListItemData>? OnItemDoubleClicked;
+
+        /// <summary>
+        /// 아이콘을 클릭할 때 발생합니다.
+        /// </summary>
+        public Action<string, UTKComponentListItemData>? OnItemIconClicked;
+
+        #endregion
+
+        #region 생성자 (Constructor)
+        /// <summary>
+        /// UTKComponentList 컴포넌트를 초기화합니다.
+        /// UXML 템플릿을 로드하고 내부 컴포넌트를 설정합니다.
+        /// </summary>
+        public UTKComponentList()
+        {
+            // 1. 메인 UXML 로드 및 복제
+            // CloneTree(this)로 UXML 내용이 이 클래스의 자식으로 추가됨
+            var visualTree = Resources.Load<VisualTreeAsset>(UXML_PATH);
+            if (visualTree == null)
+            {
+                Debug.LogError($"[TreeMenu] UXML not found at: {UXML_PATH}");
+                return;
+            }
+            visualTree!.CloneTree(this);
+
+            // 2. 항목 템플릿 로드
+            _itemTemplate = Resources.Load<VisualTreeAsset>(ITEM_UXML_PATH);
+            _groupItemTemplate = Resources.Load<VisualTreeAsset>(GROUP_ITEM_UXML_PATH);
+            if (_itemTemplate == null)
+                Debug.LogError($"[UTKComponentList] Item UXML not found at: {ITEM_UXML_PATH}");
+            if (_groupItemTemplate == null)
+                Debug.LogError($"[UTKComponentList] Group Item UXML not found at: {GROUP_ITEM_UXML_PATH}");
+
+
+            // 2. 자식 요소 참조 획득 (UXML의 name 속성으로 찾음)
+            _searchField = this.Q<TextField>("search-field");
+            _treeView = this.Q<TreeView>("main-tree-view");
+            _clearButton = this.Q<Button>("clear-btn");
+
+            // 3. 이벤트 연결 및 로직 초기화
+            InitializeLogic();
+        }
+        #endregion
+
+        #region 초기화 (Initialization)
+        /// <summary>
+        /// 내부 로직과 이벤트 핸들러를 초기화합니다.
+        /// </summary>
+        private void InitializeLogic()
+        {
+            // 검색창 이벤트: Enter 키를 눌렀을 때 또는 포커스를 잃었을 때 필터링 실행
+            if (_searchField != null)
+            {
+                _searchField.RegisterCallback<KeyDownEvent>(OnSearchFieldKeyDown);
+                _searchField.RegisterCallback<FocusOutEvent>(OnSearchFieldFocusOut);
+            }
+
+            // TreeView 설정
+            // makeItem: 새 항목 UI 생성 시 호출
+            // bindItem: 데이터를 UI에 바인딩할 때 호출
+            // selectionChanged: 선택 변경 시 호출
+            if (_treeView != null)
+            {
+                _treeView.makeItem = MakeTreeItem;
+                _treeView.bindItem = BindTreeItem;
+                _treeView.selectionChanged += OnTreeViewSelectionChanged;
+                _treeView.itemsChosen += OnTreeViewItemsChosen;
+                _treeView.RegisterCallback<KeyDownEvent>(OnTreeViewKeyDown);
+
+                // 펼침/접힘 이벤트 처리
+                _treeView.itemExpandedChanged += OnTreeViewItemExpandedChanged;
+            }
+
+            // 검색어 지우기 버튼
+            if(_clearButton != null)
+            {
+                _clearButton.clicked += () =>
+                {
+                    if (_searchField.value.Length > 0)
+                    {
+                        _searchField.value = string.Empty;
+                        OnSearch(string.Empty);
+                    }
+                };
+            }
+
+            // 스크롤바 hover/active 색상 설정
+            SetupScrollerDraggerColors();
+        }
+
+        /// <summary>
+        /// 스크롤바 드래거의 hover/active 색상을 설정합니다.
+        /// USS로는 드래거에 직접 hover/active 상태를 적용할 수 없어 코드로 구현합니다.
+        /// </summary>
+        private void SetupScrollerDraggerColors()
+        {
+            if (_treeView == null) return;
+
+            // TreeView가 렌더링된 후에 스크롤러 설정
+            _treeView.RegisterCallback<GeometryChangedEvent>(OnTreeViewGeometryChanged);
+        }
+
+        // USS 변수 정의 (customStyle에서 읽기 위한 키)
+        private static readonly CustomStyleProperty<Color> s_DraggerNormalColor = new("--scroller-dragger-normal");
+        private static readonly CustomStyleProperty<Color> s_DraggerHoverColor = new("--scroller-dragger-hover");
+        private static readonly CustomStyleProperty<Color> s_DraggerActiveColor = new("--scroller-dragger-active");
+        private static readonly CustomStyleProperty<Color> s_TrackerNormalColor = new("--scroller-tracker-normal");
+        private static readonly CustomStyleProperty<Color> s_TrackerHoverColor = new("--scroller-tracker-hover");
+
+        /// <summary>
+        /// TreeView 렌더링 완료 후 스크롤러 색상을 설정합니다.
+        /// </summary>
+        private void OnTreeViewGeometryChanged(GeometryChangedEvent evt)
+        {
+            if (_treeView == null) return;
+
+            // 한 번만 실행
+            _treeView.UnregisterCallback<GeometryChangedEvent>(OnTreeViewGeometryChanged);
+
+            // USS 변수에서 색상 읽기 (실패 시 기본값 사용)
+            Color normalColor = new Color(0.2f, 0.2f, 0.2f);      // #333333 기본값
+            Color hoverColor = new Color(0.322f, 0.322f, 0.322f); // #525252 기본값
+            Color activeColor = new Color(0.2f, 0.2f, 0.2f);      // #333333 기본값
+            Color trackerNormalColor = new Color(0, 0, 0, 0);     // 투명 기본값
+            Color trackerHoverColor = new Color(0.1f, 0.1f, 0.1f, 0); // 반투명 기본값
+
+            if (_treeView.customStyle.TryGetValue(s_DraggerNormalColor, out Color n)) normalColor = n;
+            if (_treeView.customStyle.TryGetValue(s_DraggerHoverColor, out Color h)) hoverColor = h;
+            if (_treeView.customStyle.TryGetValue(s_DraggerActiveColor, out Color a)) activeColor = a;
+            if (_treeView.customStyle.TryGetValue(s_TrackerNormalColor, out Color tn)) trackerNormalColor = tn;
+            if (_treeView.customStyle.TryGetValue(s_TrackerHoverColor, out Color th)) trackerHoverColor = th;
+
+            // TreeView 내부의 ScrollView 찾기
+            var scrollView = _treeView.Q<ScrollView>();
+            if (scrollView == null) return;
+
+            // 수직 스크롤바
+            var verticalScroller = scrollView.verticalScroller;
+            if (verticalScroller != null)
+            {
+                SetupDraggerEvents(verticalScroller, normalColor, hoverColor, activeColor, trackerNormalColor, trackerHoverColor);
+            }
+
+            // 수평 스크롤바
+            var horizontalScroller = scrollView.horizontalScroller;
+            if (horizontalScroller != null)
+            {
+                SetupDraggerEvents(horizontalScroller, normalColor, hoverColor, activeColor, trackerNormalColor, trackerHoverColor);
+            }
+        }
+
+        /// <summary>
+        /// 개별 스크롤러에 드래거 색상 이벤트를 설정합니다.
+        /// </summary>
+        private void SetupDraggerEvents(Scroller scroller, Color normalColor, Color hoverColor, Color activeColor, Color trackerNormalColor, Color trackerHoverColor)
+        {
+            var dragger = scroller.Q(className: "unity-base-slider__dragger");
+            var tracker = scroller.Q(className: "unity-base-slider__tracker");
+            if (dragger == null) return;
+
+            // 드래거에 직접 이벤트 등록
+            dragger.RegisterCallback<MouseEnterEvent>(evt =>
+            {
+                dragger.style.backgroundColor = hoverColor;
+            });
+
+            dragger.RegisterCallback<MouseLeaveEvent>(evt =>
+            {
+                dragger.style.backgroundColor = normalColor;
+            });
+
+            dragger.RegisterCallback<MouseDownEvent>(evt =>
+            {
+                dragger.style.backgroundColor = activeColor;
+            });
+
+            dragger.RegisterCallback<MouseUpEvent>(evt =>
+            {
+                dragger.style.backgroundColor = hoverColor;
+            });
+
+            // 트래커(배경) 마우스 오버 시 색상 변경
+            if (tracker != null)
+            {
+                tracker.RegisterCallback<MouseEnterEvent>(evt =>
+                {
+                    tracker.style.backgroundColor = trackerHoverColor;
+                });
+
+                tracker.RegisterCallback<MouseLeaveEvent>(evt =>
+                {
+                    tracker.style.backgroundColor = trackerNormalColor;
+                });
+            }
+        }
+        #endregion
+
+        #region 공개 메서드 (Public Methods)
+        /// <summary>
+        /// 트리 리스트를 화면에 표시합니다.
+        /// </summary>
+        public void Show()
+        {
+            this.style.display = DisplayStyle.Flex;
+        }
+
+        /// <summary>
+        /// 현재 검색 필드의 값으로 검색을 실행합니다.
+        /// </summary>
+        public void ApplySearch()
+        {
+            OnSearch(_searchField?.value ?? string.Empty);
+        }
+
+        /// <summary>
+        /// 지정된 검색어로 검색을 실행합니다.
+        /// 검색 필드의 값도 함께 업데이트됩니다.
+        /// </summary>
+        /// <param name="query">검색어</param>
+        public void ApplySearch(string query)
+        {
+            if (_searchField != null)
+            {
+                _searchField.value = query;
+            }
+            OnSearch(query);
+        }
+
+        /// <summary>
+        /// 트리 데이터를 설정합니다.
+        /// UTKComponentListItemData 리스트를 받아 TreeView에 바인딩합니다.
+        /// </summary>
+        /// <param name="roots">루트 항목들의 리스트 (계층 구조의 최상위 항목들)</param>
+        public void SetData(List<UTKComponentListItemData> roots)
+        {
+            // 원본 데이터 저장 (필터 복원용)
+            _originalRoots = roots ?? new List<UTKComponentListItemData>();
+
+            // ID 시드 초기화
+            _idSeed = 1;
+
+            // 순환 참조 감지를 위한 방문 집합
+            var visited = new HashSet<UTKComponentListItemData>();
+
+            // TreeView 형식으로 데이터 변환
+            _rootData = ConvertToTreeViewData(_originalRoots, visited, 0);
+
+            // TreeView에 데이터 설정
+            _treeView!.SetRootItems<UTKComponentListItemData>(_rootData);
+
+            // UI 갱신 및 데이터의 isExpanded 상태에 따라 펼치기
+            _treeView!.Rebuild();
+            ExpandByData(_originalRoots);
+        }
+
+        /// <summary>
+        /// 데이터의 isExpanded 값에 따라 항목을 펼치거나 접습니다.
+        /// </summary>
+        /// <param name="items">처리할 항목 리스트</param>
+        private void ExpandByData(List<UTKComponentListItemData> items)
+        {
+            if (_treeView == null || items == null) return;
+
+            // 이벤트 억제 시작 (재귀 호출 고려하여 최상위에서만 설정)
+            bool wasSupressed = _suppressExpandEvent;
+            _suppressExpandEvent = true;
+
+            try
+            {
+                ExpandByDataInternal(items);
+            }
+            finally
+            {
+                _suppressExpandEvent = wasSupressed;
+            }
+        }
+
+        /// <summary>
+        /// ExpandByData의 내부 재귀 구현입니다.
+        /// </summary>
+        private void ExpandByDataInternal(List<UTKComponentListItemData> items)
+        {
+            foreach (var item in items)
+            {
+                if (item.children != null && item.children.Count > 0)
+                {
+                    if (item.isExpanded)
+                    {
+                        _treeView!.ExpandItem(item.id);
+                    }
+                    else
+                    {
+                        _treeView!.CollapseItem(item.id);
+                    }
+
+                    // 자식 항목들도 재귀적으로 처리
+                    ExpandByDataInternal(item.children);
+                }
+            }
+        }
+
+        /// <summary>
+        /// 지정된 ID의 항목을 프로그래밍 방식으로 선택합니다.
+        /// </summary>
+        /// <param name="itemId">선택할 항목의 ID</param>
+        public void SelectByItemId(int itemId)
+        {
+            _treeView?.SetSelection(new List<int> { itemId });
+        }
+
+        /// <summary>
+        /// 지정된 이름 목록에 해당하는 항목만 표시하고 나머지는 숨깁니다.
+        /// </summary>
+        /// <param name="items">표시할 항목들의 이름 목록</param>
+        /// <param name="depth">검색 깊이 (1=1뎁스 자식만, 2=2뎁스까지, 0이하=전체)</param>
+        public void ShowItems(List<string> items, int depth = 1)
+        {
+            if (_originalRoots == null || _originalRoots.Count == 0) return;
+
+            var visibleNames = new HashSet<string>(items ?? new List<string>());
+
+            foreach (var root in _originalRoots)
+            {
+                SetVisibilityByNames(root, visibleNames, depth, 0);
+            }
+
+            // UI 갱신
+            _treeView?.RefreshItems();
+        }
+
+        /// <summary>
+        /// 루트 레벨에 새 항목을 추가합니다.
+        /// ID가 0이면 자동으로 할당됩니다.
+        /// </summary>
+        /// <param name="data">추가할 항목 데이터</param>
+        public void AddItem(UTKComponentListItemData data)
+        {
+            if (data == null) return;
+
+            // ID가 없으면 자동 할당
+            if (data.id == 0) data.id = _idSeed++;
+
+            // 원본 데이터에 추가
+            _originalRoots.Add(data);
+
+            // _rootData가 null이면 초기화
+            _rootData ??= new List<TreeViewItemData<UTKComponentListItemData>>();
+
+            // TreeViewItemData 래퍼 생성 및 추가
+            var childData = data.children != null && data.children.Count > 0
+                ? ConvertToTreeViewData(data.children, new HashSet<UTKComponentListItemData>(), 1)
+                : null;
+            var treeItem = new TreeViewItemData<UTKComponentListItemData>(data.id, data, childData);
+            _rootData.Add(treeItem);
+
+            // TreeView 갱신
+            _treeView?.SetRootItems(_rootData);
+            _treeView?.Rebuild();
+            ExpandByData(_originalRoots);
+        }
+
+        /// <summary>
+        /// 지정된 부모 항목의 자식으로 새 항목을 추가합니다.
+        /// </summary>
+        /// <param name="parent">부모 항목 (null이면 루트에 추가)</param>
+        /// <param name="data">추가할 항목 데이터</param>
+        public void AddItem(UTKComponentListItemData? parent, UTKComponentListItemData data)
+        {
+            if (data == null) return;
+
+            // 부모가 없으면 루트에 추가
+            if (parent == null)
+            {
+                AddItem(data);
+                return;
+            }
+
+            // ID가 없으면 자동 할당
+            if (data.id == 0) data.id = _idSeed++;
+
+            // 부모의 children 리스트에 추가
+            parent.children ??= new List<UTKComponentListItemData>();
+            parent.children.Add(data);
+
+            // TreeView 데이터 재구성 및 갱신
+            RefreshTreeViewData();
+        }
+
+        /// <summary>
+        /// 트리에서 항목을 완전히 삭제합니다 (데이터 + 뷰 + 선택 상태).
+        /// 자식 항목이 있는 경우 함께 삭제됩니다.
+        /// </summary>
+        /// <param name="data">삭제할 항목 데이터</param>
+        public void DeleteItem(UTKComponentListItemData data)
+        {
+            if (data == null) return;
+
+            bool removed = false;
+
+            // 루트 레벨에서 삭제 시도
+            if (_originalRoots.Remove(data))
+            {
+                removed = true;
+            }
+            else
+            {
+                // 루트에 없으면 자식에서 재귀적으로 검색하여 삭제
+                foreach (var root in _originalRoots)
+                {
+                    if (RemoveFromChildren(root, data))
+                    {
+                        removed = true;
+                        break;
+                    }
+                }
+            }
+
+            if (removed)
+            {
+                // 선택 상태에서 삭제된 항목 및 자식들 제거
+                RemoveFromSelection(data);
+
+                // TreeView 데이터 재구성 및 갱신
+                RefreshTreeViewData();
+            }
+        }
+
+        /// <summary>
+        /// 항목의 이름을 변경하고 UI를 갱신합니다.
+        /// </summary>
+        /// <param name="data">변경할 항목 데이터</param>
+        /// <param name="newName">새 이름</param>
+        public void SetItemName(UTKComponentListItemData data, string newName)
+        {
+            if (data == null || string.IsNullOrEmpty(newName)) return;
+
+            data.name = newName;
+
+            // UI 갱신 (해당 항목의 레이블 업데이트)
+            _treeView?.RefreshItems();
+        }
+
+        /// <summary>
+        /// 이름으로 항목을 찾아 선택합니다.
+        /// 검색 모드 중이면 검색을 취소하고 원본 데이터에서 선택합니다.
+        /// SelectionType에 따라 단일 선택이면 기존 선택을 대체하고, 다중 선택이면 기존 선택에 추가합니다.
+        /// </summary>
+        /// <param name="name">선택할 항목의 이름</param>
+        /// <param name="notify">선택 이벤트 발송 여부 (false면 OnItemSelected/OnItemDeselected 이벤트 억제)</param>
+        public void SelectItem(string name, bool notify = true)
+        {
+            if (string.IsNullOrEmpty(name) || _treeView == null) return;
+
+            // SelectionType.None인 경우 선택 불가
+            if (_treeView.selectionType == SelectionType.None) return;
+
+            // 검색 중이면 검색 취소
+            if (_searchField != null && !string.IsNullOrEmpty(_searchField.value))
+            {
+                _searchField.value = string.Empty;
+                OnSearch(string.Empty);
+            }
+
+            // 이름으로 항목 찾기
+            var item = FindItemByName(name);
+            if (item == null) return;
+
+            // 이미 선택되어 있으면 무시
+            if (_previouslySelectedItems.Contains(item)) return;
+
+            List<int> newSelection;
+
+            // SelectionType에 따라 선택 방식 결정
+            if (_treeView.selectionType == SelectionType.Multiple)
+            {
+                // 다중 선택: 기존 선택에 추가
+                newSelection = _previouslySelectedItems.Select(i => i.id).ToList();
+                newSelection.Add(item.id);
+            }
+            else
+            {
+                // 단일 선택: 기존 선택 대체
+                newSelection = new List<int> { item.id };
+            }
+
+            // 이벤트 억제 플래그 설정
+            _suppressSelectionEvent = !notify;
+            try
+            {
+                _treeView.SetSelection(newSelection);
+            }
+            finally
+            {
+                _suppressSelectionEvent = false;
+            }
+        }
+
+        /// <summary>
+        /// 이름으로 항목을 찾아 선택을 해제합니다.
+        /// 단일 선택 모드에서는 모든 선택이 해제되고, 다중 선택 모드에서는 해당 항목만 제외됩니다.
+        /// </summary>
+        /// <param name="name">선택 해제할 항목의 이름</param>
+        /// <param name="notify">선택 해제 이벤트 발송 여부 (false면 OnItemDeselected 이벤트 억제)</param>
+        public void DeselectItem(string name, bool notify = true)
+        {
+            if (string.IsNullOrEmpty(name) || _treeView == null) return;
+
+            // SelectionType.None인 경우 선택 해제 불필요
+            if (_treeView.selectionType == SelectionType.None) return;
+
+            var item = FindItemByName(name);
+            if (item == null) return;
+
+            // 현재 선택되어 있지 않으면 무시
+            if (!_previouslySelectedItems.Contains(item)) return;
+
+            List<int> newSelection;
+
+            // SelectionType에 따라 선택 해제 방식 결정
+            if (_treeView.selectionType == SelectionType.Multiple)
+            {
+                // 다중 선택: 해당 항목만 제외
+                newSelection = _previouslySelectedItems
+                    .Where(i => i.id != item.id)
+                    .Select(i => i.id)
+                    .ToList();
+            }
+            else
+            {
+                // 단일 선택: 전체 선택 해제
+                newSelection = new List<int>();
+            }
+
+            // 이벤트 억제 플래그 설정
+            _suppressSelectionEvent = !notify;
+            try
+            {
+                _treeView.SetSelection(newSelection);
+            }
+            finally
+            {
+                _suppressSelectionEvent = false;
+            }
+        }
+
+        /// <summary>
+        /// 모든 항목의 선택을 해제합니다.
+        /// </summary>
+        public void ClearSelection()
+        {
+            _treeView?.ClearSelection();
+        }
+
+
+        /// <summary>
+        /// 원본 데이터를 기반으로 TreeView 데이터를 재구성하고 UI를 갱신합니다.
+        /// </summary>
+        private void RefreshTreeViewData()
+        {
+            var visited = new HashSet<UTKComponentListItemData>();
+            _rootData = ConvertToTreeViewData(_originalRoots, visited, 0);
+            _treeView?.SetRootItems(_rootData);
+            _treeView?.Rebuild();
+            ExpandByData(_originalRoots);
+        }
+
+        /// <summary>
+        /// 부모 노드의 자식들에서 대상 항목을 재귀적으로 찾아 삭제합니다.
+        /// </summary>
+        /// <param name="parent">부모 노드</param>
+        /// <param name="target">삭제할 대상 항목</param>
+        /// <returns>삭제 성공 여부</returns>
+        private bool RemoveFromChildren(UTKComponentListItemData parent, UTKComponentListItemData target)
+        {
+            if (parent.children == null || parent.children.Count == 0) return false;
+
+            // 직접 자식에서 삭제 시도
+            if (parent.children.Remove(target))
+            {
+                return true;
+            }
+
+            // 하위 자식들에서 재귀적으로 검색
+            foreach (var child in parent.children)
+            {
+                if (RemoveFromChildren(child, target))
+                {
+                    return true;
+                }
+            }
+
+            return false;
+        }
+
+        /// <summary>
+        /// 이름으로 항목을 재귀적으로 검색합니다.
+        /// </summary>
+        /// <param name="name">찾을 항목의 이름</param>
+        /// <returns>찾은 항목 또는 null</returns>
+        private UTKComponentListItemData? FindItemByName(string name)
+        {
+            foreach (var root in _originalRoots)
+            {
+                var found = FindItemByNameRecursive(root, name);
+                if (found != null) return found;
+            }
+            return null;
+        }
+
+        /// <summary>
+        /// 삭제된 항목과 그 자식들을 선택 상태에서 제거합니다.
+        /// _previouslySelectedItems와 TreeView의 선택 상태 모두에서 제거합니다.
+        /// </summary>
+        /// <param name="data">삭제된 항목</param>
+        private void RemoveFromSelection(UTKComponentListItemData data)
+        {
+            // 삭제할 항목과 모든 자식들의 ID 수집
+            var idsToRemove = new HashSet<int>();
+            CollectItemIds(data, idsToRemove);
+
+            // _previouslySelectedItems에서 제거
+            _previouslySelectedItems.RemoveAll(item => idsToRemove.Contains(item.id));
+
+            // TreeView 선택 상태에서 제거
+            if (_treeView != null)
+            {
+                var currentSelection = _treeView.selectedIndices.ToList();
+                var newSelection = new List<int>();
+
+                foreach (var index in currentSelection)
+                {
+                    var selectedItem = _treeView.GetItemDataForIndex<UTKComponentListItemData>(index);
+                    if (selectedItem != null && !idsToRemove.Contains(selectedItem.id))
+                    {
+                        newSelection.Add(selectedItem.id);
+                    }
+                }
+
+                if (currentSelection.Count != newSelection.Count)
+                {
+                    _treeView.SetSelection(newSelection);
+                }
+            }
+        }
+
+        /// <summary>
+        /// 항목과 모든 자식들의 ID를 재귀적으로 수집합니다.
+        /// </summary>
+        /// <param name="node">수집 시작 노드</param>
+        /// <param name="ids">ID를 저장할 HashSet</param>
+        private void CollectItemIds(UTKComponentListItemData node, HashSet<int> ids)
+        {
+            ids.Add(node.id);
+
+            if (node.children != null)
+            {
+                foreach (var child in node.children)
+                {
+                    CollectItemIds(child, ids);
+                }
+            }
+        }
+
+        /// <summary>
+        /// 노드와 그 자식들에서 이름으로 항목을 재귀적으로 검색합니다.
+        /// </summary>
+        /// <param name="node">검색 시작 노드</param>
+        /// <param name="name">찾을 항목의 이름</param>
+        /// <returns>찾은 항목 또는 null</returns>
+        private UTKComponentListItemData? FindItemByNameRecursive(UTKComponentListItemData node, string name)
+        {
+            if (node.name == name) return node;
+
+            if (node.children != null)
+            {
+                foreach (var child in node.children)
+                {
+                    var found = FindItemByNameRecursive(child, name);
+                    if (found != null) return found;
+                }
+            }
+
+            return null;
+        }
+
+        /// <summary>
+        /// 재귀적으로 항목의 가시성을 이름 목록에 따라 설정합니다.
+        /// </summary>
+        /// <param name="node">현재 노드</param>
+        /// <param name="visibleNames">표시할 이름 목록</param>
+        /// <param name="maxDepth">최대 검색 깊이 (0이하=무제한)</param>
+        /// <param name="currentDepth">현재 깊이</param>
+        private void SetVisibilityByNames(UTKComponentListItemData node, HashSet<string> visibleNames, int maxDepth, int currentDepth)
+        {
+            if (node == null) return;
+
+            // maxDepth <= 0 이면 전체 검색, 아니면 깊이 제한 체크
+            bool isWithinDepth = maxDepth <= 0 || currentDepth < maxDepth;
+
+            if (isWithinDepth)
+            {
+                // 이름이 목록에 있으면 visible, 없으면 hidden
+                node.IsVisible = visibleNames.Contains(node.name);
+
+                // 가시성 변경 이벤트 발송
+                OnItemVisibilityChanged?.Invoke(node, node.IsVisible);
+            }
+
+            // 자식들도 재귀적으로 처리
+            if (node.children != null)
+            {
+                foreach (var child in node.children)
+                {
+                    SetVisibilityByNames(child, visibleNames, maxDepth, currentDepth + 1);
+                }
+            }
+        }
+        #endregion
+
+        #region 선택 처리 (Selection Handling)
+        /// <summary>
+        /// TreeView의 선택 변경 이벤트를 처리합니다.
+        /// SelectionType에 따라 TreeView가 자동으로 선택 항목 수를 제한합니다:
+        /// - None: 선택 불가 (selectedItems 항상 비어있음)
+        /// - Single: 최대 1개 선택
+        /// - Multiple: 여러 개 선택 가능
+        /// </summary>
+        /// <param name="selectedItems">선택된 항목들</param>
+        private void OnTreeViewSelectionChanged(IEnumerable<object> selectedItems)
+        {
+            // SelectionType.None인 경우 선택 변경 무시
+            if (_treeView?.selectionType == SelectionType.None) return;
+
+            // 현재 선택된 항목들 (TreeView가 selectionType에 따라 이미 필터링함)
+            var currentItems = selectedItems.OfType<UTKComponentListItemData>().ToList();
+
+            // 선택 해제된 항목들 찾기 (이전에는 있었지만 현재는 없는 항목)
+            var deselectedItems = _previouslySelectedItems
+                .Where(prev => !currentItems.Contains(prev))
+                .ToList();
+
+            // 새로 선택된 항목들 찾기 (이전에는 없었지만 현재는 있는 항목)
+            var newlySelectedItems = currentItems
+                .Where(curr => !_previouslySelectedItems.Contains(curr))
+                .ToList();
+
+            // 선택 해제 상태 업데이트
+            foreach (var item in deselectedItems)
+            {
+                item.isSelected = false;
+            }
+
+            // 선택 상태 업데이트
+            foreach (var item in newlySelectedItems)
+            {
+                item.isSelected = true;
+            }
+
+            // 이벤트 억제 플래그가 false일 때만 이벤트 발송
+            if (!_suppressSelectionEvent)
+            {
+                if (deselectedItems.Count > 0)
+                {
+                    OnItemDeselected?.Invoke(deselectedItems);
+                }
+
+                if (newlySelectedItems.Count > 0)
+                {
+                    OnItemSelected?.Invoke(newlySelectedItems);
+                }
+            }
+
+            // 현재 선택 상태 저장
+            _previouslySelectedItems = currentItems;
+        }
+
+        /// <summary>
+        /// TreeView에서 항목이 더블클릭되거나 Enter 키로 선택될 때 호출됩니다.
+        /// </summary>
+        /// <param name="chosenItems">선택된 항목들</param>
+        private void OnTreeViewItemsChosen(IEnumerable<object> chosenItems)
+        {
+            var item = chosenItems.FirstOrDefault() as UTKComponentListItemData;
+            if (item != null)
+            {
+                OnItemDoubleClicked?.Invoke(item);
+            }
+        }
+
+        /// <summary>
+        /// TreeView에서 키보드 입력 이벤트를 처리합니다.
+        /// EnabledDeleteItem이 true이고 Delete 키 입력 시 선택된 항목 삭제 이벤트를 발송합니다.
+        /// </summary>
+        /// <param name="evt">키 입력 이벤트</param>
+        private void OnTreeViewKeyDown(KeyDownEvent evt)
+        {
+            if (evt.keyCode == KeyCode.Delete || evt.keyCode == KeyCode.Backspace)
+            {
+                // EnabledDeleteItem이 false이면 삭제 무시
+                if (!EnabledDeleteItem) return;
+
+                if (_previouslySelectedItems.Count > 0)
+                {
+                    // 선택된 항목들 각각에 대해 삭제 이벤트 발송
+                    foreach (var item in _previouslySelectedItems)
+                    {
+                        OnItemDeleted?.Invoke(item);
+                    }
+                    evt.StopPropagation();
+                }
+            }
+        }
+
+        /// <summary>
+        /// TreeView 항목의 펼침/접힘 상태가 변경될 때 호출됩니다.
+        /// 데이터의 isExpanded 값을 동기화합니다.
+        /// </summary>
+        /// <param name="evt">펼침/접힘 변경 이벤트</param>
+        private void OnTreeViewItemExpandedChanged(TreeViewExpansionChangedArgs evt)
+        {
+            // ExpandByData() 실행 중에는 이벤트 무시 (데이터 덮어쓰기 방지)
+            if (_suppressExpandEvent) return;
+
+            var item = _treeView?.GetItemDataForId<UTKComponentListItemData>(evt.id);
+            if (item != null)
+            {
+                item.isExpanded = evt.isExpanded;
+            }
+        }
+        #endregion
+
+        #region 데이터 변환 (Data Conversion)
+        /// <summary>
+        /// UTKComponentListItemData 리스트를 TreeView가 요구하는 TreeViewItemData 형식으로 변환합니다.
+        /// 재귀적으로 자식 항목도 변환하며, 순환 참조를 감지합니다.
+        /// </summary>
+        /// <param name="items">변환할 항목 리스트</param>
+        /// <param name="visited">순환 참조 감지용 방문 집합</param>
+        /// <param name="depth">현재 깊이 (디버깅용)</param>
+        /// <returns>TreeViewItemData 래퍼 리스트</returns>
+        private List<TreeViewItemData<UTKComponentListItemData>> ConvertToTreeViewData(List<UTKComponentListItemData> items, HashSet<UTKComponentListItemData> visited, int depth)
+        {
+            var list = new List<TreeViewItemData<UTKComponentListItemData>>(items.Count);
+            foreach (var item in items)
+            {
+                if (item == null) continue;
+
+                // 순환 참조 체크: 이미 방문한 항목이면 자식 무시
+                if (!visited.Add(item))
+                {
+                    Debug.LogWarning($"[UTKComponentList] Cycle detected at item '{item.name}' → children 무시");
+                    item.children = null;
+                }
+
+                // ID가 없으면 자동 할당
+                if (item.id == 0) item.id = _idSeed++;
+
+                // 자식 항목 재귀 변환
+                List<TreeViewItemData<UTKComponentListItemData>>? childData = null;
+                if (item.children != null && item.children.Count > 0)
+                    childData = ConvertToTreeViewData(item.children, visited, depth + 1);
+
+                // TreeViewItemData 래퍼 생성
+                var treeItem = new TreeViewItemData<UTKComponentListItemData>(item.id, item, childData);
+                list.Add(treeItem);
+            }
+            return list;
+        }
+        #endregion
+
+        #region TreeView 항목 바인딩 (TreeView Item Creation/Binding)
+
+        /// <summary>
+        /// TreeView 항목의 UI 요소를 생성합니다.
+        /// makeItem은 데이터 없이 호출되므로 기본 컨테이너만 생성합니다.
+        /// 실제 템플릿은 bindItem에서 데이터에 따라 교체됩니다.
+        /// </summary>
+        /// <returns>생성된 UI 요소</returns>
+        private VisualElement MakeTreeItem()
+        {
+            // 빈 컨테이너 생성 (bindItem에서 템플릿 교체)
+            var container = new VisualElement();
+            container.style.flexGrow = 1;
+            return container;
+        }
+
+        /// <summary>
+        /// 데이터를 UI 요소에 바인딩합니다.
+        /// TreeView의 bindItem 콜백으로 사용됩니다.
+        /// 스크롤 시 재사용되는 항목에 새 데이터를 연결합니다.
+        /// 자식 유무에 따라 다른 템플릿을 사용합니다.
+        /// </summary>
+        /// <param name="element">바인딩할 UI 요소</param>
+        /// <param name="index">TreeView 내부 인덱스</param>
+        private void BindTreeItem(VisualElement element, int index)
+        {
+            // 인덱스로 데이터 획득
+            var item = _treeView!.GetItemDataForIndex<UTKComponentListItemData>(index);
+            if (item == null) return;
+
+            // 자식 유무 확인: 실제 자식이 있거나, 검색 결과 그룹인 경우 (TreeViewItemData에만 자식이 있음)
+            bool hasChildren = (item.children != null && item.children.Count > 0) || item.isSearchResultGroup;
+
+            // 0. 자식이 없는 항목의 토글(화살표) 영역 너비 제거
+            // element는 TemplateContainer이고, Toggle은 부모(unity-tree-view__item)의 자식
+            var treeViewItem = element.parent?.parent;
+            var toggle = treeViewItem?.Q<Toggle>("unity-tree-view__item-toggle");
+            if (toggle != null)
+            {
+                toggle.style.width = hasChildren ? StyleKeyword.Auto : 0;
+            }
+
+            // 1. 기존 내용 제거 후 적절한 템플릿으로 교체
+            element.Clear();
+            var template = hasChildren ? _groupItemTemplate : _itemTemplate;
+            if (template != null) template.CloneTree(element);
+
+            // 2. 항목 이름 레이블 설정
+            var label = element.Q<Label>("item-label");
+            if (label != null) label.text = item.name;
+
+            // 3. 그룹 항목의 badge-label 및 setting-btn 설정
+            if (hasChildren)
+            {
+                var badgeLabel = element.Q<Label>("badge-label");
+                if (badgeLabel != null)
+                {
+                    // 검색 결과 그룹은 이름에 이미 개수가 포함되어 있으므로 badge 숨김
+                    if (item.isSearchResultGroup)
+                    {
+                        badgeLabel.style.display = DisplayStyle.None;
+                    }
+                    else
+                    {
+                        badgeLabel.style.display = DisplayStyle.Flex;
+                        badgeLabel.text = item.children!.Count.ToString();
+                    }
+                }
+
+                // setting-btn 클릭 이벤트 연결
+                var settingBtn = element.Q<Button>("setting-btn");
+                if (settingBtn != null)
+                {
+                    // 검색 결과 그룹인 경우 setting-btn 숨기기
+                    if (item.isSearchResultGroup)
+                    {
+                        settingBtn.style.display = DisplayStyle.None;
+                        settingBtn.SetEnabled(false);
+                    }
+                    else
+                    {
+                        settingBtn.style.display = DisplayStyle.Flex;
+                        settingBtn.SetEnabled(true);
+
+                        // 기존 이벤트 제거 후 재등록 (메모리 누수 방지)
+                        if (settingBtn.userData is Action oldSettingAction) settingBtn.clicked -= oldSettingAction;
+                        Action settingClickAction = () =>
+                        {
+                            OnItemIconClicked?.Invoke("setting-btn", item);
+                        };
+                        settingBtn.userData = settingClickAction;
+                        settingBtn.clicked += settingClickAction;
+                    }
+                }
+            }
+            else
+            {
+                // 일반 항목의 search-btn 클릭 이벤트 연결
+                var searchBtn = element.Q<Button>("search-btn");
+                if (searchBtn != null)
+                {
+                    // 기존 이벤트 제거 후 재등록 (메모리 누수 방지)
+                    if (searchBtn.userData is Action oldSearchAction) searchBtn.clicked -= oldSearchAction;
+                    Action searchClickAction = () =>
+                    {
+                        OnItemIconClicked?.Invoke("search-btn", item);
+                    };
+                    searchBtn.userData = searchClickAction;
+                    searchBtn.clicked += searchClickAction;
+                }
+
+                // 4. 가시성 아이콘 버튼 설정 (일반 항목만)
+                var toggleBtn = element.Q<Button>("visibility-btn");
+                if (toggleBtn != null)
+                {
+                    UpdateVisibilityIcon(toggleBtn, item.IsVisible);
+
+                    // 가시성 버튼 클릭 이벤트 연결
+                    // 주의: bindItem은 스크롤 시 재호출되므로 기존 이벤트 제거 후 재등록
+                    if (toggleBtn.userData is Action oldAction) toggleBtn.clicked -= oldAction;
+                    Action clickAction = () =>
+                    {
+                        // 가시성 상태 토글
+                        item.IsVisible = !item.IsVisible;
+                        UpdateVisibilityIcon(toggleBtn, item.IsVisible);
+
+                        // 자식이 없기에 자식들에게 동일 상태 전파 안함
+                        //SetChildrenVisibility(item, item.IsVisible);
+
+                        // 자식이 없기에 화면에 보이는 자식 아이콘도 갱신 않함
+                        //_treeView!.RefreshItems();
+
+                        // 외부에 이벤트 발송 (3D 모델 가시성 동기화)
+                        OnItemVisibilityChanged?.Invoke(item, item.IsVisible);
+                    };
+                    toggleBtn.userData = clickAction;
+                    toggleBtn.clicked += clickAction;
+                }
+            }
+        }
+        #endregion
+
+        #region 가시성 처리 (Visibility Handling)
+        /// <summary>
+        /// 자식 항목들의 가시성을 재귀적으로 동기화합니다.
+        /// 부모의 가시성이 변경되면 모든 하위 항목에 동일하게 적용됩니다.
+        /// </summary>
+        /// <param name="node">현재 노드</param>
+        /// <param name="isVisible">설정할 가시성 상태</param>
+        private void SetChildrenVisibility(UTKComponentListItemData node, bool isVisible)
+        {
+            if (node.children == null || node.children.Count == 0) return;
+            foreach (var child in node.children)
+            {
+                if (child == null) continue;
+                child.IsVisible = isVisible;
+                // 재귀적으로 하위 자식에도 적용
+                SetChildrenVisibility(child, isVisible);
+            }
+        }
+
+        /// <summary>
+        /// 가시성 버튼의 아이콘 스타일을 업데이트합니다.
+        /// USS 클래스를 토글하여 아이콘 변경을 처리합니다.
+        /// </summary>
+        /// <param name="btn">가시성 토글 버튼</param>
+        /// <param name="isVisible">현재 가시성 상태</param>
+        private void UpdateVisibilityIcon(Button btn, bool isVisible)
+        {
+            if (isVisible)
+            {
+                btn.RemoveFromClassList("visibility-off");
+                btn.AddToClassList("visibility-on");
+            }
+            else
+            {
+                btn.RemoveFromClassList("visibility-on");
+                btn.AddToClassList("visibility-off");
+            }
+        }
+        #endregion
+
+        #region 검색 기능 (Search Functionality)
+        /// <summary>
+        /// 검색 필드에서 Enter 키를 눌렀을 때 검색을 실행합니다.
+        /// </summary>
+        /// <param name="evt">키 입력 이벤트</param>
+        private void OnSearchFieldKeyDown(KeyDownEvent evt)
+        {
+            if (evt.keyCode == KeyCode.Return || evt.keyCode == KeyCode.KeypadEnter)
+            {
+                OnSearch(_searchField?.value ?? string.Empty);
+                evt.StopPropagation();
+            }
+        }
+
+        /// <summary>
+        /// 검색 필드가 포커스를 잃었을 때 검색을 실행합니다.
+        /// </summary>
+        /// <param name="evt">포커스 아웃 이벤트</param>
+        private void OnSearchFieldFocusOut(FocusOutEvent evt)
+        {
+            OnSearch(_searchField?.value ?? string.Empty);
+        }
+
+        /// <summary>
+        /// 검색어에 따라 트리를 필터링합니다.
+        /// 검색어가 비어있으면 원본 데이터로 복원됩니다.
+        /// </summary>
+        /// <param name="query">검색어</param>
+        private void OnSearch(string query)
+        {
+            // 검색어가 없으면 원본 데이터 복원
+            if (string.IsNullOrEmpty(query))
+            {
+                _treeView.SetRootItems<UTKComponentListItemData>(_rootData);
+                _treeView.Rebuild();
+                ExpandByData(_originalRoots);
+                return;
+            }
+
+            // 대소문자 무시 검색
+            string qLower = query.Trim().ToLowerInvariant();
+            var filteredWrappers = FilterTree(qLower);
+
+            // 필터링된 결과로 TreeView 갱신
+            _treeView.SetRootItems<UTKComponentListItemData>(filteredWrappers);
+            _treeView.Rebuild();
+
+            // 검색 결과 모두 펼치기
+            ExpandAll(filteredWrappers);
+        }
+
+        /// <summary>
+        /// 모든 루트 항목에 대해 필터링을 수행하고, "검색결과 N건" 그룹으로 감쌉니다.
+        /// </summary>
+        /// <param name="qLower">소문자로 변환된 검색어</param>
+        /// <returns>필터링된 TreeViewItemData 리스트 (검색 결과 그룹 포함)</returns>
+        private List<TreeViewItemData<UTKComponentListItemData>> FilterTree(string qLower)
+        {
+            // 1. 매칭되는 리프 노드들만 수집
+            var matchedItems = new List<UTKComponentListItemData>();
+            CollectMatchingLeafNodes(_originalRoots, qLower, matchedItems);
+
+            // 2. 검색 결과가 없으면 빈 리스트 반환
+            if (matchedItems.Count == 0)
+            {
+                return new List<TreeViewItemData<UTKComponentListItemData>>();
+            }
+
+            string localeName = LocalizationManager.Instance.GetString("search_result_count");
+            if(localeName == "search_result_count")
+            {
+                localeName = "검색결과 {0}건";
+            }
+            localeName = localeName.Replace("{0}", matchedItems.Count.ToString());
+
+            // 3. "검색결과 N건" 그룹 데이터 생성
+            var searchResultGroup = new UTKComponentListItemData
+            {
+                id = -1000, // 특별한 ID (충돌 방지)
+                name = localeName,
+                isSearchResultGroup = true,
+                isExpanded = true
+            };
+
+            // 4. 매칭된 항목들을 자식으로 래핑 (TreeViewItemData 형태로)
+            var childWrappers = new List<TreeViewItemData<UTKComponentListItemData>>();
+            foreach (var item in matchedItems)
+            {
+                childWrappers.Add(new TreeViewItemData<UTKComponentListItemData>(item.id, item));
+            }
+
+            // 5. 그룹을 TreeViewItemData로 래핑
+            var groupWrapper = new TreeViewItemData<UTKComponentListItemData>(
+                searchResultGroup.id,
+                searchResultGroup,
+                childWrappers
+            );
+
+            return new List<TreeViewItemData<UTKComponentListItemData>> { groupWrapper };
+        }
+
+        /// <summary>
+        /// 검색어와 매칭되는 리프 노드(자식이 없는 항목)들을 재귀적으로 수집합니다.
+        /// </summary>
+        /// <param name="items">검색할 항목 리스트</param>
+        /// <param name="qLower">소문자로 변환된 검색어</param>
+        /// <param name="result">매칭된 항목을 저장할 리스트</param>
+        private void CollectMatchingLeafNodes(List<UTKComponentListItemData> items, string qLower, List<UTKComponentListItemData> result)
+        {
+            foreach (var item in items)
+            {
+                // 자식이 있으면 자식들을 재귀적으로 검색
+                if (item.children != null && item.children.Count > 0)
+                {
+                    CollectMatchingLeafNodes(item.children, qLower, result);
+                }
+                else
+                {
+                    // 리프 노드인 경우에만 매칭 검사
+                    if (NodeMatches(item, qLower))
+                    {
+                        result.Add(item);
+                    }
+                }
+            }
+        }
+
+        /// <summary>
+        /// 단일 노드를 필터링합니다.
+        /// 자신 또는 자식이 검색어와 매치되면 결과에 포함됩니다.
+        /// </summary>
+        /// <param name="node">필터링할 노드</param>
+        /// <param name="qLower">소문자로 변환된 검색어</param>
+        /// <returns>매치된 경우 TreeViewItemData, 아니면 null</returns>
+        private TreeViewItemData<UTKComponentListItemData>? FilterNode(UTKComponentListItemData node, string qLower)
+        {
+            // 자기 자신이 매치되는지 확인
+            bool selfMatch = NodeMatches(node, qLower);
+            List<TreeViewItemData<UTKComponentListItemData>>? childFiltered = null;
+
+            // 자식들도 재귀적으로 필터링
+            if (node.children != null && node.children.Count > 0)
+            {
+                foreach (var child in node.children)
+                {
+                    TreeViewItemData<UTKComponentListItemData>? f = FilterNode(child, qLower);
+                    if (f != null)
+                    {
+                        childFiltered ??= new List<TreeViewItemData<UTKComponentListItemData>>();
+                        childFiltered.Add(f.Value);
+                    }
+                }
+            }
+
+            // 자신이 매치되거나 매치된 자식이 있으면 포함
+            if (selfMatch || (childFiltered != null && childFiltered.Count > 0))
+            {
+                return new TreeViewItemData<UTKComponentListItemData>(node.id, node, childFiltered);
+            }
+            return null;
+        }
+
+        /// <summary>
+        /// 노드가 검색어와 매치되는지 확인합니다.
+        /// name, option, ExternalKey 필드를 검색 대상으로 합니다.
+        /// </summary>
+        /// <param name="item">검사할 항목</param>
+        /// <param name="qLower">소문자로 변환된 검색어</param>
+        /// <returns>매치 여부</returns>
+        private bool NodeMatches(UTKComponentListItemData item, string qLower)
+        {
+            if (item.name != null && item.name.ToLowerInvariant().Contains(qLower)) return true;
+            if (!string.IsNullOrEmpty(item.option) && item.option.ToLowerInvariant().Contains(qLower)) return true;
+            if (!string.IsNullOrEmpty(item.ExternalKey) && item.ExternalKey.ToLowerInvariant().Contains(qLower)) return true;
+            return false;
+        }
+
+        /// <summary>
+        /// 필터링된 결과의 모든 항목을 펼칩니다.
+        /// </summary>
+        /// <param name="roots">펼칠 루트 항목들</param>
+        private void ExpandAll(List<TreeViewItemData<UTKComponentListItemData>> roots)
+        {
+            foreach (var r in roots)
+                ExpandRecursive(r);
+        }
+
+        /// <summary>
+        /// 노드와 그 자식들을 재귀적으로 펼칩니다.
+        /// </summary>
+        /// <param name="wrapper">펼칠 TreeViewItemData</param>
+        private void ExpandRecursive(TreeViewItemData<UTKComponentListItemData> wrapper)
+        {
+            _treeView.ExpandItem(wrapper.id);
+            if (wrapper.children != null)
+            {
+                foreach (var c in wrapper.children)
+                    ExpandRecursive(c);
+            }
+        }
+        #endregion
+
+        #region IDisposable
+        /// <summary>
+        /// 리소스를 해제하고 이벤트 핸들러를 정리합니다.
+        /// </summary>
+        public void Dispose()
+        {
+            if (_disposed) return;
+            _disposed = true;
+
+            // 검색 필드 이벤트 해제
+            if (_searchField != null)
+            {
+                _searchField.UnregisterCallback<KeyDownEvent>(OnSearchFieldKeyDown);
+                _searchField.UnregisterCallback<FocusOutEvent>(OnSearchFieldFocusOut);
+            }
+
+            // TreeView 이벤트 핸들러 해제
+            if (_treeView != null)
+            {
+                _treeView.selectionChanged -= OnTreeViewSelectionChanged;
+                _treeView.itemsChosen -= OnTreeViewItemsChosen;
+                _treeView.itemExpandedChanged -= OnTreeViewItemExpandedChanged;
+                _treeView.UnregisterCallback<KeyDownEvent>(OnTreeViewKeyDown);
+                _treeView.bindItem = null;
+                _treeView.makeItem = null;
+            }
+
+            // 외부 이벤트 구독자 정리
+            OnItemVisibilityChanged = null;
+            OnItemSelected = null;
+            OnItemDeselected = null;
+            OnItemDeleted = null;
+            OnItemDoubleClicked = null;
+            OnItemIconClicked = null;
+
+            // 데이터 정리
+            _originalRoots.Clear();
+            _rootData?.Clear();
+            _rootData = null;
+            _previouslySelectedItems.Clear();
+
+            // ID 시드 초기화
+            _idSeed = 1;
+
+            // UI 참조 정리
+            _searchField = null;
+            _treeView = null;
+            _clearButton = null;
+        }
+        #endregion
+    }
+}
\ No newline at end of file
diff --git a/Assets/Scripts/UVC/UIToolkit/List/UTKComponentList.cs.meta b/Assets/Scripts/UVC/UIToolkit/List/UTKComponentList.cs.meta
new file mode 100644
index 00000000..5738b6b9
--- /dev/null
+++ b/Assets/Scripts/UVC/UIToolkit/List/UTKComponentList.cs.meta
@@ -0,0 +1,2 @@
+fileFormatVersion: 2
+guid: eae6cfc99d965024bb62ed28a883b8a8
diff --git a/Assets/Scripts/UVC/UIToolkit/List/UTKComponentListItemData.cs b/Assets/Scripts/UVC/UIToolkit/List/UTKComponentListItemData.cs
new file mode 100644
index 00000000..aaa089e4
--- /dev/null
+++ b/Assets/Scripts/UVC/UIToolkit/List/UTKComponentListItemData.cs
@@ -0,0 +1,135 @@
+#nullable enable
+using System;
+using System.Collections.Generic;
+
+namespace UVC.UIToolkit.List
+{
+    /// <summary>
+    /// 트리 구조 리스트의 개별 항목 데이터를 나타내는 클래스입니다.
+    ///
+    /// <para><b>개요:</b></para>
+    /// <para>
+    /// UTKComponentListItemData는 계층적 트리 구조에서 각 노드(항목)를 표현합니다.
+    /// 부모-자식 관계를 통해 중첩된 트리 구조를 구성할 수 있으며,
+    /// UTKComponentListWindow(UI)에서 사용됩니다.
+    /// </para>
+    ///
+    /// <para><b>주요 용도:</b></para>
+    /// <list type="bullet">
+    ///   <item>3D glTF 모델의 계층 구조를 UI 트리로 표현</item>
+    ///   <item>트리 리스트에서 항목 선택/확장/가시성 상태 관리</item>
+    ///   <item>모델 뷰어와 트리 리스트 간의 데이터 동기화</item>
+    /// </list>
+    ///
+    /// <para><b>사용 예시:</b></para>
+    /// <code>
+    /// // 루트 항목 생성
+    /// var root = new UTKComponentListItemData { id = 1, name = "루트" };
+    ///
+    /// // 자식 항목 추가
+    /// var child1 = new UTKComponentListItemData { id = 2, name = "자식1" };
+    /// var child2 = new UTKComponentListItemData { id = 3, name = "자식2" };
+    /// root.Add(child1);
+    /// root.Add(child2);
+    ///
+    /// // 손자 항목 추가
+    /// var grandChild = new UTKComponentListItemData { id = 4, name = "손자" };
+    /// child1.Add(grandChild);
+    /// </code>
+    /// </summary>
+    public class UTKComponentListItemData: IDisposable
+    {
+        /// <summary>
+        /// 항목의 고유 식별자입니다.
+        /// TreeView에서 항목을 구분하고 선택하는 데 사용됩니다.
+        /// 일반적으로 UTKComponentList.SetData() 호출 시 자동으로 할당됩니다.
+        /// </summary>
+        public int id = 0;
+
+        /// <summary>
+        /// 항목의 표시 이름입니다.
+        /// UI의 TreeView에서 사용자에게 보여지는 텍스트입니다.
+        /// glTF 모델 로드 시 GameObject 이름이 자동으로 설정됩니다.
+        /// </summary>
+        public string name = string.Empty;
+
+        /// <summary>
+        /// 추가 옵션 또는 설명 텍스트입니다.
+        /// 검색 필터링 시 name과 함께 검색 대상이 됩니다.
+        /// </summary>
+        public string option = string.Empty;
+
+        /// <summary>
+        /// 트리뷰에서 해당 항목이 펼쳐져 있는지 여부입니다.
+        /// true: 자식 항목들이 표시됨 / false: 자식 항목들이 숨겨짐
+        /// </summary>
+        public bool isExpanded = true;
+
+        /// <summary>
+        /// 해당 항목이 현재 선택되어 있는지 여부입니다.
+        /// 선택 상태가 변경되면 UTKComponentList.OnSelectionChanged 이벤트가 발생합니다.
+        /// </summary>
+        public bool isSelected = false;
+
+        /// <summary>
+        /// 부모 항목에 대한 참조입니다.
+        /// 루트 항목의 경우 null입니다.
+        /// Add() 메서드로 자식을 추가하면 자동으로 설정됩니다.
+        /// </summary>
+        public UTKComponentListItemData? parent;
+
+        /// <summary>
+        /// 자식 항목들의 리스트입니다.
+        /// 재귀적 트리 구조를 형성합니다.
+        /// Add() 메서드를 통해 자식을 추가할 수 있습니다.
+        /// </summary>
+        public List<UTKComponentListItemData> children = new List<UTKComponentListItemData>();
+
+        /// <summary>
+        /// 해당 항목(및 연결된 3D 오브젝트)의 가시성 상태입니다.
+        /// UI의 눈 아이콘 버튼으로 토글되며,
+        /// 변경 시 UTKComponentListWindow.OnVisibilityChanged 이벤트를 통해
+        /// 3D 모델의 GameObject.SetActive()가 호출됩니다.
+        /// </summary>
+        public bool IsVisible = true;
+
+        /// <summary>
+        /// 외부 시스템(예: 간트 차트)과의 연동을 위한 외부 키입니다.
+        /// 검색 필터링 시 검색 대상에 포함됩니다.
+        /// 모델과 차트 간의 동기화에 사용될 수 있습니다.
+        /// </summary>
+        public string ExternalKey = string.Empty;
+
+        /// <summary>
+        /// 검색 결과를 감싸는 임시 그룹 항목인지 여부입니다.
+        /// true인 경우 setting-btn이 숨겨지고 클릭되지 않습니다.
+        /// 검색 시 자동 생성되며, 검색 해제 시 제거됩니다.
+        /// </summary>
+        public bool isSearchResultGroup = false;
+
+        /// <summary>
+        /// 자식 항목을 추가합니다.
+        /// 추가되는 자식의 parent 속성이 자동으로 현재 항목으로 설정됩니다.
+        /// </summary>
+        /// <param name="child">추가할 자식 항목</param>
+        /// <example>
+        /// <code>
+        /// var parent = new UTKComponentListItemData { name = "부모" };
+        /// var child = new UTKComponentListItemData { name = "자식" };
+        /// parent.Add(child);
+        /// // child.parent == parent (자동 설정됨)
+        /// </code>
+        /// </example>
+        public void Add(UTKComponentListItemData child)
+        {
+            child.parent = this;
+            children.Add(child);
+        }
+
+        public void Dispose()
+        {
+            children.Clear();
+            parent = null;
+        }
+    }
+}
\ No newline at end of file
diff --git a/Assets/Scripts/UVC/UIToolkit/List/UTKComponentListItemData.cs.meta b/Assets/Scripts/UVC/UIToolkit/List/UTKComponentListItemData.cs.meta
new file mode 100644
index 00000000..ea3a3628
--- /dev/null
+++ b/Assets/Scripts/UVC/UIToolkit/List/UTKComponentListItemData.cs.meta
@@ -0,0 +1,2 @@
+fileFormatVersion: 2
+guid: f72bc175f9d7aba45aa08ca58319bf06
diff --git a/Assets/Scripts/UVC/UIToolkit/Window/UTKComponentListWindow.cs b/Assets/Scripts/UVC/UIToolkit/Window/UTKComponentListWindow.cs
new file mode 100644
index 00000000..cd31082a
--- /dev/null
+++ b/Assets/Scripts/UVC/UIToolkit/Window/UTKComponentListWindow.cs
@@ -0,0 +1,289 @@
+#nullable enable
+using System;
+using System.Collections.Generic;
+using UnityEngine;
+using UnityEngine.UIElements;
+using UVC.UIToolkit.List;
+
+namespace UVC.UIToolkit.Window
+{
+    /// <summary>
+    /// UTKComponentList를 래핑하여 윈도우 형태로 제공하는 컴포넌트입니다.
+    ///
+    /// <para><b>개요:</b></para>
+    /// <para>
+    /// UTKComponentListWindow는 UTKComponentList를 내부에 포함하고 헤더(타이틀, 닫기 버튼)를 추가한
+    /// 윈도우 형태의 컴포넌트입니다. 모든 트리 관련 기능은 내부 UTKComponentList에 위임됩니다.
+    /// </para>
+    ///
+    /// <para><b>UXML에서 사용:</b></para>
+    /// <code>
+    /// <UVC.UIToolkit.Window.UTKComponentListWindow name="tree-list-window" />
+    /// </code>
+    ///
+    /// <para><b>코드에서 사용:</b></para>
+    /// <code>
+    /// var window = root.Q<UTKComponentListWindow>();
+    /// window.OnItemSelected += (items) => Debug.Log($"선택: {items[0].name}");
+    /// window.SetData(treeItems);
+    /// </code>
+    /// </summary>
+    [UxmlElement]
+    public partial class UTKComponentListWindow : VisualElement, IDisposable
+    {
+        #region IDisposable
+        private bool _disposed = false;
+        #endregion
+
+        #region 상수 (Constants)
+        /// <summary>메인 UXML 파일 경로 (Resources 폴더 기준)</summary>
+        private const string UXML_PATH = "UIToolkit/Window/UTKComponentListWindow";
+        #endregion
+
+        #region UI 컴포넌트 참조 (UI Component References)
+        /// <summary>내부 UTKComponentList 컴포넌트</summary>
+        private UTKComponentList? _componentList;
+
+        /// <summary>트리 리스트 닫기 버튼</summary>
+        private Button? _closeButton;
+        #endregion
+
+        #region 공개 속성 (Public Properties)
+        /// <summary>
+        /// 항목 삭제 기능 활성화 여부입니다.
+        /// true일 때만 Delete/Backspace 키로 항목 삭제 이벤트가 발생합니다.
+        /// 기본값은 false입니다.
+        /// </summary>
+        public bool EnabledDeleteItem
+        {
+            get => _componentList?.EnabledDeleteItem ?? false;
+            set { if (_componentList != null) _componentList.EnabledDeleteItem = value; }
+        }
+        #endregion
+
+        #region 외부 이벤트 (Public Events)
+        /// <summary>
+        /// 메인/검색 리스트에서 항목이 선택될 때 발생합니다.
+        /// </summary>
+        public Action<List<UTKComponentListItemData>>? OnItemSelected
+        {
+            get => _componentList?.OnItemSelected;
+            set { if (_componentList != null) _componentList.OnItemSelected = value; }
+        }
+
+        /// <summary>
+        /// 메인/검색 리스트에서 항목이 선택 해제될 때 발생합니다.
+        /// </summary>
+        public Action<List<UTKComponentListItemData>>? OnItemDeselected
+        {
+            get => _componentList?.OnItemDeselected;
+            set { if (_componentList != null) _componentList.OnItemDeselected = value; }
+        }
+
+        /// <summary>
+        /// 항목의 가시성(눈 아이콘)이 변경될 때 발생합니다.
+        /// </summary>
+        public event Action<UTKComponentListItemData, bool>? OnItemVisibilityChanged
+        {
+            add { if (_componentList != null) _componentList.OnItemVisibilityChanged += value; }
+            remove { if (_componentList != null) _componentList.OnItemVisibilityChanged -= value; }
+        }
+
+        /// <summary>
+        /// 메인/검색 리스트에서 항목이 삭제될 때 발생합니다 (Delete 키).
+        /// </summary>
+        public Action<UTKComponentListItemData>? OnItemDeleted
+        {
+            get => _componentList?.OnItemDeleted;
+            set { if (_componentList != null) _componentList.OnItemDeleted = value; }
+        }
+
+        /// <summary>
+        /// 메인/검색 리스트에서 항목이 더블클릭될 때 발생합니다.
+        /// </summary>
+        public Action<UTKComponentListItemData>? OnItemDoubleClicked
+        {
+            get => _componentList?.OnItemDoubleClicked;
+            set { if (_componentList != null) _componentList.OnItemDoubleClicked = value; }
+        }
+
+        /// <summary>
+        /// 아이콘을 클릭할 때 발생합니다.
+        /// </summary>
+        public Action<string, UTKComponentListItemData>? OnItemIconClicked
+        {
+            get => _componentList?.OnItemIconClicked;
+            set { if (_componentList != null) _componentList.OnItemIconClicked = value; }
+        }
+
+        /// <summary>
+        /// 트리 리스트가 닫힐 때(숨겨질 때) 발생합니다.
+        /// 닫기 버튼 클릭 시 트리거됩니다.
+        /// </summary>
+        public event Action? OnClosed;
+        #endregion
+
+        #region 생성자 (Constructor)
+        /// <summary>
+        /// UTKComponentListWindow 컴포넌트를 초기화합니다.
+        /// UXML 템플릿을 로드하고 내부 UTKComponentList를 설정합니다.
+        /// </summary>
+        public UTKComponentListWindow()
+        {
+            // 1. 메인 UXML 로드 및 복제
+            var visualTree = Resources.Load<VisualTreeAsset>(UXML_PATH);
+            if (visualTree == null)
+            {
+                Debug.LogError($"[UTKComponentListWindow] UXML not found at: {UXML_PATH}");
+                return;
+            }
+            visualTree.CloneTree(this);
+
+            // 2. 내부 UTKComponentList 찾기 (UXML의 ui:Instance로 생성된 컴포넌트)
+            _componentList = this.Q<UTKComponentList>();
+            if (_componentList == null)
+            {
+                Debug.LogError("[UTKComponentListWindow] UTKComponentList not found in UXML");
+                return;
+            }
+
+            // 3. 닫기 버튼 찾기 및 이벤트 연결
+            _closeButton = this.Q<Button>("close-btn");
+            if (_closeButton != null)
+            {
+                _closeButton.clicked += () =>
+                {
+                    this.style.display = DisplayStyle.None;
+                    OnClosed?.Invoke();
+                };
+            }
+        }
+        #endregion
+
+        #region 공개 메서드 (Public Methods)
+        /// <summary>
+        /// 트리 리스트를 화면에 표시합니다.
+        /// </summary>
+        public void Show()
+        {
+            this.style.display = DisplayStyle.Flex;
+            _componentList?.Show();
+        }
+
+        /// <summary>
+        /// 트리 데이터를 설정합니다.
+        /// </summary>
+        /// <param name="roots">루트 항목들의 리스트</param>
+        public void SetData(List<UTKComponentListItemData> roots)
+        {
+            _componentList?.SetData(roots);
+        }
+
+        /// <summary>
+        /// 지정된 ID의 항목을 프로그래밍 방식으로 선택합니다.
+        /// </summary>
+        /// <param name="itemId">선택할 항목의 ID</param>
+        public void SelectByItemId(int itemId)
+        {
+            _componentList?.SelectByItemId(itemId);
+        }
+
+        /// <summary>
+        /// 지정된 이름 목록에 해당하는 항목만 표시하고 나머지는 숨깁니다.
+        /// </summary>
+        /// <param name="items">표시할 항목들의 이름 목록</param>
+        /// <param name="depth">검색 깊이</param>
+        public void ShowItems(List<string> items, int depth = 1)
+        {
+            _componentList?.ShowItems(items, depth);
+        }
+
+        /// <summary>
+        /// 루트 레벨에 새 항목을 추가합니다.
+        /// </summary>
+        /// <param name="data">추가할 항목 데이터</param>
+        public void AddItem(UTKComponentListItemData data)
+        {
+            _componentList?.AddItem(data);
+        }
+
+        /// <summary>
+        /// 지정된 부모 항목의 자식으로 새 항목을 추가합니다.
+        /// </summary>
+        /// <param name="parent">부모 항목</param>
+        /// <param name="data">추가할 항목 데이터</param>
+        public void AddItem(UTKComponentListItemData? parent, UTKComponentListItemData data)
+        {
+            _componentList?.AddItem(parent, data);
+        }
+
+        /// <summary>
+        /// 트리에서 항목을 완전히 삭제합니다.
+        /// </summary>
+        /// <param name="data">삭제할 항목 데이터</param>
+        public void DeleteItem(UTKComponentListItemData data)
+        {
+            _componentList?.DeleteItem(data);
+        }
+
+        /// <summary>
+        /// 항목의 이름을 변경하고 UI를 갱신합니다.
+        /// </summary>
+        /// <param name="data">변경할 항목 데이터</param>
+        /// <param name="newName">새 이름</param>
+        public void SetItemName(UTKComponentListItemData data, string newName)
+        {
+            _componentList?.SetItemName(data, newName);
+        }
+
+        /// <summary>
+        /// 이름으로 항목을 찾아 선택합니다.
+        /// </summary>
+        /// <param name="name">선택할 항목의 이름</param>
+        /// <param name="notify">선택 이벤트 발송 여부</param>
+        public void SelectItem(string name, bool notify = true)
+        {
+            _componentList?.SelectItem(name, notify);
+        }
+
+        /// <summary>
+        /// 이름으로 항목을 찾아 선택을 해제합니다.
+        /// </summary>
+        /// <param name="name">선택 해제할 항목의 이름</param>
+        /// <param name="notify">선택 해제 이벤트 발송 여부</param>
+        public void DeselectItem(string name, bool notify = true)
+        {
+            _componentList?.DeselectItem(name, notify);
+        }
+
+        /// <summary>
+        /// 모든 항목의 선택을 해제합니다.
+        /// </summary>
+        public void ClearSelection()
+        {
+            _componentList?.ClearSelection();
+        }
+        #endregion
+
+        #region IDisposable
+        /// <summary>
+        /// 리소스를 해제하고 이벤트 핸들러를 정리합니다.
+        /// </summary>
+        public void Dispose()
+        {
+            if (_disposed) return;
+            _disposed = true;
+
+            // 내부 UTKComponentList 정리
+            _componentList?.Dispose();
+            _componentList = null;
+
+            // 외부 이벤트 구독자 정리
+            OnClosed = null;
+
+            // UI 참조 정리
+            _closeButton = null;
+        }
+        #endregion
+    }
+}
diff --git a/Assets/Scripts/UVC/UIToolkit/Window/UTKComponentListWindow.cs.meta b/Assets/Scripts/UVC/UIToolkit/Window/UTKComponentListWindow.cs.meta
new file mode 100644
index 00000000..e811ab8c
--- /dev/null
+++ b/Assets/Scripts/UVC/UIToolkit/Window/UTKComponentListWindow.cs.meta
@@ -0,0 +1,2 @@
+fileFormatVersion: 2
+guid: 79be44292c9ef794fa3fceb7ef6e7322
diff --git a/Assets/Scripts/UVC/UIToolkit/Window/UTKComponentTabListWindow.cs b/Assets/Scripts/UVC/UIToolkit/Window/UTKComponentTabListWindow.cs
new file mode 100644
index 00000000..0e932aee
--- /dev/null
+++ b/Assets/Scripts/UVC/UIToolkit/Window/UTKComponentTabListWindow.cs
@@ -0,0 +1,538 @@
+#nullable enable
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using UnityEngine;
+using UnityEngine.UIElements;
+using UVC.UIToolkit.List;
+
+namespace UVC.UIToolkit.Window
+{
+    /// <summary>
+    /// UTKComponentList와 탭 기능을 결합하여 윈도우 형태로 제공하는 컴포넌트입니다.
+    ///
+    /// <para><b>개요:</b></para>
+    /// <para>
+    /// UTKComponentTabListWindow는 UTKComponentList를 내부에 포함하고 헤더(타이틀, 닫기 버튼)와
+    /// 탭 버튼들을 추가한 윈도우 형태의 컴포넌트입니다. 탭을 통해 카테고리별 필터링이 가능합니다.
+    /// </para>
+    ///
+    /// <para><b>UXML에서 사용:</b></para>
+    /// <code>
+    /// <UVC.UIToolkit.Window.UTKComponentTabListWindow name="tab-list-window" />
+    /// </code>
+    ///
+    /// <para><b>코드에서 사용:</b></para>
+    /// <code>
+    /// var window = root.Q<UTKComponentTabListWindow>();
+    /// window.OnItemSelected += (items) => Debug.Log($"선택: {items[0].name}");
+    /// window.SetData(treeItems);
+    /// window.SelectTab(0); // 첫 번째 카테고리 탭 선택
+    /// </code>
+    /// </summary>
+    [UxmlElement]
+    public partial class UTKComponentTabListWindow : VisualElement, IDisposable
+    {
+        #region IDisposable
+        private bool _disposed = false;
+        #endregion
+
+        #region 상수 (Constants)
+        /// <summary>메인 UXML 파일 경로 (Resources 폴더 기준)</summary>
+        private const string UXML_PATH = "UIToolkit/Window/UTKComponentTabListWindow";
+
+        /// <summary>"전체" 탭을 나타내는 인덱스</summary>
+        private const int ALL_TAB_INDEX = -1;
+        #endregion
+
+        #region UI 컴포넌트 참조 (UI Component References)
+        /// <summary>내부 UTKComponentList 컴포넌트</summary>
+        private UTKComponentList? _componentList;
+
+        /// <summary>탭 버튼 컨테이너</summary>
+        private VisualElement? _tabContainer;
+
+        /// <summary>트리 리스트 닫기 버튼</summary>
+        private Button? _closeButton;
+        #endregion
+
+        #region 탭 관련 데이터 (Tab Data)
+        /// <summary>원본 전체 데이터</summary>
+        private List<UTKComponentListItemData> _originalRoots = new();
+
+        /// <summary>현재 선택된 탭 인덱스 (-1: 전체)</summary>
+        private int _selectedTabIndex = ALL_TAB_INDEX;
+
+        /// <summary>탭 버튼들</summary>
+        private List<Button> _tabButtons = new();
+
+        /// <summary>탭별 검색어 저장 (key: 탭 인덱스, value: 검색어)</summary>
+        private Dictionary<int, string> _tabSearchQueries = new();
+        #endregion
+
+        #region 공개 속성 (Public Properties)
+        /// <summary>
+        /// 항목 삭제 기능 활성화 여부입니다.
+        /// true일 때만 Delete/Backspace 키로 항목 삭제 이벤트가 발생합니다.
+        /// 기본값은 false입니다.
+        /// </summary>
+        public bool EnabledDeleteItem
+        {
+            get => _componentList?.EnabledDeleteItem ?? false;
+            set { if (_componentList != null) _componentList.EnabledDeleteItem = value; }
+        }
+        #endregion
+
+        #region 외부 이벤트 (Public Events)
+        /// <summary>
+        /// 메인/검색 리스트에서 항목이 선택될 때 발생합니다.
+        /// </summary>
+        public Action<List<UTKComponentListItemData>>? OnItemSelected
+        {
+            get => _componentList?.OnItemSelected;
+            set { if (_componentList != null) _componentList.OnItemSelected = value; }
+        }
+
+        /// <summary>
+        /// 메인/검색 리스트에서 항목이 선택 해제될 때 발생합니다.
+        /// </summary>
+        public Action<List<UTKComponentListItemData>>? OnItemDeselected
+        {
+            get => _componentList?.OnItemDeselected;
+            set { if (_componentList != null) _componentList.OnItemDeselected = value; }
+        }
+
+        /// <summary>
+        /// 항목의 가시성(눈 아이콘)이 변경될 때 발생합니다.
+        /// </summary>
+        public event Action<UTKComponentListItemData, bool>? OnItemVisibilityChanged
+        {
+            add { if (_componentList != null) _componentList.OnItemVisibilityChanged += value; }
+            remove { if (_componentList != null) _componentList.OnItemVisibilityChanged -= value; }
+        }
+
+        /// <summary>
+        /// 메인/검색 리스트에서 항목이 삭제될 때 발생합니다 (Delete 키).
+        /// </summary>
+        public Action<UTKComponentListItemData>? OnItemDeleted
+        {
+            get => _componentList?.OnItemDeleted;
+            set { if (_componentList != null) _componentList.OnItemDeleted = value; }
+        }
+
+        /// <summary>
+        /// 메인/검색 리스트에서 항목이 더블클릭될 때 발생합니다.
+        /// </summary>
+        public Action<UTKComponentListItemData>? OnItemDoubleClicked
+        {
+            get => _componentList?.OnItemDoubleClicked;
+            set { if (_componentList != null) _componentList.OnItemDoubleClicked = value; }
+        }
+
+        /// <summary>
+        /// 아이콘을 클릭할 때 발생합니다.
+        /// </summary>
+        public Action<string, UTKComponentListItemData>? OnItemIconClicked
+        {
+            get => _componentList?.OnItemIconClicked;
+            set { if (_componentList != null) _componentList.OnItemIconClicked = value; }
+        }
+
+        /// <summary>
+        /// 트리 리스트가 닫힐 때(숨겨질 때) 발생합니다.
+        /// 닫기 버튼 클릭 시 트리거됩니다.
+        /// </summary>
+        public event Action? OnClosed;
+        #endregion
+
+        #region 생성자 (Constructor)
+        /// <summary>
+        /// UTKComponentTabListWindow 컴포넌트를 초기화합니다.
+        /// UXML 템플릿을 로드하고 내부 UTKComponentList와 탭을 설정합니다.
+        /// </summary>
+        public UTKComponentTabListWindow()
+        {
+            // 1. 메인 UXML 로드 및 복제
+            var visualTree = Resources.Load<VisualTreeAsset>(UXML_PATH);
+            if (visualTree == null)
+            {
+                Debug.LogError($"[UTKComponentTabListWindow] UXML not found at: {UXML_PATH}");
+                return;
+            }
+            visualTree.CloneTree(this);
+
+            // 2. 내부 UTKComponentList 찾기 (UXML의 커스텀 요소로 생성된 컴포넌트)
+            _componentList = this.Q<UTKComponentList>();
+            if (_componentList == null)
+            {
+                Debug.LogError("[UTKComponentTabListWindow] UTKComponentList not found in UXML");
+                return;
+            }
+
+            // 3. 탭 관련 요소 찾기
+            _tabContainer = this.Q<VisualElement>("tab-container");
+
+            // 4. 닫기 버튼 찾기 및 이벤트 연결
+            _closeButton = this.Q<Button>("close-btn");
+            if (_closeButton != null)
+            {
+                _closeButton.clicked += () =>
+                {
+                    this.style.display = DisplayStyle.None;
+                    OnClosed?.Invoke();
+                };
+            }
+        }
+        #endregion
+
+        #region 공개 메서드 (Public Methods)
+        /// <summary>
+        /// 트리 리스트를 화면에 표시합니다.
+        /// </summary>
+        public void Show()
+        {
+            this.style.display = DisplayStyle.Flex;
+            _componentList?.Show();
+        }
+
+        /// <summary>
+        /// 트리 데이터를 설정합니다.
+        /// 데이터의 카테고리를 분석하여 탭을 자동 생성합니다.
+        /// </summary>
+        /// <param name="roots">루트 항목들의 리스트</param>
+        public void SetData(List<UTKComponentListItemData> roots)
+        {
+            _originalRoots = roots ?? new List<UTKComponentListItemData>();
+
+            // 탭 생성 (카테고리 기반)
+            CreateTabs();
+
+            // 전체 탭 선택 (기본값)
+            SelectTab(ALL_TAB_INDEX);
+        }
+
+        /// <summary>
+        /// 탭을 선택하고 해당 데이터를 TreeView에 표시합니다.
+        /// 이전 탭의 검색어를 저장하고, 새 탭의 검색어를 복원합니다.
+        /// </summary>
+        /// <param name="tabIndex">선택할 탭 인덱스 (-1: 전체, 0~: 카테고리)</param>
+        public void SelectTab(int tabIndex)
+        {
+            // 1. 이전 탭의 검색어 저장
+            if (_componentList != null)
+            {
+                var currentQuery = _componentList.SearchQuery;
+                if (!string.IsNullOrEmpty(currentQuery))
+                {
+                    _tabSearchQueries[_selectedTabIndex] = currentQuery;
+                }
+                else
+                {
+                    _tabSearchQueries.Remove(_selectedTabIndex);
+                }
+            }
+
+            // 2. 탭 인덱스 변경 및 스타일 업데이트
+            _selectedTabIndex = tabIndex;
+            UpdateTabStyles();
+
+            // 3. 데이터 필터링 및 표시
+            var filteredData = FilterDataByTab(tabIndex);
+            _componentList?.SetData(filteredData);
+
+            // 4. 새 탭의 검색어 복원 및 적용
+            if (_componentList != null)
+            {
+                if (_tabSearchQueries.TryGetValue(tabIndex, out var savedQuery) && !string.IsNullOrEmpty(savedQuery))
+                {
+                    _componentList.ApplySearch(savedQuery);
+                }
+                else
+                {
+                    _componentList.ApplySearch(string.Empty);
+                }
+            }
+        }
+
+        /// <summary>
+        /// 지정된 ID의 항목을 프로그래밍 방식으로 선택합니다.
+        /// </summary>
+        /// <param name="itemId">선택할 항목의 ID</param>
+        public void SelectByItemId(int itemId)
+        {
+            _componentList?.SelectByItemId(itemId);
+        }
+
+        /// <summary>
+        /// 지정된 이름 목록에 해당하는 항목만 표시하고 나머지는 숨깁니다.
+        /// </summary>
+        /// <param name="items">표시할 항목들의 이름 목록</param>
+        /// <param name="depth">검색 깊이</param>
+        public void ShowItems(List<string> items, int depth = 1)
+        {
+            _componentList?.ShowItems(items, depth);
+        }
+
+        /// <summary>
+        /// 루트 레벨에 새 항목을 추가합니다.
+        /// </summary>
+        /// <param name="data">추가할 항목 데이터</param>
+        public void AddItem(UTKComponentListItemData data)
+        {
+            _originalRoots.Add(data);
+            CreateTabs();
+            SelectTab(_selectedTabIndex);
+        }
+
+        /// <summary>
+        /// 지정된 부모 항목의 자식으로 새 항목을 추가합니다.
+        /// </summary>
+        /// <param name="parent">부모 항목</param>
+        /// <param name="data">추가할 항목 데이터</param>
+        public void AddItem(UTKComponentListItemData? parent, UTKComponentListItemData data)
+        {
+            if (parent == null)
+            {
+                AddItem(data);
+                return;
+            }
+
+            parent.children ??= new List<UTKComponentListItemData>();
+            parent.children.Add(data);
+
+            // 탭 및 표시 갱신
+            CreateTabs();
+            SelectTab(_selectedTabIndex);
+        }
+
+        /// <summary>
+        /// 트리에서 항목을 완전히 삭제합니다.
+        /// </summary>
+        /// <param name="data">삭제할 항목 데이터</param>
+        public void DeleteItem(UTKComponentListItemData data)
+        {
+            if (RemoveItemFromRoots(data))
+            {
+                CreateTabs();
+                SelectTab(_selectedTabIndex);
+            }
+        }
+
+        /// <summary>
+        /// 항목의 이름을 변경하고 UI를 갱신합니다.
+        /// </summary>
+        /// <param name="data">변경할 항목 데이터</param>
+        /// <param name="newName">새 이름</param>
+        public void SetItemName(UTKComponentListItemData data, string newName)
+        {
+            _componentList?.SetItemName(data, newName);
+        }
+
+        /// <summary>
+        /// 이름으로 항목을 찾아 선택합니다.
+        /// </summary>
+        /// <param name="name">선택할 항목의 이름</param>
+        /// <param name="notify">선택 이벤트 발송 여부</param>
+        public void SelectItem(string name, bool notify = true)
+        {
+            _componentList?.SelectItem(name, notify);
+        }
+
+        /// <summary>
+        /// 이름으로 항목을 찾아 선택을 해제합니다.
+        /// </summary>
+        /// <param name="name">선택 해제할 항목의 이름</param>
+        /// <param name="notify">선택 해제 이벤트 발송 여부</param>
+        public void DeselectItem(string name, bool notify = true)
+        {
+            _componentList?.DeselectItem(name, notify);
+        }
+
+        /// <summary>
+        /// 모든 항목의 선택을 해제합니다.
+        /// </summary>
+        public void ClearSelection()
+        {
+            _componentList?.ClearSelection();
+        }
+        #endregion
+
+        #region 탭 관리 (Tab Management)
+        /// <summary>
+        /// 데이터의 카테고리를 분석하여 탭 버튼을 생성합니다.
+        /// </summary>
+        private void CreateTabs()
+        {
+            if (_tabContainer == null) return;
+
+            // 기존 탭 제거
+            _tabContainer.Clear();
+            _tabButtons.Clear();
+
+            // "전체" 탭 생성
+            var allTab = CreateTabButton("All", ALL_TAB_INDEX);
+            _tabContainer.Add(allTab);
+            _tabButtons.Add(allTab);
+
+            // 카테고리별 탭 생성 (루트 항목들이 그룹이면 해당 이름으로 탭 생성)
+            var categories = _originalRoots
+                .Where(r => r.children != null && r.children.Count > 0)
+                .Select(r => r.name)
+                .Distinct()
+                .ToList();
+
+            for (int i = 0; i < categories.Count; i++)
+            {
+                var categoryTab = CreateTabButton(categories[i], i);
+                _tabContainer.Add(categoryTab);
+                _tabButtons.Add(categoryTab);
+            }
+        }
+
+        /// <summary>
+        /// 탭 버튼을 생성합니다.
+        /// </summary>
+        /// <param name="label">탭 레이블</param>
+        /// <param name="index">탭 인덱스</param>
+        /// <returns>생성된 버튼</returns>
+        private Button CreateTabButton(string label, int index)
+        {
+            var button = new Button(() => SelectTab(index))
+            {
+                text = label
+            };
+            button.AddToClassList("tab-button");
+            return button;
+        }
+
+        /// <summary>
+        /// 선택된 탭의 스타일을 업데이트합니다.
+        /// </summary>
+        private void UpdateTabStyles()
+        {
+            for (int i = 0; i < _tabButtons.Count; i++)
+            {
+                var btn = _tabButtons[i];
+                // 인덱스 0 = "전체" 탭 (ALL_TAB_INDEX = -1)
+                // 인덱스 1~ = 카테고리 탭 (0~)
+                int tabIndex = i == 0 ? ALL_TAB_INDEX : i - 1;
+
+                if (tabIndex == _selectedTabIndex)
+                {
+                    btn.AddToClassList("tab-button-selected");
+                }
+                else
+                {
+                    btn.RemoveFromClassList("tab-button-selected");
+                }
+            }
+        }
+
+        /// <summary>
+        /// 선택된 탭에 따라 데이터를 필터링합니다.
+        /// </summary>
+        /// <param name="tabIndex">탭 인덱스 (-1: 전체)</param>
+        /// <returns>필터링된 데이터</returns>
+        private List<UTKComponentListItemData> FilterDataByTab(int tabIndex)
+        {
+            // 전체 탭이면 모든 데이터 반환
+            if (tabIndex == ALL_TAB_INDEX)
+            {
+                return _originalRoots;
+            }
+
+            // 카테고리 탭이면 해당 카테고리의 자식들만 반환 (부모 없이 자식만 표시)
+            var categories = _originalRoots
+                .Where(r => r.children != null && r.children.Count > 0)
+                .ToList();
+
+            if (tabIndex >= 0 && tabIndex < categories.Count)
+            {
+                return categories[tabIndex].children ?? new List<UTKComponentListItemData>();
+            }
+
+            return _originalRoots;
+        }
+        #endregion
+
+        #region 내부 헬퍼 메서드 (Internal Helper Methods)
+        /// <summary>
+        /// 원본 데이터에서 항목을 재귀적으로 삭제합니다.
+        /// </summary>
+        /// <param name="target">삭제할 항목</param>
+        /// <returns>삭제 성공 여부</returns>
+        private bool RemoveItemFromRoots(UTKComponentListItemData target)
+        {
+            if (_originalRoots.Remove(target))
+            {
+                return true;
+            }
+
+            foreach (var root in _originalRoots)
+            {
+                if (RemoveFromChildren(root, target))
+                {
+                    return true;
+                }
+            }
+
+            return false;
+        }
+
+        /// <summary>
+        /// 부모 노드의 자식들에서 대상 항목을 재귀적으로 삭제합니다.
+        /// </summary>
+        /// <param name="parent">부모 노드</param>
+        /// <param name="target">삭제할 대상 항목</param>
+        /// <returns>삭제 성공 여부</returns>
+        private bool RemoveFromChildren(UTKComponentListItemData parent, UTKComponentListItemData target)
+        {
+            if (parent.children == null || parent.children.Count == 0) return false;
+
+            if (parent.children.Remove(target))
+            {
+                return true;
+            }
+
+            foreach (var child in parent.children)
+            {
+                if (RemoveFromChildren(child, target))
+                {
+                    return true;
+                }
+            }
+
+            return false;
+        }
+        #endregion
+
+        #region IDisposable
+        /// <summary>
+        /// 리소스를 해제하고 이벤트 핸들러를 정리합니다.
+        /// </summary>
+        public void Dispose()
+        {
+            if (_disposed) return;
+            _disposed = true;
+
+            // 내부 UTKComponentList 정리
+            _componentList?.Dispose();
+            _componentList = null;
+
+            // 탭 버튼 정리
+            _tabButtons.Clear();
+            _tabContainer = null;
+
+            // 외부 이벤트 구독자 정리
+            OnClosed = null;
+
+            // 데이터 정리
+            _originalRoots.Clear();
+            _tabSearchQueries.Clear();
+
+            // UI 참조 정리
+            _closeButton = null;
+        }
+        #endregion
+    }
+}
diff --git a/Assets/Scripts/UVC/UIToolkit/Window/UTKComponentTabListWindow.cs.meta b/Assets/Scripts/UVC/UIToolkit/Window/UTKComponentTabListWindow.cs.meta
new file mode 100644
index 00000000..cdba3ff9
--- /dev/null
+++ b/Assets/Scripts/UVC/UIToolkit/Window/UTKComponentTabListWindow.cs.meta
@@ -0,0 +1,2 @@
+fileFormatVersion: 2
+guid: a75f5e337fff0364db73c575f1716d4d
diff --git a/Assets/Scripts/UVC/UIToolkit/Window/UTKTreeListWindow.cs b/Assets/Scripts/UVC/UIToolkit/Window/UTKTreeListWindow.cs
index 79bb93d2..2e9431b1 100644
--- a/Assets/Scripts/UVC/UIToolkit/Window/UTKTreeListWindow.cs
+++ b/Assets/Scripts/UVC/UIToolkit/Window/UTKTreeListWindow.cs
@@ -44,7 +44,14 @@ namespace UVC.UIToolkit.Window
     ///   <item>Resources/UIToolkit/Window/UTKTreeListWindow.uxml - 메인 레이아웃</item>
     ///   <item>Resources/UIToolkit/List/UTKTreeListItem.uxml - 개별 항목 템플릿</item>
     /// </list>
+    ///
+    /// <para><b>선택 해제 방지:</b></para>
+    /// <para>
+    /// 빈 영역 클릭 시 선택이 해제되지 않도록 하려면 EventSystem의 InputSystemUIInputModule 컴포넌트에서
+    /// <c>Deselect On Background Click</c> 옵션을 해제해야 합니다.
+    /// </para>
     /// </summary>
+    [UxmlElement]
     public partial class UTKTreeListWindow : VisualElement, IDisposable
     {
         #region IDisposable
@@ -102,6 +109,21 @@ namespace UVC.UIToolkit.Window
         /// 프로그래밍 방식으로 선택 시 이벤트를 발송하지 않으려면 true로 설정합니다.
         /// </summary>
         private bool _suppressSelectionEvent = false;
+
+        /// <summary>
+        /// 펼침/접힘 이벤트 처리를 일시적으로 억제하는 플래그입니다.
+        /// ExpandByData() 실행 중 이벤트로 인한 데이터 덮어쓰기를 방지합니다.
+        /// </summary>
+        private bool _suppressExpandEvent = false;
+        #endregion
+
+        #region 공개 속성 (Public Properties)
+        /// <summary>
+        /// 항목 삭제 기능 활성화 여부입니다.
+        /// true일 때만 Delete/Backspace 키로 항목 삭제 이벤트가 발생합니다.
+        /// 기본값은 true입니다.
+        /// </summary>
+        public bool EnabledDeleteItem { get; set; } = true;
         #endregion
 
         #region 외부 이벤트 (Public Events)
@@ -159,7 +181,7 @@ namespace UVC.UIToolkit.Window
             // 2. 자식 요소 참조 획득 (UXML의 name 속성으로 찾음)
             _searchField = this.Q<TextField>("search-field");
             _treeView = this.Q<TreeView>("main-tree-view");
-            _closeButton = this.Q<Button>("hide-btn");
+            _closeButton = this.Q<Button>("close-btn");
             _clearButton = this.Q<Button>("clear-btn");
 
             // 3. 이벤트 연결 및 로직 초기화
@@ -173,10 +195,11 @@ namespace UVC.UIToolkit.Window
         /// </summary>
         private void InitializeLogic()
         {
-            // 검색창 이벤트: 입력 값이 변경될 때마다 필터링 실행
+            // 검색창 이벤트: Enter 키를 눌렀을 때 또는 포커스를 잃었을 때 필터링 실행
             if (_searchField != null)
             {
-                _searchField.RegisterValueChangedCallback(OnSearchValueChanged);
+                _searchField.RegisterCallback<KeyDownEvent>(OnSearchFieldKeyDown);
+                _searchField.RegisterCallback<FocusOutEvent>(OnSearchFieldFocusOut);
             }
 
             // TreeView 설정
@@ -188,6 +211,7 @@ namespace UVC.UIToolkit.Window
                 _treeView.bindItem = BindTreeItem;
                 _treeView.selectionChanged += OnTreeViewSelectionChanged;
                 _treeView.itemsChosen += OnTreeViewItemsChosen;
+                _treeView.itemExpandedChanged += OnTreeViewItemExpandedChanged;
                 _treeView.RegisterCallback<KeyDownEvent>(OnTreeViewKeyDown);
             }
 
@@ -356,9 +380,9 @@ namespace UVC.UIToolkit.Window
             // TreeView에 데이터 설정
             _treeView!.SetRootItems<UTKTreeListItemData>(_rootData);
 
-            // UI 갱신 및 모든 항목 펼치기
+            // UI 갱신 및 데이터의 isExpanded에 따라 항목 펼치기
             _treeView!.Rebuild();
-            _treeView!.ExpandAll();
+            ExpandByData(_originalRoots);
         }
 
         /// <summary>
@@ -418,7 +442,7 @@ namespace UVC.UIToolkit.Window
             // TreeView 갱신
             _treeView?.SetRootItems(_rootData);
             _treeView?.Rebuild();
-            if (_treeView != null && _treeView.autoExpand) _treeView.ExpandAll();
+            if (_treeView != null && _treeView.autoExpand) ExpandByData(_originalRoots);
         }
 
         /// <summary>
@@ -623,7 +647,7 @@ namespace UVC.UIToolkit.Window
             _rootData = ConvertToTreeViewData(_originalRoots, visited, 0);
             _treeView?.SetRootItems(_rootData);
             _treeView?.Rebuild();
-            _treeView?.ExpandAll();
+            if (_treeView != null && _treeView.autoExpand) ExpandByData(_originalRoots);
         }
 
         /// <summary>
@@ -779,6 +803,66 @@ namespace UVC.UIToolkit.Window
         }
         #endregion
 
+        #region 확장/축소 처리 (Expand/Collapse Handling)
+        /// <summary>
+        /// TreeView의 항목 확장/축소 이벤트를 처리합니다.
+        /// 데이터의 isExpanded 값을 동기화합니다.
+        /// </summary>
+        /// <param name="evt">확장 변경 이벤트 인자</param>
+        private void OnTreeViewItemExpandedChanged(TreeViewExpansionChangedArgs evt)
+        {
+            // ExpandByData() 실행 중에는 이벤트 무시 (데이터 덮어쓰기 방지)
+            if (_suppressExpandEvent) return;
+
+            var item = _treeView?.GetItemDataForId<UTKTreeListItemData>(evt.id);
+            if (item != null)
+            {
+                item.isExpanded = evt.isExpanded;
+            }
+        }
+
+        /// <summary>
+        /// 데이터의 isExpanded 속성에 따라 항목을 펼치거나 접습니다.
+        /// </summary>
+        /// <param name="items">처리할 항목 리스트</param>
+        private void ExpandByData(List<UTKTreeListItemData> items)
+        {
+            if (_treeView == null || items == null) return;
+
+            // 이벤트 억제 시작 (재귀 호출 고려하여 최상위에서만 설정)
+            bool wasSupressed = _suppressExpandEvent;
+            _suppressExpandEvent = true;
+
+            try
+            {
+                ExpandByDataInternal(items);
+            }
+            finally
+            {
+                _suppressExpandEvent = wasSupressed;
+            }
+        }
+
+        /// <summary>
+        /// ExpandByData의 내부 재귀 구현입니다.
+        /// </summary>
+        private void ExpandByDataInternal(List<UTKTreeListItemData> items)
+        {
+            foreach (var item in items)
+            {
+                if (item.children != null && item.children.Count > 0)
+                {
+                    if (item.isExpanded)
+                        _treeView!.ExpandItem(item.id);
+                    else
+                        _treeView!.CollapseItem(item.id);
+
+                    ExpandByDataInternal(item.children);
+                }
+            }
+        }
+        #endregion
+
         #region 선택 처리 (Selection Handling)
         /// <summary>
         /// TreeView의 선택 변경 이벤트를 처리합니다.
@@ -856,6 +940,9 @@ namespace UVC.UIToolkit.Window
         /// <param name="evt">키 입력 이벤트</param>
         private void OnTreeViewKeyDown(KeyDownEvent evt)
         {
+            // EnabledDeleteItem이 false이면 삭제 키 무시
+            if (!EnabledDeleteItem) return;
+
             if (evt.keyCode == KeyCode.Delete || evt.keyCode == KeyCode.Backspace)
             {
                 if (_previouslySelectedItems.Count > 0)
@@ -925,6 +1012,16 @@ namespace UVC.UIToolkit.Window
             var item = _treeView.GetItemDataForIndex<UTKTreeListItemData>(index);
             if (item == null) return;
 
+            // 0. 자식이 없는 항목의 토글(화살표) 영역 너비 제거
+            // element는 TemplateContainer이고, Toggle은 부모(unity-tree-view__item)의 자식
+            var treeViewItem = element.parent.parent;
+            var toggle = treeViewItem?.Q<Toggle>("unity-tree-view__item-toggle");
+            if (toggle != null)
+            {
+                bool hasChildren = item.children != null && item.children.Count > 0;
+                toggle.style.width = hasChildren ? StyleKeyword.Auto : 0;
+            }
+
             // 1. 항목 이름 레이블 설정
             var label = element.Q<Label>("item-label");
             if (label != null) label.text = item.name;
@@ -998,12 +1095,25 @@ namespace UVC.UIToolkit.Window
 
         #region 검색 기능 (Search Functionality)
         /// <summary>
-        /// 검색 필드 값 변경 콜백입니다.
+        /// 검색 필드에서 Enter 키를 눌렀을 때 검색을 실행합니다.
         /// </summary>
-        /// <param name="evt">값 변경 이벤트</param>
-        private void OnSearchValueChanged(ChangeEvent<string> evt)
+        /// <param name="evt">키 입력 이벤트</param>
+        private void OnSearchFieldKeyDown(KeyDownEvent evt)
         {
-            OnSearch(evt.newValue);
+            if (evt.keyCode == KeyCode.Return || evt.keyCode == KeyCode.KeypadEnter)
+            {
+                OnSearch(_searchField?.value ?? string.Empty);
+                evt.StopPropagation();
+            }
+        }
+
+        /// <summary>
+        /// 검색 필드가 포커스를 잃었을 때 검색을 실행합니다.
+        /// </summary>
+        /// <param name="evt">포커스 아웃 이벤트</param>
+        private void OnSearchFieldFocusOut(FocusOutEvent evt)
+        {
+            OnSearch(_searchField?.value ?? string.Empty);
         }
 
         /// <summary>
@@ -1018,6 +1128,7 @@ namespace UVC.UIToolkit.Window
             {
                 _treeView.SetRootItems<UTKTreeListItemData>(_rootData);
                 _treeView.Rebuild();
+                ExpandByData(_originalRoots);
                 return;
             }
 
@@ -1136,7 +1247,8 @@ namespace UVC.UIToolkit.Window
             // 검색 필드 이벤트 해제
             if (_searchField != null)
             {
-                _searchField.UnregisterValueChangedCallback(OnSearchValueChanged);
+                _searchField.UnregisterCallback<KeyDownEvent>(OnSearchFieldKeyDown);
+                _searchField.UnregisterCallback<FocusOutEvent>(OnSearchFieldFocusOut);
             }
 
             // TreeView 이벤트 핸들러 해제
@@ -1144,6 +1256,7 @@ namespace UVC.UIToolkit.Window
             {
                 _treeView.selectionChanged -= OnTreeViewSelectionChanged;
                 _treeView.itemsChosen -= OnTreeViewItemsChosen;
+                _treeView.itemExpandedChanged -= OnTreeViewItemExpandedChanged;
                 _treeView.UnregisterCallback<KeyDownEvent>(OnTreeViewKeyDown);
                 _treeView.bindItem = null;
                 _treeView.makeItem = null;
diff --git a/Assets/StreamingAssets/locale.json b/Assets/StreamingAssets/locale.json
index f8f6d636..d627a4d9 100644
--- a/Assets/StreamingAssets/locale.json
+++ b/Assets/StreamingAssets/locale.json
@@ -395,7 +395,10 @@
     "msg_duplicate_shortcut": {
       "ko": "이미 동일한 단축키가 등록되어 있습니다.",
       "en": "This shortcut is already registered."
+    },
+    "search_result_count": {
+      "ko": "검색결과 {0}건",
+      "en": "Search Results: {0} items"
     }
-
   }
 }
\ No newline at end of file
diff --git a/Packages/manifest.json b/Packages/manifest.json
index 94c25656..5b03c115 100644
--- a/Packages/manifest.json
+++ b/Packages/manifest.json
@@ -1,5 +1,6 @@
 {
   "dependencies": {
+    "com.coplaydev.unity-mcp": "https://github.com/CoplayDev/unity-mcp.git?path=/MCPForUnity",
     "com.cysharp.unitask": "https://github.com/Cysharp/UniTask.git?path=src/UniTask/Assets/Plugins/UniTask",
     "com.github-glitchenzo.nugetforunity": "https://github.com/GlitchEnzo/NuGetForUnity.git?path=/src/NuGetForUnity",
     "com.unity.2d.sprite": "1.0.0",
diff --git a/Packages/packages-lock.json b/Packages/packages-lock.json
index bd8e2e87..b0da13d3 100644
--- a/Packages/packages-lock.json
+++ b/Packages/packages-lock.json
@@ -1,5 +1,14 @@
 {
   "dependencies": {
+    "com.coplaydev.unity-mcp": {
+      "version": "https://github.com/CoplayDev/unity-mcp.git?path=/MCPForUnity",
+      "depth": 0,
+      "source": "git",
+      "dependencies": {
+        "com.unity.nuget.newtonsoft-json": "3.0.2"
+      },
+      "hash": "ed802c11c07647966f2e0784fbcb3c64c5fce927"
+    },
     "com.cysharp.unitask": {
       "version": "https://github.com/Cysharp/UniTask.git?path=src/UniTask/Assets/Plugins/UniTask",
       "depth": 0,