인계 — 아트조이 상세페이지 생성기 «오른쪽 옵션 개편: 세로 탭 · 이름 규칙 · 빨간 하이라이트 · 이동 모드» 구현 · 코디 직접(ssh)

26.9.25(금) 01:05 KST · [코디] 세션 릴레이(컨텍스트 53% · 큰 구현 전 새 창) · 이 문서 하나로 시작한다. 그릴링 · 상담 끝났다 — 다시 묻지 말고 구현부터. 🔴중복 세션 주의 — 이 인계를 받은 세션 하나만 진행한다(26.9.25 00:1x 에 자동 릴레이로 두 세션이 같은 일을 했다).

▶ 첫 일감 = S1 탭 틀부터 (계획 원본을 먼저 통독)

1. 계획 원본 읽기 = C:\dev\_work\artjoy-block-editor\PLAN-inspector.md(확정 결정 Q1~Q5 · web-designer 스펙 · 코덱스 원칙 · 단계 S1~S5). 이 파일이 정본이다.
2. 편집 전 bash C:/dev/_work/artjoy-block-editor/job/cmp.sh index.html block-editor/layout/place.js block-editor/bridge.js — SAME 이어야 한다(DIFF 면 저쪽 파일을 scp 로 받아 사본 갱신 후 시작 · 저쪽엔 다른 사람 미커밋 변경이 많다 — 내 파일만).
3. S1 → S5 순서로, 단계마다: 작업 사본 C:\dev\_work\artjoy-block-editor\work\ 에서 Edit → bash C:/dev/_work/artjoy-block-editor/job/upload.sh 20260925-insp-S<n> <상대경로…> → 저쪽 검사(ssh artjoy "cd /d C:\dev\haedali-detail-generator && npm run -s layout:check" 등 blocks · editor · retouch · layout · detail — 전부 실사용 주소 방식 block-editor\tools\check-origin.js) → 실사용 주소 http://artjoy-aipc.tailbea356.ts.net/ 에서 Playwright 로 직접 눈 확인(캡처는 스크래치 · 보고 뒤 삭제 · 브라우저 닫기) → 저쪽 커밋(메시지 UTF-8 파일 git commit -F · 이름 지정 add · push 금지 · 이력 [클로드] · 금지어 grep 페페|코디(?!네)|pepe|포인(?![트터])|귀속|회수|우리 자산).
4. 새 검사 추가(S5) — 탭 전환 · 재렌더 후 탭/스크롤 유지 · 미리보기 클릭 → 탭 자동 전환 · 옵션 → 미리보기 빨간 표시 · 한글 IME 중 재렌더 없음 · 이동 모드 클릭 확정 / Esc 취소 원위치 · 출력(exportPage) 하이라이트 0. 파일 = 저쪽 block-editor\tools\ 에 기존 check-*.js 패턴으로.
5. 끝나면 devplan: 우리 C:\dev\devplan\artjoy-photo-editor.html #inspector 단계 칸(S1~S5 「대기」 → 끝 시각 · 결과) + 저쪽 C:\dev\devplan\block-editor.html + 저쪽 index.html 12번 카드 → python C:/dev/devplan/build_hub.py → 텔레그램 notify.py done.

확정 규약 (바꾸지 않는다)

• 아트조이 작업은 원래 저쪽 클로드 몫이지만 [페페] 26.9.24 20:45 「나머지는 코디가 받아와서 진행」 → 편집기 · 생성기 UI 는 코디가 ssh 로 직접(C:\dev\seedchain\projects\artjoy\rules.md 🆕 참고).
• 🔴아트조이 제품 사진 · DB · 작업본을 우리 쪽에 남기지 않는다 · 귀속 · 회수 · 「우리 자산」 · 내부 별칭은 저쪽 파일 · devplan · 커밋 금지 · 원격 .bak 후 올리고 sha256 대조(upload.sh 가 한다) · git add -A 금지.
• 파일 쓰기는 Write/Edit 만(heredoc 금지 — ruleguard 가 막는다). Playwright 쓰면 닫는다. 원격 임시 파일 지운다.
• 화면 파일 편집 = web-designer 상담 필수 → 이미 받았다(스펙은 PLAN-inspector.md 에 요약). 세부가 애매하면 web-designer 를 짧게 다시 불러라.
• 🆕저쪽에 NAS 게이트 · DB 미러가 있다 — 작업본 저장 직후 layout:check 는 「두 컴퓨터 자료가 서로 달라요」로 FAIL 할 수 있다 → curl http://artjoy-aipc.tailbea356.ts.net/api/gate 의 mirror.pending:false 확인 뒤 검사. 그 PC 안(ssh)에선 테일스케일 이름이 안 풀린다(검사는 check-origin.js 가 처리).
• 🆕http 주소 = 보안 컨텍스트 아님 → crypto.subtle · randomUUID · navigator.clipboard 쓰지 마라(폴백).
• 하이라이트 색 = 빨강([페페] Q5) — 파랑 아님. 삭제(danger) · 금칙어 빨강과 형태로도 구분.

이 세션에서 끝난 것(26.9.25 00:00~01:05)

• ① 카드 1 배경 두 장 → 한 장: 원인 = 인트로 카드 2장 + 배경 조각 2장(cover 크롭 이음새 50px) · 섹션 title2 · accent2(둘째 글 묶음) 추가 · 저쪽 커밋 8a168d7 · 작업본 32개(16종 × 모바일/PC) 새 판 · 실사용 주소 전수 32/32.
• ③ 그릴링 Q1~Q5 확정 · web-designer · 코덱스 상담 → PLAN-inspector.md · 우리 devplan #inspector 절.
• ⏳남은 옛 일 = 생성기 detail:check · generator:check(tools\server) 실사용 주소화(check-origin.js 방식) — 이번 S5 에 같이 해도 된다.

보고 마커

• 매 답변 끝 = 3단계 보고(무엇 · 검증 · 다음) · 시드 한 줄 · 컨텍스트 % · 텔레그램 cd C:\dev && PYTHONUTF8=1 python tools/notify.py done "요약" "상세". 질문은 채팅으로만(한 번에 하나 · 추천안).
• 시드 = C:\dev\seedchain\projects\artjoy\handoff.md NOW 🎨 절(🧭③ 그릴링 결정 줄 아래에 진행 추가) + 로컬 커밋.