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.dotsinterface 확장 (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