[patternflow-bot]

ops / https://claude.ai/code/session_01958sgyYvwXm2u3Qc2X8pqL

Pattern Lab 에서 AI 갤러리와 Gemini API 키 칸을 통째로 걷었어요(창작자 지시 1). Copy prompt 는 그대로 있고, 갤러리에 있던 v-field · rgb 고르기는 Code 탭의 Copy prompt 옆으로 왔어요. 머지하면 랩을 처음 여는 순간 브라우저에 남은 갤러리 패턴과 키가 지워지고, 저장해 둔 패널 배치는 Gallery 탭만 빠진 채 그대로 열려요.

좋아지는 것: Lab 에서 안 쓰는 AI 갤러리와 키 칸이 없어진다 — 화면이 가벼워지고 키가 브라우저에 남지 않는다

건드린 「안 하는 것」: web/package.json 과 web/package-lock.json 에서 @google/genai 하나를 뺐어요. ROUND.md 「안 하는 것」 둘째 줄이 지시 1 에만 열어 둔 예외예요.

체크리스트

• incoming/ROUND.md 「한 바퀴」 읽기: 고르는 차례 0, 창작자 지시 1 이 남은 맨 위 줄
• 앞 바퀴 PR([DONE] 정리 3단계 PR 17 — 사이트 3D 도구 React Three 가 지금 메이저 안의 새 판으로 올라간다 #60~[DONE] 연구 페이지에 종이와 운동·경기 갈래가 열리고, 새 패턴 열 개가 지도의 빈 칸 다섯을 채운다 #182)의 세 직함 댓글 · 리뷰 · 줄 댓글 읽기: 일을 시키는 글 없음
• AI 갤러리 걷기: GalleryPanel.tsx · .module.css, 스토어의 gallery · jobs · 갤러리 슬라이스, 배치 생성 흐름(generatePatternVariants), 갤러리 저장(loadGallery · saveGallery)
• Gemini 걷기: lib/ai/gemini.ts, 키 입력 · 저장(loadGeminiKey · saveGeminiKey), @google/genai, PostHog 의 Google 주소 가리기, 키 안내 글(가이드 Lab 화면)
• Copy prompt 남기기: 프롬프트 만들기를 lib/ai/variantPrompt.ts 로 옮기고, v-field · rgb 고르기를 Code 탭 Copy prompt 옆에 둠
• 브라우저에 남은 키 · 갤러리 저장 한 번 지우기: 랩을 열 때 dropAiGallery
• 저장된 패널 배치가 Gallery 탭 때문에 통째로 초기화되지 않게: dropRetiredPanels
• 가이드 Lab 화면: Gallery 화면을 빼고 Code 탭 사진을 다시 찍음
• 문서: web/ARCHITECTURE.md, README.md 의 Pattern Lab 문단 한 줄, PATTERN_GUIDE.md 두 곳
• 남은 이름 grep 0 · 다섯 검사 · 폰 390 / 1440 사진
• dev merge 뒤 [DONE]

한 일

갤러리를 걷으면 Copy prompt 가 기대던 것 둘이 같이 없어져요. 프롬프트를 만드는 buildVariantCopyPrompt 가 gemini.ts 안에 있었고, 프롬프트가 v-field 로 갈지 rgb 로 갈지 고르는 칸이 Gallery 탭에 있었어요. 앞의 것은 글자 하나 바꾸지 않고 web/src/lib/ai/variantPrompt.ts 로 옮겼어요. 뒤의 것은 Code 탭 도구 줄의 Copy prompt 바로 왼쪽에 같은 Color mode 선택으로 두었고, 폰에서는 둘이 한 묶음으로 다음 줄에 내려가요.

프로젝트의 gen 은 갤러리의 개수 · thinking · refs 를 버리고 colorMode 하나만 남겼어요. 예전에 저장한 프로젝트와 Recent 세션은 그 셋을 읽지 않고 그대로 열려요.

랩을 열면 hydrate 가 patternflow_lab_gallery_v1 과 patternflow_gemini_key 를 지워요. 키는 그 이름을 알아야 지울 수 있어서, persist.ts 의 키 목록에 이름을 남기고 언제부터 아무도 안 쓰는지 적어 두었어요.

저장된 dock 배치에는 Gallery 탭이 들어 있어요(기본 배치에도 있었어요). dockview 는 모르는 패널 이름을 만나면 던지고, 랩은 그걸 잡아 기본 배치로 다시 깔아요. 그대로 두면 배치를 손본 사람 모두가 한 번씩 배치를 잃어요. 그래서 복원 전에 레지스트리에 없는 패널을 빼고(dropRetiredPanels), 그 탭이 앞에 나와 있었으면 옆 탭을 앞으로 내요. Gallery 만 있던 그룹이 비게 되면 빈 칸이 생기니 그때만 기본 배치로 가요.

가이드 Make · 02 의 Lab 화면은 둘째 단계에서 Gallery 화면(Generate · Key, Gemini 키 안내)을 뺐어요. code.webp 에는 Gallery 탭이 보여서 새 랩으로 다시 찍었고, Paste 와 Copy prompt 고리 자리도 다시 쟀어요. 셋째 단계 글의 「Gallery 의 v-field 를 rgb 로」는 「Copy prompt 옆의 v-field 를 rgb 로」로 고쳤어요.

증거

web/ 에서, 이 브랜치 머리로:

$ npm ci
added 762 packages in 37s            (node_modules 에 @google 없음 · 빼기 전 794)
$ npm run lint -- --max-warnings=0
> eslint --max-warnings=0            (출력 없음, exit 0)
$ npm run typecheck
> tsc --noEmit && tsc --noEmit -p ../tools/virtual-panel   (출력 없음, exit 0)
$ npm run build
✓ Compiled successfully in 22.8s     (exit 0)
$ npm run check:ci
 Test Files  88 passed (88)
      Tests  915 passed (915)
passed   audio-vectors … passed   virtual-panel
skipped  links-absolute              (이 클론에 v1.0.0~v3.1.0 태그 없음)
skipped  roadmap                     (gh 로그인 없음 · drift.yml 이 다시 돌림)
exit=0
$ npm run check:human-lock
same     README.md (3 of 3 locked sections)
check:human-lock: no locked words changed
$ npm run check:voice
check:voice: 5 findings in 1 file    (모두 variantPrompt.ts 의 AI 에게 주는 프롬프트 글 · gemini.ts 에서 글자 그대로 옮김)
$ python3 .github/scripts/check_links.py   (저장소 뿌리)
all 897 relative links resolve

GitHub 검사(머리 b313c09, dev 는 그새 움직이지 않아 merge 할 것이 없었어요):

Docs point at files that exist | completed | success
Drift checks | completed | success
Web CI | completed | success

새 시험은 web/src/lib/lab/retiredGallery.test.ts(6개 · Gallery 탭이 든 배치, Gallery 만 있던 그룹, 떠 있는 그룹, 옛 gen 의 프로젝트, 랩 열기의 키 · 갤러리 지우기)와 CodePanel.test.tsx 의 「copies a v-field prompt until rgb is picked, then an rgb one」이에요. check:panels 출력에 ✓ src/lib/lab/retiredGallery.test.ts (6 tests) · ✓ src/app/pattern-lab/panels/CodePanel.test.tsx (5 tests) 로 있어요.

남은 이름(다 됨 기준):

$ git grep -n -E 'GalleryPanel|gemini\.ts|GEMINI_|GeminiKey|generatePatternVariants|@google/genai|loadGallery|saveGallery|generativelanguage' -- web/ README.md PATTERN_GUIDE.md | grep -v '^web/content/journal' | wc -l
0

git grep -i gemini -- web/src web/scripts 에는 세 갈래가 남아요. 챗 AI 이름으로 쓴 곳(Code 탭 Copy prompt 의 title 「ChatGPT / Claude / Gemini」, 가이드 글 copy/lab.ts 두 줄 · 프롬프트를 붙여 넣을 곳이라 맞는 말), 창작자 영역의 로드맵 노드 tools-gemini(아래 「가정」), 지우려면 이름이 있어야 하는 키 patternflow_gemini_key 와 그 주석 · 시험이에요.

브라우저(빌드한 사이트, 새 프로필)에서 옛 배치를 넣고 다시 연 결과:

stored before reload:
 "code | pixel | gallery | capture | director (front: gallery)",
 "knobs | ramp (front: knobs)"
after reload:
 "Code* | Pixel | Graphic Export | Director",
 "Knobs* | Color Ramp"
 layoutKept: true · gallery: null · key: null · page errors: []

빌드한 /guide/make 의 Lab 화면 그림은 20장이고 gallery 가 든 주소는 0장이에요(390 · 1440 둘 다, 페이지 오류 없음). 가이드 카드 자체는 3D 무대를 지나 둘째 단계까지 가야 보여서 찍지 않았고, 카드에 들어가는 그림(위 셋째 사진)을 대신 올렸어요.

실행법

cd web && npm ci && npm run build && npx next start -p 3100
# http://localhost:3100/pattern-lab — Panels 메뉴와 탭에 Gallery 가 없고, Code 탭에 v-field · Copy prompt
# DevTools 에서 localStorage.setItem("patternflow_gemini_key", "x") 뒤 새로 고침 → 키가 지워짐
npx vitest run src/lib/lab/retiredGallery.test.ts src/app/pattern-lab/panels/CodePanel.test.tsx

가정

• 작업 글의 「가정」은 앞 바퀴 댓글 → 「후보」 표 차례를 말하지만, 오늘(10-23) 창작자가 ROUND.md 에 넣은 고르는 차례 0 이 「창작자 지시」를 1~9 보다 먼저 두어서 지시 1 을 맡았어요. 앞 바퀴 PR 에 일을 시키는 세 직함 글은 없었어요.
• 「남은 이름 grep 0」은 걷은 기능의 이름(파일 · 함수 · 상수 · 의존성 · Google 주소)으로 쟀어요. 프롬프트를 붙여 넣을 챗 AI 로서의 「Gemini」(Code 탭 title, 가이드 글, PATTERN_GUIDE.md · firmware/CUSTOM_PATTERNS.md · docs/panel-compatibility.md)는 키 없이 쓰는 길이라 그대로 두었어요.
• v-field · rgb 고르기는 지우지 않고 옮겼어요. 지우면 가이드가 말하는 「색을 AI 에게 맡기기」가 사라지고, 기본값 v-field 만 남아요.
• 갤러리가 만든 패턴에 찍힌 머리말 · 꼬리말을 떼는 정규식(share.ts)은 남기고 이름만 LAB_AI_FOOTER_RE 로 바꿨어요. 그 패턴들은 아직 저장된 레이어와 커뮤니티 코드에 있어요.
• PostHog 녹화에서 Google 주소를 가리던 설정은 뺐어요. 사이트가 그 주소로 보내는 요청이 이제 없어요.
• LabShots.tsx 의 GEO 는 「lab_shots.py 가 쓴다」고 적혀 있지만 그 스크립트는 저장소에 없어요. code.webp 와 그 두 줄만 같은 규칙(2x, 버튼 둘레 4px 고리)으로 내 캡처 스크립트가 쓴 값으로 바꿨어요. 폭은 v-field 선택이 들어가 485 에서 539 로 늘었어요.
• 창작자 영역이라 고치지 않은 것: 로드맵 노드 tools-gemini(「Gemini generation」, status done, 2026-06-24 · 랩 안 Gemini 생성을 지금 있는 것처럼 말해요), journal 세 편의 Gemini 언급(그때의 기록), docs/releases/ 의 Gemini 언급. AGENTS.md 의 저장소 지도도 「lib/ai/ the Gemini client」라고 말하는데 바퀴가 못 고치는 파일이에요.
• 표 밖에서 본 것: PatternLab.module.css 의 .editorHeader · .viewToggle 규칙은 쓰는 곳이 없어요(옛 code/gallery 전환). 갤러리 이름이 붙은 규칙만 지웠어요.

Changelog

Web

• Pattern Lab no longer has the AI gallery or a Gemini key. The Gallery panel, its batch generation and the key field are gone, and so is the @google/genai dependency: the site calls no AI itself. Copy prompt stays, with the v-field/rgb choice beside it in the Code tab now. Opening the Lab removes the gallery's saved patterns and the key from the browser, and a saved dock layout opens without the Gallery tab instead of falling back to the default.

경험

언제: 바퀴에서 Pattern Lab 화면을 Playwright 로 찍을 때
교훈: 이 컨테이너는 jsdelivr 를 막아 Monaco 편집기가 빈 칸으로 찍히니 context.route 로 cdn.jsdelivr.net/npm/monaco-editor@*/min/ 요청을 web/node_modules/monaco-editor/min/ 파일로 돌려준 뒤 찍는다
근거: #183 에서 Code 탭 사진의 편집기 자리가 비어 나왔고 curl 이 jsdelivr CONNECT 403 을 받았어요. route 를 건 뒤 같은 스크립트로 코드가 든 화면이 찍혔어요

바퀴

바퀴 61 · 지시 1 「AI 갤러리 · Gemini 걷기」

다음 바퀴

• 지시 2 「텍스트 레이어」: 창작자 지시의 다음 줄이에요. 글꼴은 쓰는 사람 기기 파일을 FontFace 로 읽어요.
• 지시 3 「텍스트를 코드로」: 지시 2 의 텍스트 레이어를 픽셀 데이터로 구워 JS · 헤더 · .pfm 으로 내보내요.
• 지시 4 「텍스트 효과 첫 셋」: 마퀴 · 반짝임 · 색 램프 따라 바뀌기를 텍스트 레이어 선택으로 더해요.

https://claude.ai/code/session_01958sgyYvwXm2u3Qc2X8pqL

---

Generated by Claude Code