feat(pop): 액션 아키텍처 + 모달 시스템 구현 (STEP 0~7)

- executePopAction / usePopAction 훅 신규 생성
- pop-button을 usePopAction 기반으로 리팩토링
- PopModalDefinition 타입 + MODAL_SIZE_PRESETS 정의
- PopDesignerContext 신규 생성 (모달 탭 상태 공유)
- PopDesigner에 모달 탭 UI 추가 (메인 캔버스 / 모달 캔버스 전환)
- PopCanvas에 접이식 ModalSizeSettingsPanel + ModalThumbnailPreview 구현
- PopViewerWithModals 신규 생성 (뷰어 모달 렌더링 + 스택 관리)
- FULL 모달 전체화면 지원 (h-dvh, w-screen, rounded-none)
- pop-string-list 카드 버튼 액션 연동
- pop-icon / SelectedItemsDetailInput lucide import 최적화
- tsconfig skipLibCheck 설정 추가

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
SeongHyun Kim
2026-02-23 13:54:49 +09:00
parent 51e1392640
commit df8cbb3e80
16 changed files with 1492 additions and 220 deletions

View File

@@ -13,8 +13,34 @@ import { Button } from "@/components/ui/button";
import { Badge } from "@/components/ui/badge";
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { X } from "lucide-react";
import * as LucideIcons from "lucide-react";
import {
X,
Check,
Plus,
Minus,
Edit,
Trash2,
Search,
Save,
RefreshCw,
AlertCircle,
Info,
Settings,
ChevronDown,
ChevronUp,
ChevronRight,
Copy,
Download,
Upload,
ExternalLink,
type LucideIcon,
} from "lucide-react";
const LUCIDE_ICON_MAP: Record<string, LucideIcon> = {
X, Check, Plus, Minus, Edit, Trash2, Search, Save, RefreshCw,
AlertCircle, Info, Settings, ChevronDown, ChevronUp, ChevronRight,
Copy, Download, Upload, ExternalLink,
};
import { commonCodeApi } from "@/lib/api/commonCode";
import { cn } from "@/lib/utils";
@@ -1306,7 +1332,7 @@ export const SelectedItemsDetailInputComponent: React.FC<SelectedItemsDetailInpu
switch (displayItem.type) {
case "icon": {
if (!displayItem.icon) return null;
const IconComponent = (LucideIcons as any)[displayItem.icon];
const IconComponent = LUCIDE_ICON_MAP[displayItem.icon];
if (!IconComponent) return null;
return <IconComponent key={displayItem.id} className="mr-1 inline-block h-3 w-3" style={inlineStyle} />;
}