v0.1.70

v0.1.70 — UI 이모티콘 금지 영구 룰 + AI 손 아이콘 캐릭터 설정

사용자 룰

• "디자인 시 이모티콘은 사용 X (아이콘은 허용). AI 가 파일 수정/생성/마운트 작업 시 손/팔 표시될 때 손은 적절한 아이콘이나 이미지로 표시 (캐릭터 설정에서 수정 가능)"
• #### 1) designguide.md 영구 룰 추가 (1-3, 1-4)
• 새 섹션 **1-3 아이콘 vs 이모티콘**: UI 노출 텍스트의 이모티콘 금지. 허용 (lucide-react SVG 아이콘, 주석 안 이모지, 외부 API 응답) / 금지 (JSX 텍스트 / placeholder / title / aria-label / alert / i18n) 명시. 22 종 대체 매핑 표.
• 새 섹션 **1-4 AI 활동 시 손/팔 표현**: 사용자가 손 아이콘 선택 가능 + 작업별 자동 매핑(auto: Pen/Terminal/Eye/Sparkles/Hand).
• #### 2) AI 손 아이콘 신기능
• src/store/viewStore.ts:
• handIcon: 'auto' | 'hand' | 'pointer' | 'sparkle' | 'wrench' | 'pen' | 'none' 필드 + setHandIcon 액션
• persist 키에 포함, 기본값 'auto'.
• src/components/Avatars/AgentAvatars2D.tsx:
• pickHandIcon(setting, action) 헬퍼 — auto 모드 시 action 별 자동 매핑.
• AvatarTrailsSvg 의 data.dots interface 확장 (action, isReachArm, age).
• 현재 위치 dot 의 위쪽-우측에 손 아이콘 nested SVG 렌더 (counter-scale /zoom 적용 → 줌 무관 일정 픽셀 크기). age 1500ms 이후 페이드아웃.
• src/components/Layout/SettingsModal.tsx:
• CharacterTab 최상단에 **AI 작업 시 손 아이콘** 섹션 (Hand 아이콘 + 7 개 라디오 버튼).
• Electron / 브라우저 모드 모두 노출 (그래프 시각화 옵션이라).
• src/i18n/locales/ko.json, en.json: settings.character.handIcon* 7 개 키 추가.
• #### 3) UI 이모티콘 일괄 제거 — lucide-react 아이콘으로 교체
• | 파일 | 변경 |
• |---|---|
• | App.tsx | 🎉 → <Sparkles />, ✕ → <X /> |
• | main.tsx | ✓ 전송됨 → "전송됨", ⚠ 오류 → <AlertTriangle /> + 텍스트 |
• | TopBar.tsx, utils/updateCheck.ts | 🎉 alert 메시지 — 이모지 제거 |
• | FeedbackModal.tsx | 🐛💡💬 카테고리 라벨 → "Bug"/"Feature"/"Question" |
• | AgentRoster.tsx | 🤖/👤/🌐 SectionHeader icon → <Bot/>/<User/>/<Globe/>. icon prop 타입 string → ReactNode. ⚠ → <AlertTriangle/>. ▾▸ → <ChevronDown/>/<ChevronRight/> |
• | EmptyState.tsx | 🔒 → <Lock /> |
• | SettingsModal.tsx | ✅ 메시지 텍스트화. 📖→<BookOpen/>, 📜→<ScrollText/>, ✓ → <Check/>, ⚠ → <AlertTriangle/> |
• | ViewOptionsPanel.tsx | ✓ → <Check/>, LIVE✓ → "LIVE" |
• | PortsPanel.tsx | ★→<Star/>, 👥→<Users/>, 💡→<Lightbulb/>, ⚡→<Zap/>, ⚠→<AlertTriangle/>, ▶ 텍스트화 |
• | McpCloudNode.tsx | LIVE✓ → "LIVE + <Check/>", 🔑 → <Key /> |
• | McpCloudMesh3D.tsx | 🔒 → <Lock />, 👤 → <User /> (Three.js Html overlay 안) |
• | Scene3D.tsx | 🖱 좌클릭 → "좌클릭" 텍스트만 |
• | TerminalDockPanel.tsx | shellIcon() 반환 타입 string → ReactNode. ⚡→<Zap/>, 🐟→<Fish/>, 💻→<TerminalIcon/> |
• | DomainNode.tsx | ⚠ → <AlertTriangle /> |
• | FileNodeCard.tsx, FileMesh3D.tsx | ✨ NEW → <Sparkles /> + "NEW" |
• | i18n/ko.json, en.json | ✨ NEW/✅/💡/⚡ 텍스트 클린업, ★ dev {n} → dev {n}, LIVE✓ → LIVE |
• #### 4) 파일 변경 (요약)
• 신규 i18n 키: 7 개 (handIcon*)
• 수정 파일: 16 개 (소스) + 2 개 (locale) + 1 개 (designguide) + 1 개 (package.json)
• typecheck exit=0
• --

📦 GitHub 릴리스 노트: v0.1.70