커리큘럼 목차 밀도 정리

Author: eddmpython

editor/src/components/curriculum/curriculumMarkdownBody.tsx

@@ -966,12 +966,18 @@ function payloadTextList(value: unknown) {
 }
 
 function blockTypeLabel(type: string) {
+  const normalized = type.trim();
   const labels: Record<string, string> = {
     image: "이미지",
     pdf: "PDF",
     video: "비디오",
     youtube: "YouTube",
     MIME: "미디어",
+    tip: "팁",
+    tipCard: "팁",
+    note: "노트",
+    warning: "주의",
+    info: "정보",
   };
-  return labels[type] ?? type.replace(/([a-z])([A-Z])/g, "$1 $2");
+  return labels[normalized] ?? labels[normalized.toLowerCase()] ?? normalized.replace(/([a-z])([A-Z])/g, "$1 $2");
 }

editor/src/components/curriculum/curriculumSurface.tsx

@@ -195,7 +195,7 @@ export function CurriculumCellToc({
         </ScrollArea>
       </div>
 
-      <div className="pointer-events-none absolute right-0 top-0 z-40 h-full w-72 translate-x-2 border-l bg-background/98 opacity-0 shadow-xl shadow-background/40 transition duration-150 group-hover/toc:pointer-events-auto group-hover/toc:translate-x-0 group-hover/toc:opacity-100">
+      <div className="pointer-events-none absolute right-full top-0 z-40 h-full w-72 -translate-x-2 border-r bg-background/98 opacity-0 shadow-xl shadow-background/40 transition duration-150 group-hover/toc:pointer-events-auto group-hover/toc:translate-x-0 group-hover/toc:opacity-100">
         <div className="border-b px-3 py-3">
           <div className="text-sm font-semibold tracking-normal">셀 목차</div>
           <div className="mt-1 text-xs leading-5 text-muted-foreground">마우스를 올려 현재 레슨의 셀로 이동합니다.</div>
@@ -258,8 +258,14 @@ function shouldShowTocItem(block: BlockConfig, label: string) {
     "참고",
   ]);
   if (genericLabels.has(normalized)) return false;
-  if (block.role === "explanation" && block.displayKind === "callout" && normalized.length <= 8) return false;
-  return true;
+  if (block.displayKind === "callout") return false;
+  if (block.sourceType === "tip" || block.sourceType === "tipCard" || block.sourceType === "note") return false;
+  if (block.role === "title" || block.displayKind === "hero" || block.displayKind === "title") return true;
+  if (block.type === "code") return true;
+  if (block.type === "markdown" && block.sourceType === "expansion") return false;
+  if (block.role === "exercise" || block.displayKind === "practice") return true;
+  if (block.displayKind === "quiz") return true;
+  return false;
 }
 
 function CurriculumLearningCell({

editor/src/lib/curriculaRegistry.ts

@@ -825,6 +825,7 @@ function normalizeSourceType(value: string) {
 }
 
 function blockTypeLabel(type: string) {
+  const normalized = type.trim();
   const labels: Record<string, string> = {
     centerText: "중앙 설명",
     choiceCards: "선택 카드",
@@ -855,7 +856,7 @@ function blockTypeLabel(type: string) {
     warning: "주의",
     youtube: "YouTube",
   };
-  return labels[type] ?? type.replace(/([a-z])([A-Z])/g, "$1 $2");
+  return labels[normalized] ?? labels[normalized.toLowerCase()] ?? normalized.replace(/([a-z])([A-Z])/g, "$1 $2");
 }
 
 function mapValue(value: unknown): YamlMap {