- generic [ref=f4e3]:
  - link "본문으로 건너뛰기" [ref=f4e4] [cursor=pointer]:
    - /url: "#main-content"
  - banner [ref=f4e5]:
    - generic [ref=f4e6]:
      - link "TechLog Studio" [ref=f4e7] [cursor=pointer]:
        - /url: /studio
        - text: TechLog
        - generic [ref=f4e8]: Studio
      - navigation "Studio 주 탐색" [ref=f4e10]:
        - link "작업본" [ref=f4e11] [cursor=pointer]:
          - /url: /studio/documents
        - link "게시 기록" [ref=f4e12] [cursor=pointer]:
          - /url: /studio/publications
        - link "새 문서" [ref=f4e13] [cursor=pointer]:
          - /url: /studio/documents/new
        - link "주제·프로젝트" [ref=f4e14] [cursor=pointer]:
          - /url: /studio/taxonomy
        - link "릴리즈" [ref=f4e15] [cursor=pointer]:
          - /url: /studio/releases
        - link "공개 사이트 보기" [ref=f4e16] [cursor=pointer]:
          - /url: /
        - button "로그아웃" [ref=f4e17]
  - main [ref=f4e18]:
    - generic [ref=f4e90]:
      - tablist "문서 편집 화면" [ref=f4e91]:
        - tab "편집" [selected] [ref=f4e92]
        - tab "즉시 미리보기" [ref=f4e93]
      - generic [ref=f4e94]:
        - tabpanel "편집" [ref=f4e96]:
          - generic [ref=f4e97]:
            - paragraph [ref=f4e98]: CASE · VERSION 1
            - heading "문서 편집" [level=1] [ref=f4e99]
            - paragraph [ref=f4e100]: 제목 없는 작업본
          - region [ref=f4e101]:
            - generic [ref=f4e102]:
              - paragraph [ref=f4e103]: DOCUMENT
              - heading "기본 정보" [level=2] [ref=f4e104]
            - generic [ref=f4e105]:
              - generic [ref=f4e106]:
                - generic [ref=f4e107]: 제목
                - textbox "제목" [ref=f4e108]
              - generic [ref=f4e109]:
                - generic [ref=f4e110]: slug
                - textbox "slug" [ref=f4e111]:
                  - /placeholder: 비우면 제목에서 만듭니다 (영문 소문자·숫자·하이픈)
              - generic [ref=f4e112]:
                - generic [ref=f4e113]: 요약
                - textbox "요약" [ref=f4e114]
              - generic [ref=f4e115]:
                - generic [ref=f4e116]: Topic
                - combobox "Topic" [ref=f4e117]:
                  - option "선택하지 않음" [selected]
                  - option "OAuth/OIDC 인증 경계"
              - generic [ref=f4e118]:
                - generic [ref=f4e119]: Project
                - combobox "Project" [ref=f4e120]:
                  - option "미지정" [selected]
                  - option "Backend Clean Architecture"
                  - option "KeyCloak Patterns"
                  - option "Liner N + 1문제"
            - group "관계" [ref=f4e121]:
              - paragraph [ref=f4e123]: 연결한 공개 기록이 없습니다.
              - button "관계 추가" [ref=f4e124]
          - region [ref=f4e125]:
            - generic [ref=f4e126]:
              - paragraph [ref=f4e127]: CASE
              - heading "문제와 검증" [level=2] [ref=f4e128]
            - generic [ref=f4e129]:
              - generic [ref=f4e130]:
                - generic [ref=f4e131]: 문제
                - textbox "문제" [ref=f4e132]
              - generic [ref=f4e133]:
                - generic [ref=f4e134]: 결론
                - textbox "결론" [ref=f4e135]
              - generic [ref=f4e136]:
                - generic [ref=f4e137]: 검증 환경
                - textbox "검증 환경" [ref=f4e138]
              - generic [ref=f4e139]:
                - generic [ref=f4e140]: 재현 조건
                - textbox "재현 조건" [ref=f4e141]
              - generic [ref=f4e142]:
                - generic [ref=f4e143]: 마지막 검증일
                - textbox "마지막 검증일" [ref=f4e144]
              - generic [ref=f4e145]:
                - generic [ref=f4e146]: 본문 Markdown
                - textbox "본문 Markdown" [ref=f4e147]
            - generic [ref=f4e148]:
              - paragraph [ref=f4e149]: EVIDENCE
              - heading "본문에 Asset 삽입" [level=3] [ref=f4e150]
              - paragraph [ref=f4e151]: 목록에서 선택하면 본문 커서 위치에 evidence 구문을 삽입합니다. READY 상태의 Asset만 선택할 수 있습니다.
              - generic [ref=f4e152]:
                - generic [ref=f4e153]:
                  - generic [ref=f4e154]: 업로드 종류
                  - combobox "업로드 종류" [ref=f4e155]:
                    - option "이미지" [selected]
                    - option "다이어그램"
                    - option "첨부파일"
                - button "Asset 업로드" [ref=f4e156]
              - generic [ref=f4e157]:
                - search [ref=f4e158]:
                  - generic [ref=f4e159]: Asset 검색
                  - generic [ref=f4e160]:
                    - searchbox "Asset 검색" [ref=f4e161]
                    - button "검색" [ref=f4e162]
                - generic [ref=f4e163]:
                  - checkbox "삽입할 때 크게 보기 허용" [checked] [ref=f4e164]
                  - generic [ref=f4e165]: 삽입할 때 크게 보기 허용
                - status [ref=f4e166]: 삽입할 수 있는 Asset 4개
                - list [ref=f4e167]:
                  - listitem [ref=f4e168]:
                    - button "ap1-custody-v3-6e0376d2" [ref=f4e169]
                    - button "삭제" [ref=f4e170]
                  - listitem [ref=f4e171]:
                    - button "ap1-custody-v2-e110bd98" [ref=f4e172]
                    - button "삭제" [ref=f4e173]
                  - listitem [ref=f4e174]:
                    - button "ap1-credential-custody-f5e0c027" [ref=f4e175]
                    - button "삭제" [ref=f4e176]
                  - listitem [ref=f4e177]:
                    - button "screenshot-from-2026-08-21-18-04-49-72f1f9c6" [ref=f4e178]
                    - button "삭제" [ref=f4e179]
        - complementary [ref=f4e180]:
          - paragraph [ref=f4e181]: WORKING COPY
          - heading "작업 상태" [level=2] [ref=f4e182]
          - status "편집 상태" [ref=f4e183]: 저장됨
          - generic [ref=f4e184]:
            - generic [ref=f4e185]:
              - term [ref=f4e186]: 저장 버전
              - definition [ref=f4e187]: "1"
            - generic [ref=f4e188]:
              - term [ref=f4e189]: 종류
              - definition [ref=f4e190]: CASE
          - button "저장" [disabled] [ref=f4e191]
          - button "게시" [ref=f4e192]
          - paragraph [ref=f4e193]: 불완전한 초안도 저장할 수 있습니다. 게시를 누르면 채워야 할 칸을 그 자리에 표시합니다.
  - paragraph [ref=f4e58]: Case 작업본을 만들었습니다.