+const slugInputValue = defineModel('slugInputValue', {
+ type: String,
+ default: ''
+})
+const settingsPublishDate = defineModel('settingsPublishDate', {
+ type: String,
+ default: ''
+})
+const settingsPublishTime = defineModel('settingsPublishTime', {
+ type: String,
+ default: ''
+})
+const tagInput = defineModel('tagInput', {
+ type: String,
+ default: ''
+})
+const activeTagSuggestionIndex = defineModel('activeTagSuggestionIndex', {
+ type: Number,
+ default: 0
+})
+const searchEngineVisible = defineModel('searchEngineVisible', {
+ type: Boolean,
+ default: true
+})
+
+const props = defineProps({
+ active: {
+ type: Boolean,
+ default: true
+ },
+ canAddMoreTags: {
+ type: Boolean,
+ default: true
+ },
+ canViewPost: {
+ type: Boolean,
+ default: false
+ },
+ createTagBadgeStyle: {
+ type: Function,
+ required: true
+ },
+ deleting: {
+ type: Boolean,
+ default: false
+ },
+ editorBlockPanel: {
+ type: Object,
+ default: () => ({ open: false, panel: null })
+ },
+ form: {
+ type: Object,
+ required: true
+ },
+ formatStatNumber: {
+ type: Function,
+ required: true
+ },
+ getTagColor: {
+ type: Function,
+ required: true
+ },
+ getTagDisplayName: {
+ type: Function,
+ required: true
+ },
+ getTagSuggestionMeta: {
+ type: Function,
+ required: true
+ },
+ hasTagSuggestions: {
+ type: Boolean,
+ default: false
+ },
+ hasUnsavedSlugChange: {
+ type: Boolean,
+ default: false
+ },
+ isScheduledPost: {
+ type: Function,
+ required: true
+ },
+ isSlugAutoFromTitle: {
+ type: Boolean,
+ default: false
+ },
+ postTagLimit: {
+ type: Number,
+ default: 0
+ },
+ postUrlHint: {
+ type: String,
+ default: ''
+ },
+ postWritingStats: {
+ type: Object,
+ default: () => ({ words: 0, characters: 0, spaces: 0, readingMinutes: 0, blocks: 0, images: 0 })
+ },
+ selectedTags: {
+ type: Array,
+ default: () => []
+ },
+ showDelete: {
+ type: Boolean,
+ default: false
+ },
+ slugFieldError: {
+ type: String,
+ default: ''
+ },
+ tagSuggestionOptions: {
+ type: Array,
+ default: () => []
+ },
+ viewPostUrl: {
+ type: String,
+ default: ''
+ }
+})
+
+const emit = defineEmits([
+ 'add-gallery-images',
+ 'close',
+ 'commit-slug-input',
+ 'delete-post',
+ 'move-gallery-image',
+ 'open-date-time-picker',
+ 'panel-focus-in',
+ 'panel-focus-out',
+ 'remove-media-image',
+ 'remove-tag',
+ 'select-tag-suggestion',
+ 'set-media-use-alt',
+ 'set-tag-input-ref',
+ 'tag-composition-end',
+ 'tag-composition-start',
+ 'toggle-tag-suggestions',
+ 'open-tag-suggestions',
+ 'tag-blur',
+ 'tag-keydown',
+ 'update-callout-options',
+ 'update-code-options',
+ 'update-embed-url',
+ 'update-inline-color',
+ 'update-media-image',
+ 'update-quote-background',
+ 'update-toggle-options'
+])
+
+/**
+ * 태그 입력 요소 참조를 부모 태그 상태로 전달한다.
+ * @param {HTMLInputElement | null} element - 태그 입력 요소
+ * @returns {void}
+ */
+const setTagInputRef = (element) => {
+ emit('set-tag-input-ref', element)
+}
+
+
+
+
+
diff --git a/docs/map.md b/docs/map.md
index 6b7ace7..7de2740 100644
--- a/docs/map.md
+++ b/docs/map.md
@@ -191,7 +191,8 @@
| components/admin/AdminAdsSettingsCard.vue | 관리자 사이트 설정의 위치별 Ads 코드 카드(메인 피드·메인 인피드·오른쪽 사이드·게시물 오른쪽 사이드·게시물 본문 상단·인아티클·하단) |
| components/admin/AdminPostExportFileRow.vue | 관리자 사이트 설정 내보내기 작업의 분할 파일 선택 행 |
| components/admin/AdminMediaVideoThumbnail.vue | 관리자 미디어 목록 비디오 항목의 초반 프레임 캔버스 썸네일 |
-| components/admin/AdminPostForm.vue | 관리자 글 작성/수정 폼, Ghost형 툴바(왼쪽 상태 텍스트·Publish/Update/Unpublish/Unschedule, 서버 반영 상태 기준 분기), 초안만 서버 디바운스 자동 저장·자동 저장 실패 payload 반복 재시도 차단·자동 저장 실패/진행 중 이탈 차단·신규 임시 슬러그·중복 슬러그 필드 하단 오류 표시·중복 슬러그 중 Publish/Update/최종 저장 비활성화·저장 중 추가 변경 재자동저장·발행 저장 중 이탈 확인·발행·예약·멤버십·비공개 상태 저장, 미저장 비교에서 태그 표시명 보조값 제외, 공개 상태 전환 시 빈 발행 시각 현재 시각 보정, 발행 모달(중앙 배치), 좌우 설정 패널(작은 화면은 오른쪽 고정 오버레이), 오른쪽 `View Post` 링크, 오른쪽 하단 본문 통계(단어·문자·공백·읽기 시간·블록·이미지), 미리보기 emit·미저장 이탈 가드, 자동 생성 썸네일을 숨기는 원본 전용 대표 이미지 선택(서버 페이지네이션·파일명/사용처 검색·번호형 페이지 이동·작은 파생 이미지 우선 미리보기·고정 높이 모달), 대표 이미지 본문 상단 표시 토글, 추천 글 토글, 사이트 설정 기준 태그 최대 개수 제한, 태그 색상 배지 다중 입력·최근 사용 태그 5개 우선 추천·메인 태그 드롭다운·부분 검색 추천, 새 태그 입력명 유지와 `/`→`-` 슬러그 변환 |
+| components/admin/AdminPostForm.vue | 관리자 글 작성/수정 폼, Ghost형 툴바(왼쪽 상태 텍스트·Publish/Update/Unpublish/Unschedule, 서버 반영 상태 기준 분기), 초안만 서버 디바운스 자동 저장·자동 저장 실패 payload 반복 재시도 차단·자동 저장 실패/진행 중 이탈 차단·신규 임시 슬러그·중복 슬러그 필드 하단 오류 표시·중복 슬러그 중 Publish/Update/최종 저장 비활성화·저장 중 추가 변경 재자동저장·발행 저장 중 이탈 확인·발행·예약·멤버십·비공개 상태 저장, 미저장 비교에서 태그 표시명 보조값 제외, 공개 상태 전환 시 빈 발행 시각 현재 시각 보정, 발행 모달(중앙 배치), 설정 패널 상태와 이벤트 연결, 미리보기 emit·미저장 이탈 가드, 자동 생성 썸네일을 숨기는 원본 전용 대표 이미지 선택(서버 페이지네이션·파일명/사용처 검색·번호형 페이지 이동·작은 파생 이미지 우선 미리보기·고정 높이 모달), 대표 이미지 본문 상단 표시 토글, 추천 글 토글, 사이트 설정 기준 태그 최대 개수 제한, 태그 색상 배지 다중 입력·최근 사용 태그 5개 우선 추천·메인 태그 드롭다운·부분 검색 추천, 새 태그 입력명 유지와 `/`→`-` 슬러그 변환 |
+| components/admin/AdminPostSettingsSidebar.vue | 관리자 게시물 작성/수정 우측 설정 사이드바(Post URL·상태·발행 시각·요약·태그·대표 이미지 표시·추천 글·검색엔진 노출·본문 통계·삭제 버튼·블록 설정 패널 오버레이) |
| components/admin/AdminPageForm.vue | 관리자 페이지 작성/수정 폼, 게시글 작성과 같은 전체 화면 에디터·상단 저장 툴바·접이식 오른쪽 설정 패널, 저장 payload 기준 미저장 비교·라우트/브라우저 이탈 확인, 페이지 공개 상태 선택, HTML 문서 기본 모드, 홈 Pages 진열장 노출 메타와 등록된 페이지 섹션 검색형 선택, 빈 본문/`!`+Tab HTML 골격 자동 완성, 항상 보이는 일반 텍스트/HTML 모드 선택, 한글 제목 영문 슬러그 자동 변환, HTML textarea 커서 위치 파일 URL 삽입, HTML 태그 내부 스마트 따옴표 정규화 |
| components/admin/AdminMarkdownEditor.vue | 관리자 글 Markdown-first 에디터, 라이브·소스 모드 `/` 슬래시 명령(`/표` 기본 표 템플릿 포함)·미디어 모달(이미지·갤러리·비디오·오디오·파일, 업로드 탭 기본·첫 순서, 업로드 완료 파일 자동 선택, 라이브러리 탭은 `/admin/api/media?paged=1` 서버 페이지 응답·파일명/사용처 제목 검색·번호형 페이지 이동, 카드·본문·라이트박스·Pages 커버 자동 생성 이미지 숨김, 원본 URL 선택 유지·갤러리 선택 순서 배지·목록 미리보기는 720px 본문 파생 이미지 또는 카드 썸네일 우선, 검색 결과 수와 무관한 고정 높이 패널, 업로드 중 중복 업로드·닫기 차단·로딩 표시), 코드 블록 본문 슬래시 명령 비활성화, 커서 블록 컨텍스트·선택 텍스트 색상 컨텍스트 `block-panel` emit, 에디터 본문 `Cmd/Ctrl+Z` 히스토리와 선택 위치 복원, 라이브 이미지 설정 패널·이미지↔갤러리 드래그 변환(`merge-images-to-gallery`·`insert-image-to-gallery`·`extract-gallery-image`), 소스·라이브 `Cmd+Shift+K` 줄 삭제, 소스·라이브 `Cmd/Ctrl+K` 링크 삽입, 코드·콜아웃·토글 내부 줄 삭제, 라이브 fenced 블록 현재 닫는 줄 기준 교체, 블록 패널 바깥 클릭·지원 블록 밖 커서 이동 시 닫기·미디어 모달 중 유지, 인용 마지막 줄 아래 방향키 외부 문단 포커스 이동, 인용·콜아웃·코드·토글 선언 줄 옵션 수정, IME 조합 중 블록 패널 유지, 소스 모드 wrap 라인 번호 보정·라이브↔소스 위치 복원(코드·콜아웃·토글 선언 줄은 본문 줄로 보정), 라이브 슬래시 명령 후 포커스 복원 지연 |
| components/admin/AdminEditorBlockPanel.vue | 게시물 설정 사이드바 오버레이 블록 설정(선택 텍스트 색상, 단일 이미지 대표 너비 셀렉트(전체·갤러리 2장 1칸·갤러리 3장 1칸·갤러리 3장 2칸·직접 입력)·직접 너비·이미지·갤러리·링크·iframe·HTML·인용 배경색·콜아웃 제목·아이콘·배경색·코드·토글), 갤러리 선택 이미지 강조 |
diff --git a/docs/todo.md b/docs/todo.md
index 66efcf1..2667a0e 100644
--- a/docs/todo.md
+++ b/docs/todo.md
@@ -5,7 +5,6 @@
- 거대 컴포넌트 책임 분리 진행.
- `components/admin/AdminMarkdownEditor.vue`: 미디어 모달, 슬래시 명령, 히스토리·선택 복원, 라이브/소스 전환 로직을 단계적으로 composable 또는 하위 컴포넌트로 분리.
- `components/content/ContentMarkdownRenderer.vue`: 파싱·블록 렌더링·라이브 편집 중개·라이트박스·광고 삽입 책임을 분리.
- - `components/admin/AdminPostForm.vue`: 우측 설정 패널 책임을 분리.
- `pages/admin/media/index.vue`: 미디어 목록, 폴더 트리, 상세 모달, 재생성 액션을 작은 단위로 분리.
- 미디어 카탈로그 전환 코드 수명 정리.
- 운영 `MEDIA_CATALOG_MODE=database` 안정화 후 `shadow`/`filesystem` 런타임 분기 축소 가능 여부 검토.
diff --git a/docs/update.md b/docs/update.md
index 9c2a6c9..cc51b7d 100644
--- a/docs/update.md
+++ b/docs/update.md
@@ -1,5 +1,11 @@
# 업데이트 이력
+## v1.11.43
+
+- 관리자 게시물 폼의 우측 설정 패널 렌더링을 `AdminPostSettingsSidebar` 컴포넌트로 분리.
+- Post URL·상태·발행 시각·요약·태그·노출 토글·작성 통계·삭제 버튼 표시 책임을 하위 컴포넌트로 이동.
+- 게시물 폼은 설정 패널 상태와 태그 입력 ref·블록 패널 이벤트 연결만 담당하도록 정리.
+
## v1.11.42
- 관리자 게시물 폼의 발행·예약·발행취소 상태 판별과 모달 상태를 `useAdminPostPublishState` composable로 분리.
diff --git a/package-lock.json b/package-lock.json
index 0a026f3..1f824c1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
{
"name": "sori.studio",
- "version": "1.11.42",
+ "version": "1.11.43",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "sori.studio",
- "version": "1.11.42",
+ "version": "1.11.43",
"hasInstallScript": true,
"dependencies": {
"@nuxtjs/tailwindcss": "^6.14.0",
diff --git a/package.json b/package.json
index 8cb6f51..10f80ae 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "sori.studio",
- "version": "1.11.42",
+ "version": "1.11.43",
"private": true,
"type": "module",
"imports": {