class DesignSystemToolWindowFactory : ToolWindowFactory {
   override fun createToolWindowContent(project: Project, toolWindow: ToolWindow) {
      val designSystemExplorer = DesignSystemExplorer.createForToolWindow()
      val contentManager = toolWindow.contentManager
      val content = contentManager.factory.createContent(designSystemExplorer, null, false)
      contentManager.addContent(content)
   }
}

class DesignSystemExplorer private constructor(
   private val designSystemExplorerView: DesignSystemExplorerView,
   private val toolbar: DesignSystemExplorerToolbar,
) : JPanel(BorderLayout()) {
   init {
      val centerContainer = JPanel(BorderLayout())
      centerContainer.add(toolbar, BorderLayout.NORTH)
      centerContainer.add(designSystemExplorerView)
      add(centerContainer, BorderLayout.CENTER)
   }
  
   companion object {
      @JvmStatic
      fun createForToolWindow(): DesignSystemExplorer {
         val toolbar = DesignSystemExplorerToolbar()
         val designSystemExplorerView = DesignSystemExplorerView()
         return DesignSystemExplorer(
            designSystemExplorerView,
            toolbar
         )
      }
   }
}

class DesignSystemExplorerToolbar : JPanel(...) {
   // TBD
}
class DesignSystemExplorerView : JPanel(...) {
   // TBD
   private val listView = DesignSystemExplorerListView(...)
   ...
}

class DesignSystemExplorerToolbar : JPanel() {
   init {
      // Horizontal 형태로 레이아웃을 구성
      layout = BoxLayout(this, BoxLayout.X_AXIS)
     
      val addAction = action(AddAction())
      val refreshAction = action(RefreshAction())
      // History 기능 지원으로 true로 초기화
      val searchTextField = SearchTextField(true)
      val filterAction = action(FilterAction())

      add(addAction)
      add(refreshAction)
      add(searchAction)
      add(filterAction)
     
      searchTextField.addDocumentListener(object : DocumentAdapter() {
         override fun textChanged(e: DocumentEvent) {
            // 텍스트 업데이트 시 반영 (searchTextField.text)
         }
      })
   }
}

class RefreshAction : AnAction(
   "Refresh",
   /** ... */ ,
   AllIcons.Actions.Refresh
) {
   override fun actionPerformed(e: AnActionEvent) {
      // Refresh 버튼 선택 시 동작
   }
}

class AddAction : AnAction(
   "Add item",
   /** ... */ ,
   AllIcons.General.Add
) {
   override fun actionPerformed(e: AnActionEvent) {
      // Add 버튼 선택 시 동작
   }
}

class FilterAction : PopupAction(AllIcons.General.Filter, FILTERS_BUTTON_LABEL) {
   override fun createAddPopupGroup() = DefaultActionGroup().apply {
      // 필터 옵션 동작
      // None/S/M/L 기능 (ToggleAction으로 구현)
   }
}

private fun action(
    addAction: AnAction
) = ActionButton(addAction, PresentationFactory().getPresentation(addAction), "", BUTTON_SIZE)

class DesignSystemExplorerView(
   tabs: List<DesignSystemTab>
) : JPanel(...) {
   private val resourcesTabsPanel = OverflowingTabbedPaneWrapper().apply {
      tabs.forEach {
         // 생성자로 전달된 tabs으로 JTabbedPane에 새로운 Tab을 추가
         tabbedPane.add(it.name, null)
      }
      tabbedPane.addChangeListener { event ->
         val index = (event.source as JTabbedPane).selectedIndex
         // 선택한 탭 기준으로 업데이트
      }
   }

   private val centerPanel = JPanel().apply {
      layout = BoxLayout(this, BoxLayout.Y_AXIS)
      // 추후 결과 리스트가 추가될 Panel
   }

   private val root: JPanel = panel {
      row { cell(resourcesTabsPanel).align(AlignX.FILL) }
      row { cell(centerPanel).align(Align.FILL) }
   }
  
   init {
      add(root)
      ...
   }
}

// Tab에서 사용할 데이터 클래스
data class DesignSystemTab(
    val name: String,
    ...
)

class DesignSystemExplorerListView(
   assets: List<DesignAssetSet>
) : JBList(BorderLayout()) {
   ...
   init {
     ...
     // 레이아웃 그리는 방식
     layoutOrientation = JList.VERTICAL
     // 각 항목(Cell)을 그리는 CellRenderer 적용
     cellRenderer = DesignAssetCellRenderer(...)     
     
     // 실제 데이터 적용
     val collectionListModel = CollectionListModel(assets)
     model = CollectionListModel(collectionListModel)
   }
}

class DesignAssetCellRenderer(
   ...
) : ListCellRenderer<DesignAssetSet> {
    // TBD
}

// Cell 항목에 사용될 객체
data class DesignAssetSet(...)

class DesignAssetCellRenderer(
   private val assetPreviewManager: DesignAssetPreviewManager, // 이미지 로드용 Manager 클래스
   ...
) : ListCellRenderer<DesignAssetSet> {
   override fun getListCellRendererComponent(
      list: JList<out DesignAssetSet>,
      value: DesignAssetSet,
      index: Int,
      isSelected: Boolean,
      cellHasFocus: Boolean
   ): Component {
        // 화면에 보여질 Cell View
        val assetView = RowAssetView(...)
     
        // 이미지 로드
        val iconProvider = assetPreviewManager.getPreviewProvider(...)
        val icon = iconProvider.getIcon(...,
           /** thumbnail width size */,
           /** thumbnail height size */,
           list,
           { list.getCellBounds(index, index)?.let(list::repaint) },
           { index in list.firstVisibleIndex..list.lastVisibleIndex })
        assetView.thumbnail = icon
     
        return assetView
   }
}

class RowAssetView(
   ...
) : JPanel(BorderLayout()) {
  
   private val contentWrapper = ChessBoardPanel()
  
   var thumbnail: Icon? = null
      set(value) {
         if (field !== value) {
            contentWrapper.removeAll()
            if (value != null) {
               thumbnailLabel.icon = value
               contentWrapper.add(thumbnailLabel)
            }
         }
         field = value
      }
  
   private val thumbnailLabel= JLabel().apply { horizontalAlignment = JLabel.CENTER }
   private val componentNameLabel = JBLabel()
   private val applicableFileTypeLabel = JBLabel()
   private val aliasNameLabel = JBLabel()
   private val typeLabel = JBLabel()
  
   private val bottomPanel = panel {
      customizeSpacingConfiguration(EmptySpacingConfiguration()) {
         row {
            cell(componentNameLabel).resizableColumn()
            // 우측 정렬
            cell(applicableFileTypeLabel).align(AlignX.RIGHT)
         }
         row {
            cell(aliasNameLabel).resizableColumn()
            // 우측 정렬
            cell(typeLabel).align(AlignX.RIGHT)
         }
      }
   }
  
   init {
      add(contentWrapper, BorderLayout.NORTH)
      add(bottomPanel, BorderLayout.SOUTH)
      
      // 컴포넌트 명칭 
      componentNameLabel.text = /** ... */
      // 적용할 파일 타입
      applicableFileTypeLabel.text = /** ... */
      // 별칭명
      aliasNameLabel.text = /** ... */
      // 컴포넌트 타입
      typeLabel.text = /** ... */
   }
}

val bufferedImage = ImageUtils.readImageAtScale(/** java.io.InputStream */, /** java.awt.Dimension */ )

interface DesignAssetPreviewManager {
   fun getPreviewProvider(...): DesignAssetIconProvider
}

interface DesignAssetIconProvider {
    fun getIcon(
        assetToRender: ...,
        width: Int,
        height: Int,
        component: Component,
        refreshCallback: () -> Unit = {},
        shouldBeRendered: () -> Boolean = { true }
    ): Icon
}