🎨 Palette: 빈 디렉토리 시각적 메타포 개선 (📂)

.jules/palette.md

@@ -52,3 +52,7 @@
 ## 2024-07-13 - 빈 디렉토리 상태의 접근성(Accessibility) 개선
 **Learning:** 정적 파일 서버의 빈 디렉토리 상태는 스크린 리더 사용자에게 컨텐츠 누락으로 오해받을 수 있으며, 시각적으로도 일반 리스트 아이템과 정렬이 맞지 않는 문제가 있었습니다.
 **Action:** 빈 상태를 나타내는 요소에 `role="status"`를 추가하여 스크린 리더가 명확하게 인지할 수 있도록 하고, 아이콘과 flex 레이아웃을 통해 다른 리스트 아이템과 일관된 시각적 흐름을 제공하도록 합니다.
+
+## 2024-08-08 - 빈 상태 아이콘 메타포
+**학습:** 빈 상태(Empty state)를 나타낼 때 정보 아이콘(`ℹ`)과 같은 일반적인 기호를 사용하면, 기존의 파일(페이지 이모지) 및 디렉토리(폴더 이모지) 아이콘과 시각적 메타포가 일치하지 않아 일관성이 떨어집니다.
+**조치:** 빈 디렉토리 상태의 아이콘을 열린 폴더 이모지(`📂`)로 변경하여 사용자가 "비어 있는 디렉토리"임을 직관적으로 이해할 수 있도록 하고, 전체 디렉토리 트리의 시각적 일관성을 유지하십시오.

src/main/kotlin/html4tree/main.kt

@@ -379,7 +379,7 @@ fun process_dir(curr_dir: File, excludeSet: Set<String>? = null, dirFiles: Array
         }
 
         if(l.isEmpty()){
-            l.append("""          <li><div class="empty-dir" role="status"><span class="icon" aria-hidden="true">&#8505;</span> <span>이 디렉토리는 비어 있습니다.</span></div></li>""")
+            l.append("""          <li><div class="empty-dir" role="status"><span class="icon" aria-hidden="true">&#128194;</span> <span>이 디렉토리는 비어 있습니다.</span></div></li>""")
             l.append('\n')
         }
 

src/test/kotlin/html4tree/GeneratedIndexReadabilityTest.kt

@@ -62,7 +62,7 @@ class GeneratedIndexReadabilityTest {
 
         val generatedHtml = generatedHtml()
         val expectedEmptyRow =
-            """<li><div class="empty-dir" role="status"><span class="icon" aria-hidden="true">&#8505;</span> <span>이 디렉토리는 비어 있습니다.</span></div></li>"""
+            """<li><div class="empty-dir" role="status"><span class="icon" aria-hidden="true">&#128194;</span> <span>이 디렉토리는 비어 있습니다.</span></div></li>"""
 
         assertTrue(generatedHtml.contains(expectedEmptyRow))
         assertTrue(generatedHtml.indexOf(expectedEmptyRow) == generatedHtml.lastIndexOf(expectedEmptyRow))