diff --git a/docs/Design/kbx-foundation-v36/README.md b/docs/Design/kbx-foundation-v36/README.md
deleted file mode 100644
index 1d3662ee..00000000
--- a/docs/Design/kbx-foundation-v36/README.md
+++ /dev/null
@@ -1,50 +0,0 @@
-# KBX Foundation v36 — Recipe Verification · Generated Test Plan · Deterministic Home Workbench
-
-KBX v36는 v35의 Screen Recipe / Secure Scaffolder 기반을 실제 검증계약까지 닫는 Foundation iteration이다. 목표는 화면·컴포넌트 수를 더 늘리는 것이 아니라, T01~T09를 선택한 순간부터 표준 UX, 보안, 복구, 테스트 증적이 함께 따라오도록 만드는 것이다.
-
-## v36 핵심
-
-- T01~T09 `testProfile` 추가
-  - 필수 Scenario Kind
-  - 필수 Behavioral Tag
-  - 필수 Evidence
-  - 필수 Recovery/Interaction Check
-- `generated/screen-recipe-verification-manifest.json` 추가
-- T01~T09 Recipe Verification **9/9 자동 폐쇄성**
-- 각 Recipe는 실제 해당 Template을 사용하는 Screen의 Canonical E2E Scenario를 최소 1개 요구
-- T02 Master / T06 Queue / T07 Reconcile Canonical E2E Recovery Scenario 추가
-- Scaffolder가 신규 Vertical Slice에 `*.test-plan.ts` 자동 생성
-- 생성 Test Plan은 Canonical Scenario / Required Check / Required Evidence를 타입 계약으로 보존
-- 기존 Master / Transaction / Fast Entry의 명시적 `--write-permission` fail-closed 정책 유지
-- Home Attention Queue를 동일 우선순위 내 최신 발생 순으로 정렬
-- Home은 표시 상한과 별개로 권한 필터 후 실제 전체 건수 및 overflow를 정확히 표시
-- `buildKbxHomeAttentionQueue()` public API 추가, 기존 `buildKbxHomeAttention()` 호환 유지
-- Screen Recipe `testProfile` / `canonicalScenarioIds` 변경을 Release Impact에서 추적
-- Design Debt ratchet **131 유지**
-
-## 검증
-
-```bash
-node scripts/validate-kbx.mjs
-```
-
-최종 검증 기준:
-
-- 299 TS/Vue script units
-- 20 Screen Definitions
-- 84 Component Definitions
-- 66 Component Catalog entries
-- 153 Design Tokens
-- 9 Screen Recipes
-- 30 Canonical Test Scenarios
-- Recipe Verification 9/9
-- 16 Navigation Entries
-- Design Debt 131 <= 131
-- Release Impact major / major
-
-## 문서
-
-- `docs/screen-recipe-verification-home-attention-v36.md`
-- `docs/kbx-v36-standard-traceability.md`
-- `docs/validation-report-v36.md`
-- `docs/release/migration-guide.md`
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/inventory-move/InventoryMovePage.vue b/docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/inventory-move/InventoryMovePage.vue
deleted file mode 100644
index c9fb0caf..00000000
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/inventory-move/InventoryMovePage.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-
-<script setup lang="ts">
-import { reactive, ref } from 'vue'
-import { KbxDataGrid, KbxDateField, KbxFormGrid, KbxFormSection, KbxLookup, KbxTransactionPage, KbxWorkflowBar } from '@kbx/ui'
-import { inventoryMoveColumns, inventoryMoveScreen, inventoryMoveWorkflow, type InventoryMoveLine } from './inventory-move.definition'
-const status=ref('DRAFT'); const header=reactive({moveDate:new Date().toISOString().slice(0,10),fromWarehouseId:null as string|null,toWarehouseId:null as string|null}); const lines=ref<InventoryMoveLine[]>([])
-function command(id:string){ const t=inventoryMoveWorkflow.transitions.find(x=>x.id===id && x.from.includes(status.value)); if(t) status.value=t.to }
-</script>
-<template><KbxTransactionPage :screen="inventoryMoveScreen" :status="status" :summary-items="[{key:'items',label:'품목',value:`${lines.length}종`}]" @command="command"><template #header><KbxWorkflowBar :workflow="inventoryMoveWorkflow" :current="status" @transition="command"/><KbxFormSection title="이동정보"><KbxFormGrid><KbxDateField v-model="header.moveDate" label="이동일" required/><KbxLookup v-model="header.fromWarehouseId" entity="warehouse" label="출발창고" required/><KbxLookup v-model="header.toWarehouseId" entity="warehouse" label="도착창고" required/></KbxFormGrid></KbxFormSection></template><template #detail><KbxDataGrid :rows="lines" :columns="inventoryMoveColumns" row-key="clientId" editable clipboard/></template></KbxTransactionPage></template>
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/items/ItemMasterPage.vue b/docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/items/ItemMasterPage.vue
deleted file mode 100644
index aee08f2f..00000000
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/items/ItemMasterPage.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<script setup lang="ts">
-import { computed, reactive, ref } from 'vue'
-import { useQuery } from '@tanstack/vue-query'
-import { isKbxProblem, kbxFieldReadonly, resolveKbxRecordStatePolicy, type KbxAuditEntry, type KbxConflictSnapshot, type KbxSearchField } from '@kbx/contracts'
-import { KbxBarcodeField, KbxCheckbox, KbxDataGrid, KbxFormGrid, KbxFormSection, KbxLookup, KbxMasterPage, KbxInput, KbxSearchPanel, useKbxDirtyState, useKbxPageShortcuts } from '@kbx/ui'
-import { itemApi } from './itemApi'
-import { itemMasterColumns, itemMasterScreen, itemStatePolicies, itemWorkflow, type ItemMasterRow } from './item.definition'
-
-const searchModel=reactive({keyword:''});const searchFields:KbxSearchField[]=[{key:'keyword',label:'검색',type:'text',width:'lg',placeholder:'품목코드/품목명'}]
-const selected=ref<ItemMasterRow[]>([]);const form=reactive<ItemMasterRow>(emptyItem());const status=computed(()=>!form.id?'신규':form.active?'사용':'사용중지');const policy=computed(()=>resolveKbxRecordStatePolicy(itemStatePolicies,status.value))
-const auditEntries=ref<KbxAuditEntry[]>([]);const conflict=ref<KbxConflictSnapshot|null>(null);const errors=ref<any[]>([]);const {dirty,touch,markSaved,reset:resetDirty}=useKbxDirtyState()
-const query=useQuery({queryKey:['erp','items'],queryFn:()=>itemApi.search(searchModel.keyword),enabled:false});const rows=computed(()=>query.data.value?.items??[])
-function emptyItem():ItemMasterRow{return{id:'',code:'',name:'',categoryName:'',specification:'',unit:'EA',barcode:'',defaultWarehouseId:null,defaultWarehouseName:'',lotManaged:false,expiryManaged:false,active:true,version:0}}
-async function search(){selected.value=[];await query.refetch()}
-async function choose(rows:ItemMasterRow[]){selected.value=rows;if(!rows[0])return;const latest=await itemApi.get(rows[0].id);Object.assign(form,latest);auditEntries.value=await itemApi.audit(latest.id);errors.value=[];conflict.value=null;resetDirty()}
-function state(field:string){return kbxFieldReadonly(policy.value,field)}
-function createNew(){Object.assign(form,emptyItem());selected.value=[];auditEntries.value=[];conflict.value=null;errors.value=[];resetDirty()}
-function copy(){const source={...form};Object.assign(form,{...source,id:'',code:'',barcode:'',version:0,active:true});auditEntries.value=[];conflict.value=null;resetDirty();touch()}
-function payload(){return{id:form.id||undefined,version:form.version||undefined,code:form.code.trim(),name:form.name.trim(),categoryName:form.categoryName,specification:form.specification,unit:form.unit,barcode:form.barcode,defaultWarehouseId:form.defaultWarehouseId,lotManaged:form.lotManaged,expiryManaged:form.expiryManaged}}
-async function save(){errors.value=[];if(!form.code.trim()||!form.name.trim()){errors.value=[...(!form.code.trim()?[{field:'code',code:'REQUIRED',message:'품목코드를 입력하세요.'}]:[]),...(!form.name.trim()?[{field:'name',code:'REQUIRED',message:'품목명을 입력하세요.'}]:[])];return}try{const r=form.id?await itemApi.update(form.id,payload()):await itemApi.create(payload());form.id=r.id;form.version=r.version;form.active=true;markSaved();auditEntries.value=await itemApi.audit(form.id);await query.refetch()}catch(e){if(isKbxProblem(e)&&e.type==='validation'){errors.value=e.errors;return}if(isKbxProblem(e)&&e.type==='conflict'&&form.id){const latest=await itemApi.get(form.id);conflict.value={code:e.code,title:e.title,detail:'저장하지 않은 입력은 유지됩니다. 최신 값과 비교한 뒤 다시 읽을 수 있습니다.',entityId:form.id,requestedVersion:form.version,currentVersion:e.currentVersion??latest.version,changes:[['code','품목코드'],['name','품목명'],['unit','단위'],['barcode','바코드']].map(([field,label])=>({field,label,mine:(form as any)[field],latest:(latest as any)[field]}))};return}throw e}}
-async function deactivate(){if(!form.id)return;try{const r=await itemApi.deactivate(form.id,form.version);form.version=r.version;form.active=false;markSaved();auditEntries.value=await itemApi.audit(form.id);await query.refetch()}catch(e){if(isKbxProblem(e)&&e.type==='conflict'){const latest=await itemApi.get(form.id);conflict.value={code:e.code,title:e.title,currentVersion:e.currentVersion??latest.version,requestedVersion:form.version,entityId:form.id};return}throw e}}
-async function reloadConflict(){if(!form.id)return;const latest=await itemApi.get(form.id);Object.assign(form,latest);auditEntries.value=await itemApi.audit(form.id);conflict.value=null;resetDirty()}
-async function command(id:string){if(id==='search')return search();if(id==='new')return createNew();if(id==='copy')return copy();if(id==='save')return save();if(id==='deactivate')return deactivate()}
-useKbxPageShortcuts([{key:'F3',execute:search},{key:'F8',execute:save}])
-</script>
-<template>
-<KbxMasterPage :screen="itemMasterScreen" :status="status" :dirty="dirty" :version="form.version||undefined" :errors="errors" :workflow="itemWorkflow" :conflict="conflict" :audit-entries="auditEntries" :content-state="query.error.value?'error':query.isFetching.value&&!query.data.value?'loading':!query.data.value?'idle':query.data.value.items.length===0?'empty':'ready'" :refreshing="query.isFetching.value&&Boolean(query.data.value)" breadcrumb="ERP > 기준정보" @command="command" @transition="command" @reload-conflict="reloadConflict" @dismiss-conflict="conflict=null">
- <template #list><KbxSearchPanel v-model="searchModel" :fields="searchFields" @search="search"/><KbxDataGrid :rows="rows" :columns="itemMasterColumns" row-key="id" selection="single" :active-row-key="form.id||undefined" :loading="query.isFetching.value" @selection-changed="choose"/></template>
- <template #detail>
-  <KbxFormSection title="기본정보"><KbxFormGrid><KbxInput v-model="form.code" label="품목코드" required :readonly="Boolean(form.id)||state('code')" :error="errors.find(x=>x.field==='code')?.message" @update:model-value="touch"/><KbxInput v-model="form.name" label="품목명" required :readonly="state('name')" :error="errors.find(x=>x.field==='name')?.message" @update:model-value="touch"/><KbxInput v-model="form.categoryName" label="품목그룹" :readonly="state('categoryName')" @update:model-value="touch"/><KbxInput v-model="form.specification" label="규격" :readonly="state('specification')" @update:model-value="touch"/><KbxInput v-model="form.unit" label="단위" :readonly="state('unit')" @update:model-value="touch"/></KbxFormGrid></KbxFormSection>
-  <KbxFormSection title="물류정보"><KbxFormGrid><KbxLookup v-model="form.defaultWarehouseId" entity="warehouse" label="기본창고" :readonly="state('defaultWarehouseId')" @selected="touch"/><KbxBarcodeField v-model="form.barcode" label="바코드" :readonly="state('barcode')" @update:model-value="touch"/><KbxCheckbox v-model="form.lotManaged" label="LOT 관리" :disabled="state('lotManaged')" @update:model-value="touch"/><KbxCheckbox v-model="form.expiryManaged" label="유통기한 관리" :disabled="state('expiryManaged')" @update:model-value="touch"/></KbxFormGrid></KbxFormSection>
- </template>
-</KbxMasterPage>
-</template>
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/register/OrderRegisterPage.vue b/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/register/OrderRegisterPage.vue
deleted file mode 100644
index 1fd5c723..00000000
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/register/OrderRegisterPage.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<script setup lang="ts">
-import { computed, onMounted, ref } from 'vue'
-import { useRoute } from 'vue-router'
-import type { KbxLookupItem } from '@kbx/contracts'
-import { kbxFieldReadonly, resolveKbxRecordStatePolicy } from '@kbx/contracts'
-import { KbxDataGrid,KbxDateField,KbxFormGrid,KbxFormSection,KbxFormSpan,KbxLookup,KbxLookupDialog,KbxInput,KbxSectionHeader,KbxTransactionPage,useKbxPageShortcuts } from '@kbx/ui'
-import { orderLineColumns, orderRegisterScreen, orderStatePolicies, orderWorkflow, type OrderLineForm } from './order-register.definition'
-import { useKbxWorkspaceBinding } from '../../../../shell/useKbxWorkspaceBinding'
-import { useOrderRegistration } from './useOrderRegistration'
-const route=useRoute();const vm=useOrderRegistration();useKbxWorkspaceBinding(vm.dirty,async()=>{await vm.save();return !vm.dirty.value})
-const itemLookupOpen=ref(false);const activeLine=ref<OrderLineForm|null>(null);const statePolicy=computed(()=>resolveKbxRecordStatePolicy(orderStatePolicies,vm.status.value));const readonly=computed(()=>statePolicy.value.editability==='readonly')
-function fieldReadonly(field:string){return kbxFieldReadonly(statePolicy.value,field)}
-function openGridLookup(event:{row:OrderLineForm;entity:string}){if(event.entity!=='item'||readonly.value)return;activeLine.value=event.row;itemLookupOpen.value=true}
-function selectGridItem(item:KbxLookupItem<string>){if(activeLine.value)vm.applyItemLookup(activeLine.value,item)}
-const summaryItems=computed(()=>[{key:'items',label:'품목',value:`${vm.lines.value.length.toLocaleString('ko-KR')}종`},{key:'qty',label:'총수량',value:vm.totalQty.value},{key:'amount',label:'주문금액',value:`₩${vm.totalAmount.value.toLocaleString('ko-KR')}`,emphasis:true}])
-useKbxPageShortcuts([{key:'F8',execute:()=>vm.save()}])
-async function executeCommand(id:string){if(id==='save')await vm.save();if(id==='new')vm.createNew();if(id==='confirm')await vm.confirm()}
-onMounted(async()=>{const id=String(route.params.orderId??'');if(id)await vm.load(id)})
-</script>
-<template>
-<KbxTransactionPage :screen="orderRegisterScreen" :status="vm.status.value" :dirty="vm.dirty.value" :version="vm.version.value" :errors="vm.errors.value" :workflow="orderWorkflow" :conflict="vm.conflict.value" :audit-entries="vm.auditEntries.value" :summary-items="summaryItems" breadcrumb="OMS > 주문" @command="executeCommand" @transition="executeCommand" @reload-conflict="vm.reloadConflict" @dismiss-conflict="vm.dismissConflict">
- <template #header>
-  <KbxFormSection title="기본정보"><KbxFormGrid><KbxDateField v-model="vm.header.orderDate" label="주문일" required :readonly="fieldReadonly('orderDate')" :error="vm.fieldError('orderDate')" @update:model-value="vm.touch"/><KbxLookup v-model="vm.header.customerId" entity="customer" label="거래처" required :readonly="fieldReadonly('customerId')" :error="vm.fieldError('customerId')" @selected="vm.touch"/><KbxLookup v-model="vm.header.warehouseId" entity="warehouse" label="출고창고" required :readonly="fieldReadonly('warehouseId')" :error="vm.fieldError('warehouseId')" @selected="vm.touch"/><KbxInput v-model="vm.header.receiverName" label="수취인" required :readonly="fieldReadonly('receiverName')" :error="vm.fieldError('receiverName')" @update:model-value="vm.touch"/><KbxInput v-model="vm.header.phone" label="연락처" required :readonly="fieldReadonly('phone')" :error="vm.fieldError('phone')" @update:model-value="vm.touch"/></KbxFormGrid></KbxFormSection>
-  <KbxFormSection title="배송정보"><KbxFormGrid><KbxInput v-model="vm.header.postalCode" label="우편번호" :readonly="fieldReadonly('postalCode')" @update:model-value="vm.touch"/><KbxFormSpan span="full"><KbxInput v-model="vm.header.address1" label="주소" required :readonly="fieldReadonly('address1')" :error="vm.fieldError('address1')" @update:model-value="vm.touch"/></KbxFormSpan><KbxFormSpan span="full"><KbxInput v-model="vm.header.address2" label="상세주소" :readonly="fieldReadonly('address2')" @update:model-value="vm.touch"/></KbxFormSpan></KbxFormGrid></KbxFormSection>
- </template>
- <template #detail><section class="order-lines"><KbxSectionHeader title="상품" :count="vm.lines.value.length"/><KbxDataGrid :rows="vm.lines.value" :columns="orderLineColumns" row-key="clientId" selection="multiple" :errors="vm.errors.value" :editable="!readonly" :editing-policy="{allowRowAdd:true,allowRowDuplicate:true,fillDown:true,paste:true,errorNavigation:true}" @row-add-requested="vm.addLine" @row-duplicate-requested="vm.duplicateLines" @cell-changed="vm.onCellChanged" @lookup-requested="openGridLookup"/></section></template>
-</KbxTransactionPage>
-<KbxLookupDialog v-model:visible="itemLookupOpen" entity="item" title="품목" @select="selectGridItem"/>
-</template>
-<style scoped>.order-lines{min-height:var(--kbx-grid-min-height);display:flex;flex-direction:column;gap:var(--kbx-space-2)}</style>
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/search/OrderListPage.vue b/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/search/OrderListPage.vue
deleted file mode 100644
index 1f5f3ea1..00000000
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/search/OrderListPage.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<script setup lang="ts">
-import { computed } from 'vue'
-import { useRouter } from 'vue-router'
-import { KbxDataGrid, KbxListPage, KbxQuickFilterBar, KbxSearchPanel, KbxSummaryBar, useKbxPageShortcuts } from '@kbx/ui'
-import { orderColumns, orderListScreen, orderSearchFields } from './order-list.definition'
-import { useOrderSearch } from './useOrderSearch'
-import { useKbxExperiment } from '../../../../experiments/kbxExperimentClient'
-
-const vm=useOrderSearch();const router=useRouter()
-const exceptionSummaryExperiment=useKbxExperiment(orderListScreen.id,orderListScreen.version,'exp.oms.order-list.exception-summary-v2','information-emphasis')
-useKbxPageShortcuts([{key:'F3',execute:vm.executeSearch}])
-async function selectQuickFilter(key:string){
-  vm.search.exceptionOnly=false
-  vm.search.status=null
-  if(key==='new')vm.search.status='NEW'
-  if(key==='ready')vm.search.status='READY'
-  if(key==='exceptions')vm.search.exceptionOnly=true
-  await vm.executeSearch()
-}
-const quickFilters=computed(()=>{
-  const c=vm.result.value?.counters
-  if(!c)return []
-  return [
-    {key:'all',label:'전체',count:c.all,active:!vm.search.status&&!vm.search.exceptionOnly},
-    {key:'new',label:'신규',count:c.new,active:vm.search.status==='NEW'},
-    {key:'ready',label:'출고대기',count:c.readyToShip,active:vm.search.status==='READY'},
-    {key:'exceptions',label:'오류',count:c.exceptions,active:vm.search.exceptionOnly,tone:'danger' as const},
-  ]
-})
-const pageContext=computed(()=>vm.result.value?{label:`${vm.appliedSearch.value.from} ~ ${vm.appliedSearch.value.to}`,hint:vm.appliedSearch.value.exceptionOnly?'예외 주문만 조회 중':'현재 적용된 조회조건 기준',metrics:[{key:'result',label:'조회',value:vm.result.value.totalCount},{key:'selected',label:'선택',value:vm.selectionCount.value},{key:'exceptions',label:'오류',value:vm.result.value.counters.exceptions,tone:'danger' as const,emphasis:vm.result.value.counters.exceptions>0}]}:null)
-const summaryItems=computed(()=>vm.result.value?[
-  {key:'rows',label:'조회',value:`${vm.result.value.totalCount.toLocaleString('ko-KR')}건`},
-  {key:'selected',label:'선택',value:`${vm.selectionCount.value.toLocaleString('ko-KR')}건`},
-  {key:'qty',label:'수량',value:vm.result.value.totalQty},
-  {key:'amount',label:'금액',value:`₩${vm.result.value.totalAmount.toLocaleString('ko-KR')}`,emphasis:true},
-]:[])
-</script>
-
-<template>
-  <KbxListPage :screen="orderListScreen" :selection-count="vm.selectionCount.value" :context="pageContext" :content-state="vm.error.value?'error':vm.loading.value&&!vm.result.value?'loading':!vm.result.value?'idle':vm.result.value.totalCount===0?'empty':'ready'" :refreshing="vm.loading.value&&Boolean(vm.result.value)" breadcrumb="OMS > 주문" @command="vm.executeCommand">
-    <template #search><KbxSearchPanel :model-value="vm.search" :fields="orderSearchFields" @update:model-value="value=>Object.assign(vm.search,value)" @search="vm.executeSearch"/></template>
-    <template #quick-filter>
-      <div v-if="vm.result.value&&exceptionSummaryExperiment.is('exception-summary')" class="experiment-summary"><strong>확인 필요</strong> · 오류 {{vm.result.value.counters.exceptions.toLocaleString()}}건 — 기존 조회·처리 문법은 그대로 유지됩니다.</div>
-      <KbxQuickFilterBar v-if="quickFilters.length" :items="quickFilters" @select="selectQuickFilter"/>
-    </template>
-    <template #content><KbxDataGrid :rows="vm.rows.value" :columns="orderColumns" row-key="id" selection="multiple" :loading="vm.loading.value" :total-count="vm.result.value?.totalCount??0" :selection-state="vm.selectionState.value" allow-all-filtered-selection @selection-state-changed="value=>vm.selectionState.value=value" @row-double-clicked="row=>router.push({name:'oms-order-edit',params:{orderId:row.id}})"/></template>
-    <template #summary><KbxSummaryBar v-if="summaryItems.length" :items="summaryItems"/></template>
-  </KbxListPage>
-</template>
-
-<style scoped>.experiment-summary{margin-bottom:var(--kbx-space-1);padding:var(--kbx-space-2);border:1px solid var(--kbx-color-border);background:var(--kbx-color-surface-muted)}</style>
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/search/useOrderSearch.ts b/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/search/useOrderSearch.ts
deleted file mode 100644
index 6a9aef38..00000000
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/search/useOrderSearch.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import { computed, reactive, ref } from 'vue'
-import { useMutation, useQuery, useQueryClient } from '@tanstack/vue-query'
-import { useRouter } from 'vue-router'
-import type { KbxSelectionState } from '@kbx/contracts'
-import { toKbxBulkSelectionRequest } from '@kbx/ui'
-import { orderApi, type OrderBulkFilter, type OrderSearchFilter } from './orderApi'
-import { kbxTelemetry, startKbxTask } from '../../../telemetry/kbxTelemetryClient'
-import { orderListScreen } from './order-list.definition'
-
-function todayIso() { return new Date().toISOString().slice(0, 10) }
-
-export function useOrderSearch() {
-  const router = useRouter()
-  const queryClient = useQueryClient()
-  const selectionState = ref<KbxSelectionState<string>>({ mode:'explicit', selectedIds:[] })
-
-  const search = reactive<OrderSearchFilter>({
-    from: todayIso(), to: todayIso(), channelId: null, status: null,
-    exceptionOnly: false, keyword: '', page: 1, pageSize: 100,
-  })
-  const appliedSearch = ref<OrderSearchFilter>({ ...search })
-
-  const query = useQuery({
-    queryKey: computed(() => ['oms', 'orders', appliedSearch.value]),
-    queryFn: () => orderApi.search({ ...appliedSearch.value }),
-    enabled: false,
-  })
-
-  const shipMutation = useMutation({
-    mutationFn: (selection: ReturnType<typeof currentBulkSelection>) => orderApi.ship(selection),
-    onSuccess: async () => {
-      selectionState.value = { mode:'explicit', selectedIds:[] }
-      await queryClient.invalidateQueries({ queryKey: ['oms', 'orders'] })
-      await query.refetch()
-    },
-  })
-
-  const selectionCount = computed(() => selectionState.value.mode === 'all-filtered'
-    ? Math.max((query.data.value?.totalCount ?? 0) - (selectionState.value.excludedIds?.length ?? 0), 0)
-    : selectionState.value.selectedIds.length)
-
-  function currentBulkFilter(): OrderBulkFilter {
-    return {
-      from: appliedSearch.value.from, to: appliedSearch.value.to, channelId: appliedSearch.value.channelId,
-      status: appliedSearch.value.status, exceptionOnly: appliedSearch.value.exceptionOnly, keyword: appliedSearch.value.keyword,
-    }
-  }
-
-  function currentBulkSelection() {
-    return toKbxBulkSelectionRequest(selectionState.value, currentBulkFilter())
-  }
-
-  async function executeSearch() {
-    const started=performance.now();selectionState.value={mode:'explicit',selectedIds:[]};appliedSearch.value={...search}
-    kbxTelemetry.track('command.execute',{screenId:orderListScreen.id,screenVersion:orderListScreen.version,attributes:{commandId:'search',operationKind:'query'}})
-    kbxTelemetry.track('search.execute',{screenId:orderListScreen.id,screenVersion:orderListScreen.version,attributes:{resultBucket:'requested'}})
-    await query.refetch()
-    kbxTelemetry.track('command.succeeded',{screenId:orderListScreen.id,screenVersion:orderListScreen.version,durationMs:Math.round(performance.now()-started),attributes:{commandId:'search',operationKind:'query'}})
-  }
-
-  async function executeCommand(commandId: string) {
-    const handlers: Record<string, () => unknown | Promise<unknown>> = {
-      search: executeSearch,
-      new: () => router.push({ name: 'oms-order-new' }),
-      ship: async () => {
-        const task=startKbxTask(orderListScreen.id,orderListScreen.version,'ship-orders');task.interaction('bulk-command','ship')
-        kbxTelemetry.track('grid.bulk_action',{screenId:orderListScreen.id,screenVersion:orderListScreen.version,taskSessionId:task.id,attributes:{commandId:'ship',countBucket:selectionCount.value<10?'1-9':selectionCount.value<100?'10-99':'100+',selectionMode:selectionState.value.mode}})
-        try{await shipMutation.mutateAsync(currentBulkSelection());task.complete('success')}catch(error){task.abandon('failed');throw error}
-      },
-      hold: () => Promise.resolve(),
-      excel: () => Promise.resolve(),
-    }
-    return handlers[commandId]?.()
-  }
-
-  return {
-    search,
-    appliedSearch,
-    rows: computed(() => query.data.value?.items ?? []),
-    result: computed(() => query.data.value),
-    loading: computed(() => query.isFetching.value),
-    error: computed(() => query.error.value),
-    selectionState,
-    selectionCount,
-    executeSearch,
-    executeCommand,
-  }
-}
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/counting/WmsCountingPage.vue b/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/counting/WmsCountingPage.vue
deleted file mode 100644
index 0d5a3cc1..00000000
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/counting/WmsCountingPage.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-
-<script setup lang="ts">
-import { ref } from 'vue'
-import { KbxBarcodeCapture,KbxWmsActionButton,KbxWmsMobilePage } from '@kbx/ui'
-import { countingScreen } from './counting.definition'
-const online=ref(true);const stage=ref<'location'|'item'|'counted'>('location');const location=ref('');const item=ref('');const counted=ref(0);const bookQty=ref(12);const msg=ref('실사 위치를 스캔하세요.')
-function scan(v:string){if(stage.value==='location'){location.value=v;stage.value='item';msg.value='상품을 스캔하세요.';return}if(stage.value==='item'){item.value=v;counted.value++;msg.value='계속 스캔하거나 수량 확정하세요.'}}
-function finish(){stage.value='counted';msg.value=counted.value===bookQty.value?'장부수량과 일치합니다.':'차이가 있어 관리자 확인 대상으로 등록합니다.'}
-</script>
-<template><KbxWmsMobilePage :screen="countingScreen" :progress="stage==='counted'?'실사완료':'실사중'" :online="online"><p class="msg">{{msg}}</p><div v-if="location" class="box"><small>LOCATION</small><strong>{{location}}</strong></div><div v-if="item" class="box"><small>상품</small><strong>{{item}}</strong><p>실사 {{counted}} · 장부 {{bookQty}}</p></div><KbxBarcodeCapture v-if="stage!=='counted'" :enabled="online" :label="stage==='location'?'위치 스캔':'상품 스캔'" @scan="scan"/><template #actions><KbxWmsActionButton v-if="stage==='item'" label="수량 확정" @click="finish"/><KbxWmsActionButton v-if="stage==='counted'" label="다음 위치" @click="stage='location';location='';item='';counted=0;msg='실사 위치를 스캔하세요.'"/></template></KbxWmsMobilePage></template>
-<style scoped>.msg{font-weight:650}.box{padding:16px;border:1px solid var(--kbx-color-border);border-radius:8px;margin-bottom:12px}.box small{display:block;color:var(--kbx-color-text-muted)}.box strong{font-size:28px}.box p{font-size:20px;font-weight:650}</style>
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/putaway/WmsPutawayPage.vue b/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/putaway/WmsPutawayPage.vue
deleted file mode 100644
index cb1d1f50..00000000
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/putaway/WmsPutawayPage.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-
-<script setup lang="ts">
-import { ref } from 'vue'
-import { KbxBarcodeCapture,KbxWmsActionButton,KbxWmsMobilePage } from '@kbx/ui'
-import { putawayScreen } from './putaway.definition'
-const online=ref(true);const stage=ref<'item'|'location'|'done'>('item');const item=ref('');const suggested=ref('A-01-03');const location=ref('');const msg=ref('적치할 상품을 스캔하세요.')
-function scan(v:string){if(stage.value==='item'){item.value=v;stage.value='location';msg.value=`추천 위치 ${suggested.value}를 스캔하세요.`;return}if(stage.value==='location'){if(v!==suggested.value){msg.value=`다른 위치입니다. ${suggested.value}로 이동하세요.`;return}location.value=v;stage.value='done';msg.value='적치가 완료되었습니다.'}}
-</script>
-<template><KbxWmsMobilePage :screen="putawayScreen" :progress="stage==='done'?'완료':'적치중'" :online="online"><p class="msg">{{msg}}</p><div v-if="item" class="item"><small>상품</small><strong>{{item}}</strong></div><div v-if="stage!=='item'" class="location"><small>추천 LOCATION</small><strong>{{suggested}}</strong></div><KbxBarcodeCapture v-if="stage!=='done'" :enabled="online" :label="stage==='item'?'상품 스캔':'위치 스캔'" @scan="scan"/><template #actions><KbxWmsActionButton v-if="stage==='done'" label="다음 상품" @click="stage='item';item='';location='';msg='적치할 상품을 스캔하세요.'"/></template></KbxWmsMobilePage></template>
-<style scoped>.msg{font-weight:650}.item,.location{padding:16px;border:1px solid var(--kbx-color-border);border-radius:8px;margin-bottom:12px}.item small,.location small{display:block;color:var(--kbx-color-text-muted)}.item strong{font-size:22px}.location strong{font-size:32px}</style>
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/receiving/WmsReceivingPage.vue b/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/receiving/WmsReceivingPage.vue
deleted file mode 100644
index 88c579ca..00000000
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/receiving/WmsReceivingPage.vue
+++ /dev/null
@@ -1,12 +0,0 @@
-
-<script setup lang="ts">
-import { computed, ref } from 'vue'
-import { KbxBarcodeCapture, KbxWmsActionButton, KbxWmsMobilePage } from '@kbx/ui'
-import { receivingScreen } from './receiving.definition'
-const props=defineProps<{taskId:string}>(); const online=ref(true); const stage=ref<'po'|'item'|'qty'|'completed'>('po'); const poNo=ref(''); const item=ref({code:'',name:'',expected:0,received:0}); const message=ref('입고예정번호 또는 ASN을 스캔하세요.')
-const progress=computed(()=>stage.value==='completed'?'완료':stage.value==='po'?'입고대기':'검수중')
-function scan(value:string){ if(stage.value==='po'){poNo.value=value; stage.value='item'; message.value='상품을 스캔하세요.'; return} if(stage.value==='item'){item.value={code:value,name:'스캔 품목',expected:10,received:1}; stage.value='qty'; message.value='수량을 확인하세요.'}}
-function complete(){stage.value='completed';message.value='입고 검수가 완료되었습니다.'}
-</script>
-<template><KbxWmsMobilePage :screen="receivingScreen" :progress="progress" :online="online"><p class="msg">{{message}}</p><section v-if="poNo" class="card"><small>입고예정</small><strong>{{poNo}}</strong></section><section v-if="item.code" class="card"><small>상품</small><strong>{{item.name}}</strong><span>{{item.code}}</span><div class="qty">예정 {{item.expected}} · 검수 {{item.received}}</div></section><KbxBarcodeCapture v-if="stage==='po'||stage==='item'" :enabled="online" :label="stage==='po'?'입고예정 스캔':'상품 스캔'" @scan="scan"/><template #actions><KbxWmsActionButton v-if="stage==='qty'" label="검수 완료" @click="complete"/><KbxWmsActionButton v-else-if="stage==='completed'" label="다음 입고" @click="stage='po';poNo='';item={code:'',name:'',expected:0,received:0}"/></template></KbxWmsMobilePage></template>
-<style scoped>.msg{font-weight:650}.card{display:flex;flex-direction:column;gap:5px;border:1px solid var(--kbx-color-border);border-radius:8px;padding:16px;margin-bottom:12px}.card small,.card span{color:var(--kbx-color-text-muted)}.card strong{font-size:24px}.qty{font-size:20px;font-weight:650}</style>
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/work/WmsWorkPage.vue b/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/work/WmsWorkPage.vue
deleted file mode 100644
index 1cce9a92..00000000
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/work/WmsWorkPage.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<script setup lang="ts">
-import { computed, reactive, ref } from 'vue'
-import { useRouter } from 'vue-router'
-import { KbxDataGrid, KbxQueuePage, KbxSearchPanel } from '@kbx/ui'
-import { routeForWmsTask, searchWmsWork } from './workApi'
-import { wmsWorkColumns, wmsWorkScreen, wmsWorkSearchFields, type WmsWorkRow } from './work.definition'
-const router=useRouter();const search=reactive({taskType:'',status:'READY',owner:'mine',keyword:''});const rows=ref<WmsWorkRow[]>([]);const selection=ref<WmsWorkRow[]>([]);const loading=ref(false);const searched=ref(false);const error=ref<unknown>(null);const activeExceptionKey=ref<string|null>(null)
-async function executeSearch(){loading.value=true;error.value=null;try{rows.value=await searchWmsWork(search);searched.value=true}catch(cause){error.value=cause;searched.value=true}finally{loading.value=false}}
-function executeCommand(id:string){if(id==='search')return executeSearch();if(id==='start'&&selection.value[0])return router.push(routeForWmsTask(selection.value[0]))}
-const summaryItems=computed(()=>[
-  {key:'total',label:'전체 작업',value:rows.value.length},
-  {key:'ready',label:'대기',value:rows.value.filter(x=>x.status==='READY').length},
-  {key:'blocked',label:'예외',value:rows.value.filter(x=>x.status==='BLOCKED').length,emphasis:true},
-])
-const exceptionCounters=computed(()=>[{key:'blocked',label:'확인 필요한 작업',count:rows.value.filter(x=>x.status==='BLOCKED').length,severity:'warning' as const}])
-async function filterException(key:string|null){activeExceptionKey.value=key;search.status=key==='blocked'?'BLOCKED':'READY';await executeSearch()}
-</script>
-<template><KbxQueuePage :screen="wmsWorkScreen" :selection-count="selection.length" :content-state="error?'error':loading&&!searched?'loading':!searched?'idle':rows.length===0?'empty':'ready'" :refreshing="loading&&searched" :summary-items="summaryItems" :exception-counters="exceptionCounters" :active-exception-key="activeExceptionKey" breadcrumb="WMS > 작업관리" @command="executeCommand" @exception-filter="filterException"><template #search><KbxSearchPanel v-model="search" :fields="wmsWorkSearchFields" @search="executeSearch"/></template><template #content><KbxDataGrid :rows="rows" :columns="wmsWorkColumns" row-key="taskId" selection="single" :loading="loading" @selection-changed="selection=$event" @row-double-clicked="row=>router.push(routeForWmsTask(row))"/></template></KbxQueuePage></template>
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/work/workApi.ts b/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/work/workApi.ts
deleted file mode 100644
index 0b925245..00000000
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/work/workApi.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import type { WmsWorkRow } from './work.definition'
-export interface WmsWorkSearch { taskType?: string; status?: string; owner?: string; keyword?: string }
-export async function searchWmsWork(_search: WmsWorkSearch): Promise<WmsWorkRow[]> { return [] }
-export function routeForWmsTask(row: WmsWorkRow): string {
-  switch (row.taskType) {
-    case 'RECEIVING': return `/wms/receiving/${row.taskId}`
-    case 'PUTAWAY': return `/wms/putaway/${row.taskId}`
-    case 'PICKING': return `/wms/picking/${row.taskId}`
-    case 'COUNTING': return `/wms/counting/${row.taskId}`
-    default: return `/wms/work?task=${encodeURIComponent(row.taskId)}`
-  }
-}
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/preferences/screenPreferenceStore.ts b/docs/Design/kbx-foundation-v36/apps/web/src/preferences/screenPreferenceStore.ts
deleted file mode 100644
index 77f3c020..00000000
--- a/docs/Design/kbx-foundation-v36/apps/web/src/preferences/screenPreferenceStore.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import type { KbxScreenPreference } from '@kbx/contracts'
-
-const PREFIX = 'kbx.screen.preference.'
-
-export function loadScreenPreference(screenId: string): KbxScreenPreference | null {
-  const raw = localStorage.getItem(PREFIX + screenId)
-  if (!raw) return null
-  try { return JSON.parse(raw) as KbxScreenPreference } catch { return null }
-}
-
-export function saveScreenPreference(preference: KbxScreenPreference) {
-  localStorage.setItem(PREFIX + preference.screenId, JSON.stringify(preference))
-}
-
-export function clearScreenPreference(screenId: string) {
-  localStorage.removeItem(PREFIX + screenId)
-}
diff --git a/docs/Design/kbx-foundation-v36/governance/release.json b/docs/Design/kbx-foundation-v36/governance/release.json
deleted file mode 100644
index e05cce2f..00000000
--- a/docs/Design/kbx-foundation-v36/governance/release.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "foundationIteration": 36,
-  "contractVersion": "1.22.0",
-  "baseline": "v21",
-  "declaredChangeLevel": "major",
-  "releaseMode": "recipe-verification-generated-test-plan-home-attention-ordering-hardening",
-  "notes": "v36 closes T01-T09 recipes to executable verification evidence. Every recipe now declares required scenario kinds, behavioral tags, evidence classes, and stable verification checks; generated verification proves 9/9 recipe coverage and requires a representative E2E scenario on a screen that actually uses each template. T02/T06/T07 gain canonical E2E recovery scenarios. The secure scaffolder now emits a typed per-screen recipe test plan beside each new Vertical Slice, while keeping explicit write-permission fail-closed behavior. Home attention becomes deterministic and operationally accurate: business priority remains dirty -> failed/partial job -> urgent notification -> running job -> ordinary notification, items within one priority are newest-first, and overflow reports the real authorized total instead of only the visible slice. Screen recipe test-profile and canonical-scenario changes are now release-impact tracked."
-}
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxExcelMenu.vue b/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxExcelMenu.vue
deleted file mode 100644
index d39a1fc9..00000000
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxExcelMenu.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import KbxButton from './KbxButton.vue'
-
-const props = withDefaults(defineProps<{
-  canImport?: boolean
-  canExport?: boolean
-}>(), { canImport: true, canExport: true })
-
-const emit = defineEmits<{
-  export: []
-  template: []
-  import: []
-  paste: []
-  history: []
-}>()
-
-const open = ref(false)
-function choose(action: 'export' | 'template' | 'import' | 'paste' | 'history') {
-  open.value = false
-  emit(action)
-}
-</script>
-
-<template>
-  <div class="kbx-excel-menu">
-    <KbxButton label="엑셀" variant="secondary" @click="open = !open" />
-    <div v-if="open" class="kbx-excel-menu__popup" role="menu">
-      <button v-if="props.canExport" type="button" @click="choose('export')">현재 조회결과 다운로드</button>
-      <button v-if="props.canImport" type="button" @click="choose('template')">업로드 양식 다운로드</button>
-      <button v-if="props.canImport" type="button" @click="choose('import')">엑셀 업로드</button>
-      <button v-if="props.canImport" type="button" @click="choose('paste')">Excel에서 붙여넣기</button>
-      <button v-if="props.canImport" type="button" @click="choose('history')">최근 업로드 결과</button>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.kbx-excel-menu { position:relative; display:inline-block; }
-.kbx-excel-menu__popup { position:absolute; right:0; top:calc(100% + 4px); min-width:220px; padding:4px; background:var(--kbx-color-surface); border:1px solid var(--kbx-color-border); border-radius:var(--kbx-radius-sm); box-shadow:0 6px 18px rgb(0 0 0 / 12%); z-index:50; }
-.kbx-excel-menu__popup button { display:block; width:100%; height:34px; padding:0 10px; text-align:left; border:0; background:transparent; color:var(--kbx-color-text); border-radius:4px; }
-.kbx-excel-menu__popup button:hover { background:var(--kbx-color-surface-muted); }
-</style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxMasterPage.vue b/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxMasterPage.vue
deleted file mode 100644
index 3ccc19b8..00000000
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxMasterPage.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<script setup lang="ts">
-import type { KbxAsyncState, KbxAuditEntry, KbxConflictSnapshot, KbxScreenDefinition, KbxTemplateContext, KbxValidationError, KbxWorkflowDefinition } from '@kbx/contracts'
-import KbxScreenFrame from './KbxScreenFrame.vue'
-import KbxValidationSummary from './KbxValidationSummary.vue'
-import KbxRecordLifecycle from './KbxRecordLifecycle.vue'
-import KbxTemplateContextBar from './KbxTemplateContextBar.vue'
-import KbxTemplateStateBoundary from './KbxTemplateStateBoundary.vue'
-
-withDefaults(defineProps<{ screen:KbxScreenDefinition; status?:string; dirty?:boolean; version?:number; errors?:KbxValidationError[]; workflow?:KbxWorkflowDefinition; conflict?:KbxConflictSnapshot|null; auditEntries?:KbxAuditEntry[]; can?:(permission:string)=>boolean; breadcrumb?:string; context?:KbxTemplateContext|null; contentState?:KbxAsyncState; refreshing?:boolean }>(), { status:'', dirty:false, errors:()=>[], conflict:null, auditEntries:()=>[], context:null, contentState:'ready', refreshing:false })
-const emit = defineEmits<{ command:[string]; transition:[string]; reloadConflict:[]; dismissConflict:[] }>()
-</script>
-
-<template>
-  <KbxScreenFrame expected-type="master" template-code="T02" :screen="screen" :status="status" :dirty="dirty" :can="can" :breadcrumb="breadcrumb" :suppress-default-utility="Boolean($slots.utility)" @command="emit('command',$event)">
-    <template #utility><slot name="utility" /></template>
-    <template #notice><slot name="notice" /></template>
-    <div v-if="errors.length" data-kbx-surface="validation"><KbxValidationSummary :errors="errors" /></div>
-    <KbxRecordLifecycle v-if="workflow || conflict || auditEntries.length || version!=null" data-kbx-surface="record-lifecycle" :status="status" :version="version" :workflow="workflow" :conflict="conflict" :audit-entries="auditEntries" :can="can" @transition="emit('transition',$event)" @reload-conflict="emit('reloadConflict')" @dismiss-conflict="emit('dismissConflict')" />
-    <div v-if="$slots.context || context" data-kbx-surface="context"><slot name="context"><KbxTemplateContextBar :context="context" /></slot></div>
-    <KbxTemplateStateBoundary :state="contentState" :refreshing="refreshing" :idle-action-label="$slots.list?'조회 F3':''" @idle-action="emit('command','search')" @retry="emit('command','search')">
-      <div class="kbx-master-page__body" :class="{ 'without-list': !$slots.list }">
-        <aside v-if="$slots.list" class="kbx-master-page__list" data-kbx-surface="master-list"><slot name="list" /></aside>
-        <main class="kbx-master-page__detail" data-kbx-surface="detail">
-          <slot name="detail" />
-          <section v-if="$slots.tabs" class="kbx-master-page__tabs" data-kbx-surface="tabs"><slot name="tabs" /></section>
-        </main>
-      </div>
-    </KbxTemplateStateBoundary>
-    <footer v-if="$slots.footer" class="kbx-master-page__footer" data-kbx-surface="footer"><slot name="footer" /></footer>
-    <div v-if="$slots.drawer" data-kbx-surface="drawer"><slot name="drawer" /></div>
-  </KbxScreenFrame>
-</template>
-
-<style scoped>
-.kbx-master-page__body{display:grid;grid-template-columns:minmax(var(--kbx-master-list-min-width),32%) minmax(0,1fr);gap:var(--kbx-space-2);min-height:0;flex:1}.kbx-master-page__body.without-list{grid-template-columns:minmax(0,1fr)}.kbx-master-page__list,.kbx-master-page__detail{min-height:0;border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface)}.kbx-master-page__list{overflow:hidden}.kbx-master-page__detail{padding:var(--kbx-space-4);overflow:auto;display:flex;flex-direction:column;gap:var(--kbx-space-3)}.kbx-master-page__tabs{border-top:var(--kbx-border-width) solid var(--kbx-color-border);padding-top:var(--kbx-space-2)}.kbx-master-page__footer{min-height:var(--kbx-control-sm);border-top:var(--kbx-border-width) solid var(--kbx-color-border)}@media(max-width:68.75rem){.kbx-master-page__body{grid-template-columns:var(--kbx-master-list-compact-width) minmax(0,1fr)}}
-</style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxQueuePage.vue b/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxQueuePage.vue
deleted file mode 100644
index 8a5453e0..00000000
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxQueuePage.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<script setup lang="ts">
-import type { KbxAsyncState, KbxScreenDefinition, KbxSummaryItem, KbxTemplateContext, KbxWorkQueueCounter } from '@kbx/contracts'
-import KbxExceptionSummary from './KbxExceptionSummary.vue'
-import KbxScreenFrame from './KbxScreenFrame.vue'
-import KbxSummaryBar from './KbxSummaryBar.vue'
-import KbxTemplateContextBar from './KbxTemplateContextBar.vue'
-import KbxTemplateStateBoundary from './KbxTemplateStateBoundary.vue'
-
-withDefaults(defineProps<{
-  screen:KbxScreenDefinition
-  selectionCount?:number
-  can?:(permission:string)=>boolean
-  breadcrumb?:string
-  context?:KbxTemplateContext|null
-  contentState?:KbxAsyncState
-  refreshing?:boolean
-  summaryItems?:KbxSummaryItem[]
-  exceptionCounters?:KbxWorkQueueCounter[]
-  activeExceptionKey?:string|null
-}>(), { context:null, contentState:'ready', refreshing:false, summaryItems:()=>[], exceptionCounters:()=>[], activeExceptionKey:null })
-const emit=defineEmits<{ command:[string]; exceptionFilter:[string|null] }>()
-</script>
-
-<template>
-  <KbxScreenFrame expected-type="queue" template-code="T06" :screen="screen" :selection-count="selectionCount" :can="can" :breadcrumb="breadcrumb" :suppress-default-utility="Boolean($slots.utility)" @command="emit('command',$event)">
-    <template #utility><slot name="utility" /></template><template #notice><slot name="notice" /></template>
-    <div v-if="$slots.search" class="kbx-queue-page__search" data-kbx-surface="search"><slot name="search" /></div>
-    <section v-if="$slots.summary || summaryItems.length" class="kbx-queue-page__summary" data-kbx-surface="work-summary"><slot name="summary"><KbxSummaryBar :items="summaryItems" /></slot></section>
-    <section v-if="$slots.exceptions || exceptionCounters.length" class="kbx-queue-page__exceptions" data-kbx-surface="exception-summary"><slot name="exceptions"><KbxExceptionSummary :counters="exceptionCounters" :active-key="activeExceptionKey" @select="emit('exceptionFilter',$event)" /></slot></section>
-    <div v-if="$slots.context || context" data-kbx-surface="context"><slot name="context"><KbxTemplateContextBar :context="context" /></slot></div>
-    <section v-if="$slots.contextual" class="kbx-queue-page__contextual" data-kbx-surface="bulk-action"><slot name="contextual" /></section>
-    <main class="kbx-queue-page__content" data-kbx-surface="queue/content"><KbxTemplateStateBoundary :state="contentState" :refreshing="refreshing" idle-action-label="조회 F3" @idle-action="emit('command','search')" @retry="emit('command','search')"><slot name="content" /></KbxTemplateStateBoundary></main>
-    <footer v-if="$slots.footer" class="kbx-queue-page__footer" data-kbx-surface="footer"><slot name="footer" /></footer>
-    <div v-if="$slots.detail" data-kbx-surface="detail"><slot name="detail" /></div>
-  </KbxScreenFrame>
-</template>
-
-<style scoped>
-.kbx-queue-page__summary,.kbx-queue-page__exceptions{border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface-muted);padding:var(--kbx-space-2)}.kbx-queue-page__summary :deep(.kbx-summary-bar){border-top:0}.kbx-queue-page__content{min-height:var(--kbx-content-min-height);flex:1}.kbx-queue-page__contextual{position:sticky;top:var(--kbx-command-bar-height);z-index:6}.kbx-queue-page__footer{min-height:var(--kbx-control-sm);border-top:var(--kbx-border-width) solid var(--kbx-color-border)}
-</style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxTransactionPage.vue b/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxTransactionPage.vue
deleted file mode 100644
index 3a1c9f69..00000000
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxTransactionPage.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<script setup lang="ts">
-import type { KbxAsyncState, KbxAuditEntry, KbxConflictSnapshot, KbxScreenDefinition, KbxSummaryItem, KbxTemplateContext, KbxValidationError, KbxWorkflowDefinition } from '@kbx/contracts'
-import KbxScreenFrame from './KbxScreenFrame.vue'
-import KbxValidationSummary from './KbxValidationSummary.vue'
-import KbxRecordLifecycle from './KbxRecordLifecycle.vue'
-import KbxTemplateContextBar from './KbxTemplateContextBar.vue'
-import KbxTemplateStateBoundary from './KbxTemplateStateBoundary.vue'
-import KbxSummaryBar from './KbxSummaryBar.vue'
-
-withDefaults(defineProps<{ screen:KbxScreenDefinition; status?:string; dirty?:boolean; version?:number; errors?:KbxValidationError[]; workflow?:KbxWorkflowDefinition; conflict?:KbxConflictSnapshot|null; auditEntries?:KbxAuditEntry[]; can?:(permission:string)=>boolean; breadcrumb?:string; context?:KbxTemplateContext|null; contentState?:KbxAsyncState; refreshing?:boolean; summaryItems?:KbxSummaryItem[] }>(), { errors:()=>[], status:'', dirty:false, conflict:null, auditEntries:()=>[], context:null, contentState:'ready', refreshing:false, summaryItems:()=>[] })
-const emit = defineEmits<{ command:[string]; transition:[string]; reloadConflict:[]; dismissConflict:[] }>()
-</script>
-
-<template>
-  <KbxScreenFrame expected-type="transaction" template-code="T03" :screen="screen" :status="status" :dirty="dirty" :can="can" :breadcrumb="breadcrumb" :suppress-default-utility="Boolean($slots.utility)" @command="emit('command',$event)">
-    <template #utility><slot name="utility" /></template>
-    <template #notice><slot name="notice" /></template>
-    <div v-if="errors.length" data-kbx-surface="validation"><KbxValidationSummary :errors="errors" /></div>
-    <KbxRecordLifecycle v-if="workflow || conflict || auditEntries.length || version!=null" data-kbx-surface="record-lifecycle" :status="status" :version="version" :workflow="workflow" :conflict="conflict" :audit-entries="auditEntries" :can="can" @transition="emit('transition',$event)" @reload-conflict="emit('reloadConflict')" @dismiss-conflict="emit('dismissConflict')" />
-    <div v-if="$slots.context || context" data-kbx-surface="context"><slot name="context"><KbxTemplateContextBar :context="context" /></slot></div>
-    <KbxTemplateStateBoundary :state="contentState" :refreshing="refreshing" @retry="emit('command','reload')">
-      <section class="kbx-transaction-page__header" aria-label="거래 기본정보" data-kbx-surface="header-form"><slot name="header" /></section>
-      <section class="kbx-transaction-page__detail" aria-label="거래 상세" data-kbx-surface="detail-grid"><slot name="detail" /></section>
-      <section v-if="$slots.workflow" class="kbx-transaction-page__workflow" data-kbx-surface="workflow"><slot name="workflow" /></section>
-      <section v-if="$slots.summary || summaryItems.length" class="kbx-transaction-page__summary" data-kbx-surface="summary"><slot name="summary"><KbxSummaryBar :items="summaryItems" align="end" /></slot></section>
-      <section v-if="$slots.audit" class="kbx-transaction-page__audit" data-kbx-surface="audit"><slot name="audit" /></section>
-    </KbxTemplateStateBoundary>
-    <div v-if="$slots.drawer" data-kbx-surface="drawer"><slot name="drawer" /></div>
-  </KbxScreenFrame>
-</template>
-
-<style scoped>
-.kbx-transaction-page__header{display:flex;flex-direction:column;gap:var(--kbx-space-3)}.kbx-transaction-page__detail{min-height:var(--kbx-master-list-compact-width)}.kbx-transaction-page__workflow{border-top:var(--kbx-border-width) solid var(--kbx-color-border);padding-top:var(--kbx-space-2)}.kbx-transaction-page__summary{position:sticky;bottom:0;z-index:5;background:var(--kbx-color-surface);border-top:var(--kbx-border-width) solid var(--kbx-color-border)}.kbx-transaction-page__summary :deep(.kbx-summary-bar){border-top:0}.kbx-transaction-page__audit{border-top:var(--kbx-border-width) solid var(--kbx-color-border);padding-top:var(--kbx-space-2)}
-</style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxGlobalHeader.vue b/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxGlobalHeader.vue
deleted file mode 100644
index 58daf34d..00000000
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxGlobalHeader.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<script setup lang="ts">
-const props = withDefaults(defineProps<{
-  productName?: string
-  activeModule?: string
-  modules?: string[]
-  menuSearchLabel?: string
-  operationCount?: number
-  notificationCount?: number
-  homeActive?: boolean
-}>(), { productName:'KBX', activeModule:'', modules:()=>[], menuSearchLabel:'메뉴 검색', operationCount:0, notificationCount:0, homeActive:false })
-const emit = defineEmits<{ home:[]; moduleSelect:[module:string]; menuSearch:[]; operations:[]; notifications:[]; profile:[] }>()
-const label=(module:string)=>module==='COMMON'?'공통':module
-</script>
-
-<template>
-  <header class="kbx-global-header">
-    <div class="brand" aria-label="제품 및 모듈">
-      <button type="button" class="brand__home" :aria-current="homeActive?'page':undefined" @click="emit('home')"><strong>{{ props.productName }}</strong><span class="brand__home-label">홈</span></button>
-      <label v-if="props.modules.length" class="module-select"><span class="sr-only">업무 모듈</span><select :value="props.activeModule" @change="emit('moduleSelect',($event.target as HTMLSelectElement).value)"><option value="" disabled>모듈</option><option v-for="module in props.modules" :key="module" :value="module">{{label(module)}}</option></select></label>
-    </div>
-    <button class="menu-search" type="button" aria-keyshortcuts="Control+K" @click="emit('menuSearch')"><span>{{ props.menuSearchLabel }}</span><kbd>Ctrl K</kbd></button>
-    <div class="actions"><button type="button" @click="emit('operations')">작업 <b v-if="props.operationCount">{{ props.operationCount }}</b></button><button type="button" @click="emit('notifications')">알림 <b v-if="props.notificationCount">{{ props.notificationCount }}</b></button><button type="button" @click="emit('profile')">사용자</button></div>
-  </header>
-</template>
-
-<style scoped>
-.kbx-global-header{height:var(--kbx-side-nav-collapsed-width);display:grid;grid-template-columns:var(--kbx-side-nav-width) minmax(var(--kbx-master-list-min-width),var(--kbx-access-max-width)) 1fr;align-items:center;gap:var(--kbx-space-4);padding:0 var(--kbx-space-3);border-bottom:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface);z-index:20}.brand{display:flex;align-items:center;gap:var(--kbx-space-2);min-width:0}.brand__home{height:var(--kbx-control-height);display:flex;align-items:center;gap:var(--kbx-space-2);border:0;border-radius:var(--kbx-radius-sm);background:transparent;padding:0 var(--kbx-space-2);color:var(--kbx-color-text)}.brand__home:hover,.brand__home[aria-current="page"]{background:var(--kbx-color-surface-hover)}.brand__home strong{font-size:var(--kbx-font-lg)}.brand__home-label{font-size:var(--kbx-font-xs);color:var(--kbx-color-text-muted)}.module-select{padding-left:var(--kbx-space-2);border-left:var(--kbx-border-width) solid var(--kbx-color-border)}.module-select select{width:var(--kbx-global-header-module-selector-width);height:var(--kbx-control-sm);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface);color:var(--kbx-color-text);font-size:var(--kbx-font-sm);padding:0 var(--kbx-space-2)}.menu-search{height:var(--kbx-control-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--kbx-space-3);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface-muted);color:var(--kbx-color-text-muted);text-align:left}.menu-search:hover{border-color:var(--kbx-color-border-strong)}.menu-search kbd{font-size:var(--kbx-font-xs);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-sm);padding:var(--kbx-space-1);background:var(--kbx-color-surface)}.actions{display:flex;justify-content:flex-end;gap:var(--kbx-space-1)}.actions button{height:var(--kbx-control-sm);border:0;background:transparent;border-radius:var(--kbx-radius-sm);padding:0 var(--kbx-space-2)}.actions button:hover{background:var(--kbx-color-surface-hover)}.actions b{min-width:var(--kbx-checkbox-track);display:inline-block;margin-left:var(--kbx-space-1);color:var(--kbx-color-primary)}.sr-only{position:absolute;width:var(--kbx-visually-hidden-size);height:var(--kbx-visually-hidden-size);padding:0;margin:calc(var(--kbx-visually-hidden-size) * -1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:56rem){.kbx-global-header{grid-template-columns:var(--kbx-side-nav-width) 1fr auto}.brand__home-label,.menu-search kbd{display:none}.module-select select{width:var(--kbx-control-lg);padding:0}}
-</style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxHomePage.vue b/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxHomePage.vue
deleted file mode 100644
index a01acab7..00000000
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxHomePage.vue
+++ /dev/null
@@ -1,121 +0,0 @@
-<script setup lang="ts">
-import { computed, ref, watch } from 'vue'
-import type { KbxHomeAttentionItem, KbxHomeLaunchItem, KbxNavigationResolvedEntry, KbxOperationRun, KbxRecentNavigation, KbxUserNotification, KbxWorkspaceTab } from '@kbx/contracts'
-import { buildKbxHomeAttentionQueue, buildKbxHomeWorkbench } from './homeNavigation'
-
-const props=withDefaults(defineProps<{
-  entries:KbxNavigationResolvedEntry[]
-  favorites?:KbxNavigationResolvedEntry[]
-  recents?:KbxRecentNavigation[]
-  tabs?:KbxWorkspaceTab[]
-  operationCount?:number
-  operationFailureCount?:number
-  notificationCount?:number
-  urgentNotificationCount?:number
-  operations?:KbxOperationRun[]
-  notifications?:KbxUserNotification[]
-}>(),{favorites:()=>[],recents:()=>[],tabs:()=>[],operationCount:0,operationFailureCount:0,notificationCount:0,urgentNotificationCount:0,operations:()=>[],notifications:()=>[]})
-const emit=defineEmits<{
-  open:[entry:KbxNavigationResolvedEntry]
-  launch:[item:KbxHomeLaunchItem]
-  attention:[item:KbxHomeAttentionItem]
-  menuSearch:[]
-  operations:[]
-  notifications:[]
-  toggleFavorite:[screenId:string]
-}>()
-const moduleOrder=['OMS','ERP','WMS','COMMON'] as const
-const moduleLabel:Record<string,string>={OMS:'주문·채널',ERP:'기준정보·구매·재고',WMS:'물류 작업',COMMON:'공통 운영'}
-const selectedModule=ref<string>('ALL')
-const modules=computed(()=>moduleOrder.map(module=>({module,label:moduleLabel[module],groups:[...new Set(props.entries.filter(x=>x.module===module&&x.menuVisible!==false).map(x=>x.section))].map(section=>({section,entries:props.entries.filter(x=>x.module===module&&x.section===section&&x.menuVisible!==false).sort((a,b)=>(a.order??0)-(b.order??0))}))})).filter(x=>x.groups.some(group=>group.entries.length)))
-const visibleModules=computed(()=>selectedModule.value==='ALL'?modules.value:modules.value.filter(x=>x.module===selectedModule.value))
-const workbench=computed(()=>buildKbxHomeWorkbench(props.entries,props.favorites,props.recents,props.tabs,10))
-const attentionQueue=computed(()=>buildKbxHomeAttentionQueue(props.entries,props.tabs,props.operations,props.notifications,8))
-const attentionItems=computed(()=>attentionQueue.value.items)
-const exactAttentionCount=computed(()=>attentionQueue.value.totalCount)
-const attentionOverflowCount=computed(()=>attentionQueue.value.overflowCount)
-const dirtyCount=computed(()=>props.tabs.filter(tab=>tab.dirty).length)
-const pinnedCount=computed(()=>props.tabs.filter(tab=>tab.pinned).length)
-const regularOpenCount=computed(()=>props.tabs.filter(tab=>!tab.pinned).length)
-const regularNotificationCount=computed(()=>Math.max(props.notificationCount-props.urgentNotificationCount,0))
-const attentionCount=computed(()=>props.operationCount+props.operationFailureCount+props.notificationCount+dirtyCount.value)
-const sourceSummary=computed(()=>({favorites:props.favorites.length,open:regularOpenCount.value,pinned:pinnedCount.value,recent:props.recents.length}))
-const firstDirty=computed(()=>workbench.value.find(item=>item.source==='dirty'))
-const favoriteIds=computed(()=>new Set(props.favorites.map(entry=>entry.screenId)))
-const openCounts=computed(()=>props.tabs.reduce((map,tab)=>map.set(tab.screenId,(map.get(tab.screenId)??0)+1),new Map<string,number>()))
-function isFavorite(screenId:string){return favoriteIds.value.has(screenId)}
-const visibleScreenCount=computed(()=>visibleModules.value.reduce((sum,module)=>sum+module.groups.reduce((groupSum,group)=>groupSum+group.entries.length,0),0))
-watch(modules,value=>{if(selectedModule.value!=='ALL'&&!value.some(item=>item.module===selectedModule.value))selectedModule.value='ALL'})
-function openCount(screenId:string){return openCounts.value.get(screenId)??0}
-</script>
-
-<template>
-  <section class="kbx-home" aria-labelledby="kbx-home-title">
-    <header class="kbx-home__header">
-      <div><p>KBX 업무 시작</p><h1 id="kbx-home-title">홈</h1><span>검색하고, 이어서 처리하고, 예외만 확인하는 업무 시작점입니다.</span></div>
-      <button type="button" class="kbx-home__search" aria-keyshortcuts="Control+K" @click="emit('menuSearch')"><span>메뉴명 · 화면코드 · 업무명 검색</span><kbd>Ctrl K</kbd></button>
-    </header>
-
-    <section class="kbx-home__attention" aria-labelledby="kbx-home-attention-title">
-      <div class="kbx-home__attention-head"><strong id="kbx-home-attention-title">확인 필요</strong><span v-if="!exactAttentionCount && !attentionCount" class="quiet">현재 확인할 작업이나 알림이 없습니다.</span><small v-else-if="attentionOverflowCount">전체 {{exactAttentionCount}}개 · 상위 {{attentionItems.length}}개 표시</small><small v-else>{{exactAttentionCount || attentionCount}}개 우선 항목</small></div>
-      <div v-if="attentionItems.length" class="kbx-home__attention-list" role="list">
-        <button v-for="item in attentionItems" :key="item.key" type="button" role="listitem" :class="{critical:item.source==='operation-failed'||item.source==='notification-urgent'}" @click="emit('attention',item)">
-          <span class="attention-source">{{ item.source==='dirty'?'미저장':item.source==='operation-failed'?'실패 작업':item.source==='notification-urgent'?'중요 알림':item.source==='operation-running'?'진행 작업':'알림' }}</span>
-          <span class="attention-copy"><b>{{item.title}}</b><small v-if="item.detail">{{item.detail}}</small></span>
-          <span class="attention-action">{{item.actionLabel}}</span><span aria-hidden="true">›</span>
-        </button>
-      </div>
-      <div v-else-if="attentionCount" class="kbx-home__attention-legacy">
-        <button v-if="dirtyCount" type="button" @click="firstDirty && emit('launch',firstDirty)">미저장 업무 <b>{{dirtyCount}}</b></button>
-        <button v-if="operationFailureCount" type="button" class="critical" @click="emit('operations')">실패·부분완료 작업 <b>{{operationFailureCount}}</b></button>
-        <button v-if="urgentNotificationCount" type="button" class="critical" @click="emit('notifications')">중요 알림 <b>{{urgentNotificationCount}}</b></button>
-        <button v-if="operationCount" type="button" @click="emit('operations')">진행 중 작업 <b>{{operationCount}}</b></button>
-        <button v-if="regularNotificationCount" type="button" @click="emit('notifications')">새 알림 <b>{{regularNotificationCount}}</b></button>
-      </div>
-    </section>
-
-    <section class="kbx-home__section kbx-home__workbench" aria-labelledby="kbx-home-workbench-title">
-      <header>
-        <div><h2 id="kbx-home-workbench-title">바로 시작</h2><span>미저장·고정·열린 업무를 먼저 보여주고, 즐겨찾기·최근·권장 업무를 중복 없이 이어 붙입니다.</span></div>
-        <small>열림 {{sourceSummary.open}} · 고정 {{sourceSummary.pinned}} · 즐겨찾기 {{sourceSummary.favorites}} · 최근 {{sourceSummary.recent}}</small>
-      </header>
-      <div v-if="workbench.length" class="kbx-home__workbench-list" role="list">
-        <button v-for="item in workbench" :key="item.launchKey" type="button" role="listitem" @click="emit('launch',item)">
-          <span class="source" :data-source="item.source">{{item.sourceLabel}}</span>
-          <span class="main"><b>{{item.title}}</b><small>{{item.module}} · {{item.homeGroup ?? item.section}}<template v-if="item.instanceLabel"> · {{item.instanceLabel}}</template></small></span>
-          <span class="resume">{{item.tabKey ? '이어서' : '열기'}}</span><span aria-hidden="true">›</span>
-        </button>
-      </div>
-      <p v-else class="kbx-home__empty">사용 가능한 주요 업무가 없습니다. 메뉴 검색에서 권한이 허용된 화면을 찾아보세요.</p>
-    </section>
-
-    <section class="kbx-home__all" aria-label="전체 업무">
-      <header class="kbx-home__all-header">
-        <div><h2>모듈별 업무</h2><span>업무 분류에서 화면을 찾고, 자주 쓰는 화면은 여기서 바로 즐겨찾기에 고정합니다.</span></div>
-        <nav aria-label="홈 모듈 필터"><button type="button" :aria-pressed="selectedModule==='ALL'" @click="selectedModule='ALL'">전체</button><button v-for="item in modules" :key="item.module" type="button" :aria-pressed="selectedModule===item.module" @click="selectedModule=item.module">{{item.module==='COMMON'?'공통':item.module}}</button></nav>
-        <small class="kbx-home__filter-status" aria-live="polite">{{visibleScreenCount}}개 화면</small>
-      </header>
-      <div class="kbx-home__modules">
-        <section v-for="item in visibleModules" :key="item.module" class="kbx-home__module">
-          <header><strong>{{item.module}}</strong><span>{{item.label}}</span><small>{{item.groups.reduce((sum,group)=>sum+group.entries.length,0)}}개 화면</small></header>
-          <div v-for="group in item.groups" :key="group.section" class="kbx-home__group">
-            <h3>{{group.section}}</h3>
-            <div class="kbx-home__group-links">
-              <div v-for="entry in group.entries" :key="entry.screenId" class="kbx-home__group-row">
-                <button class="launch" type="button" @click="emit('open',entry)">
-                  <span>{{entry.title}}</span>
-                  <small>{{entry.homeGroup ?? entry.section}}<template v-if="openCount(entry.screenId)"> · 열림 {{openCount(entry.screenId)}}</template></small>
-                </button>
-                <button v-if="entry.favoriteAllowed!==false" class="favorite" type="button" :aria-label="isFavorite(entry.screenId)?`${entry.title} 즐겨찾기 해제`:`${entry.title} 즐겨찾기 추가`" :aria-pressed="isFavorite(entry.screenId)" @click="emit('toggleFavorite',entry.screenId)">{{isFavorite(entry.screenId)?'★':'☆'}}</button>
-              </div>
-            </div>
-          </div>
-        </section>
-      </div>
-    </section>
-  </section>
-</template>
-
-<style scoped>
-.kbx-home{max-width:var(--kbx-home-max-width);margin:0 auto;padding:var(--kbx-space-5) var(--kbx-space-5) var(--kbx-space-8);display:flex;flex-direction:column;gap:var(--kbx-space-4)}.kbx-home__header{display:flex;align-items:center;justify-content:space-between;gap:var(--kbx-space-6);min-height:var(--kbx-home-header-min-height);border-bottom:var(--kbx-border-width) solid var(--kbx-color-border)}.kbx-home__header p,.kbx-home__header span{margin:0;color:var(--kbx-color-text-muted);font-size:var(--kbx-font-sm)}.kbx-home__header h1{margin:0;font-size:var(--kbx-font-2xl)}.kbx-home__search{width:min(var(--kbx-home-search-max-width),45vw);height:var(--kbx-control-lg);display:flex;justify-content:space-between;align-items:center;padding:0 var(--kbx-space-3);border:var(--kbx-border-width) solid var(--kbx-color-border-strong);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface);color:var(--kbx-color-text-muted);text-align:left}.kbx-home__search kbd{font-size:var(--kbx-font-xs);border:var(--kbx-border-width) solid var(--kbx-color-border);padding:var(--kbx-space-1);background:var(--kbx-color-surface-muted)}.kbx-home__attention{display:grid;gap:var(--kbx-space-2);min-height:var(--kbx-home-attention-height);padding:var(--kbx-space-2) var(--kbx-space-3);border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-warning-surface)}.kbx-home__attention-head{display:flex;align-items:center;gap:var(--kbx-space-2)}.kbx-home__attention-head small{margin-left:auto;color:var(--kbx-color-text-muted);font-size:var(--kbx-font-xs)}.kbx-home__attention .quiet{color:var(--kbx-color-text-muted);font-size:var(--kbx-font-sm)}.kbx-home__attention-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--kbx-space-1)}.kbx-home__attention-list button{min-height:var(--kbx-control-lg);display:grid;grid-template-columns:var(--kbx-home-source-label-width) minmax(0,1fr) auto var(--kbx-checkbox-track);align-items:center;gap:var(--kbx-space-2);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface);padding:var(--kbx-space-1) var(--kbx-space-2);text-align:left}.kbx-home__attention-list button.critical{border-color:var(--kbx-color-danger-border);background:var(--kbx-color-danger-surface)}.attention-source,.attention-action{font-size:var(--kbx-font-xs);font-weight:600;color:var(--kbx-color-text-muted);white-space:nowrap}.critical .attention-source{color:var(--kbx-color-danger)}.attention-copy{display:grid;min-width:0}.attention-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--kbx-color-text)}.attention-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--kbx-color-text-muted);font-size:var(--kbx-font-xs)}.kbx-home__attention-legacy{display:flex;align-items:center;gap:var(--kbx-space-2);flex-wrap:wrap}.kbx-home__attention-legacy button{height:var(--kbx-control-xs);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface);padding:0 var(--kbx-space-3)}.kbx-home__attention-legacy button.critical{border-color:var(--kbx-color-danger-border);background:var(--kbx-color-danger-surface)}.kbx-home__section,.kbx-home__all{border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface)}.kbx-home__section>header,.kbx-home__all-header{min-height:var(--kbx-control-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--kbx-space-3);padding:var(--kbx-space-2) var(--kbx-space-3);border-bottom:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface-muted)}.kbx-home__section>header>div,.kbx-home__all-header>div{display:grid;gap:var(--kbx-space-1)}.kbx-home__section h2,.kbx-home__all h2{margin:0;font-size:var(--kbx-font-lg);font-weight:600}.kbx-home__section>header span,.kbx-home__section>header small,.kbx-home__all-header span{font-size:var(--kbx-font-xs);color:var(--kbx-color-text-muted)}.kbx-home__workbench-list{display:flex;flex-direction:column}.kbx-home__workbench-list button{min-height:var(--kbx-home-workbench-row-height);display:grid;grid-template-columns:var(--kbx-home-source-label-width) minmax(0,1fr) auto var(--kbx-checkbox-track);align-items:center;gap:var(--kbx-space-2);padding:0 var(--kbx-space-3);border:0;border-bottom:var(--kbx-border-width) solid var(--kbx-color-border);background:transparent;text-align:left}.kbx-home__workbench-list button:last-child{border-bottom:0}.kbx-home__workbench-list button:hover{background:var(--kbx-color-surface-hover)}.kbx-home__workbench-list .source{font-size:var(--kbx-font-xs);font-weight:600;color:var(--kbx-color-text-muted)}.kbx-home__workbench-list .source[data-source="dirty"]{color:var(--kbx-color-warning-text)}.kbx-home__workbench-list .source[data-source="pinned"],.kbx-home__workbench-list .source[data-source="favorite"]{color:var(--kbx-color-primary)}.kbx-home__workbench-list .main{display:grid;min-width:0}.kbx-home__workbench-list .main b{font-size:var(--kbx-font-md);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kbx-home__workbench-list .main small,.kbx-home__workbench-list .resume{font-size:var(--kbx-font-xs);color:var(--kbx-color-text-muted)}.kbx-home__workbench-list .resume{white-space:nowrap}.kbx-home__empty{margin:0;padding:var(--kbx-space-5) var(--kbx-space-3);color:var(--kbx-color-text-muted);font-size:var(--kbx-font-sm)}.kbx-home__all-header nav{display:flex;gap:var(--kbx-space-1);margin-left:auto}.kbx-home__filter-status{color:var(--kbx-color-text-muted);font-size:var(--kbx-font-xs);white-space:nowrap}.kbx-home__all-header nav button{height:var(--kbx-control-xs);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface);padding:0 var(--kbx-space-2)}.kbx-home__all-header nav button[aria-pressed="true"]{border-color:var(--kbx-color-primary);color:var(--kbx-color-primary);font-weight:600}.kbx-home__modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.kbx-home__module{min-width:0;border-right:var(--kbx-border-width) solid var(--kbx-color-border);border-bottom:var(--kbx-border-width) solid var(--kbx-color-border)}.kbx-home__module:nth-child(2n){border-right:0}.kbx-home__module>header{height:var(--kbx-home-module-header-height);display:flex;align-items:center;gap:var(--kbx-space-2);padding:0 var(--kbx-space-3);border-bottom:var(--kbx-border-width) solid var(--kbx-color-border)}.kbx-home__module>header strong{font-size:var(--kbx-font-lg)}.kbx-home__module>header span,.kbx-home__module>header small{font-size:var(--kbx-font-xs);color:var(--kbx-color-text-muted)}.kbx-home__module>header small{margin-left:auto}.kbx-home__group{padding:var(--kbx-space-2) var(--kbx-space-2) var(--kbx-space-3)}.kbx-home__group h3{margin:0 var(--kbx-space-1) var(--kbx-space-1);font-size:var(--kbx-font-xs);font-weight:600;color:var(--kbx-color-text-muted)}.kbx-home__group-links{display:flex;flex-direction:column}.kbx-home__group-row{min-height:var(--kbx-control-height);display:flex;align-items:center;border-radius:var(--kbx-radius-sm)}.kbx-home__group-row:hover{background:var(--kbx-color-surface-hover)}.kbx-home__group-row .launch{min-height:var(--kbx-control-height);min-width:0;flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--kbx-space-2);padding:0 var(--kbx-space-2);border:0;background:transparent;text-align:left}.kbx-home__group-row .launch span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kbx-home__group-row .launch small{color:var(--kbx-color-text-muted);font-size:var(--kbx-font-xs);white-space:nowrap}.kbx-home__group-row .favorite{width:var(--kbx-control-xs);height:var(--kbx-control-xs);border:0;border-radius:var(--kbx-radius-sm);background:transparent;color:var(--kbx-color-text-muted)}.kbx-home__group-row .favorite[aria-pressed="true"]{color:var(--kbx-color-primary)}.kbx-home__group-row .favorite:hover{background:var(--kbx-color-surface)}@media(max-width:56rem){.kbx-home__attention-list{grid-template-columns:1fr}.kbx-home__modules{grid-template-columns:1fr}.kbx-home__module{border-right:0}.kbx-home__header,.kbx-home__all-header{align-items:flex-start;flex-direction:column;padding-bottom:var(--kbx-space-3)}.kbx-home__search{width:100%}}
-</style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxSideNavigation.vue b/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxSideNavigation.vue
deleted file mode 100644
index de8a2add..00000000
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxSideNavigation.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<script setup lang="ts">
-import { computed, ref, watch } from 'vue'
-import type { KbxNavigationResolvedEntry, KbxNavigationSection, KbxRecentNavigation } from '@kbx/contracts'
-
-const props=withDefaults(defineProps<{sections:KbxNavigationSection[];favorites?:KbxNavigationResolvedEntry[];recents?:KbxRecentNavigation[];activeScreenId?:string|null;collapsed?:boolean;homeActive?:boolean;preferredModule?:string}>(),{favorites:()=>[],recents:()=>[],activeScreenId:null,collapsed:false,homeActive:false,preferredModule:''})
-const emit=defineEmits<{home:[];open:[entry:KbxNavigationResolvedEntry];openRecent:[entry:KbxRecentNavigation];toggleFavorite:[screenId:string];toggleCollapsed:[];menuSearch:[];moduleSelected:[module:string]}>()
-const moduleLabel:Record<string,string>={OMS:'OMS',ERP:'ERP',WMS:'WMS',COMMON:'공통'}
-const moduleOrder=['OMS','ERP','WMS','COMMON'] as const
-const grouped=computed(()=>moduleOrder.map(module=>({module,label:moduleLabel[module],sections:props.sections.filter(section=>section.module===module)})).filter(group=>group.sections.length))
-const activeModule=computed(()=>props.sections.find(section=>section.entries.some(entry=>entry.screenId===props.activeScreenId))?.module)
-const selectedModule=ref<string>('')
-watch([()=>props.preferredModule,activeModule,grouped],()=>{if(props.preferredModule&&grouped.value.some(x=>x.module===props.preferredModule))selectedModule.value=props.preferredModule;else if(activeModule.value)selectedModule.value=activeModule.value;else if(!grouped.value.some(x=>x.module===selectedModule.value))selectedModule.value=grouped.value[0]?.module??''},{immediate:true})
-const selectedGroup=computed(()=>grouped.value.find(x=>x.module===selectedModule.value)??grouped.value[0])
-const isFavorite=(id:string)=>props.favorites.some(x=>x.screenId===id)
-function chooseModule(module:string){selectedModule.value=module;emit('moduleSelected',module);if(props.collapsed)emit('toggleCollapsed')}
-</script>
-
-<template>
-  <aside class="side-nav" :class="{collapsed:props.collapsed}" aria-label="업무 메뉴">
-    <div class="side-nav__top">
-      <button class="home" type="button" :class="{active:homeActive}" :aria-current="homeActive?'page':undefined" @click="emit('home')"><span aria-hidden="true">⌂</span><span v-if="!collapsed">홈</span></button>
-      <button class="collapse" type="button" @click="emit('toggleCollapsed')" :aria-label="props.collapsed?'메뉴 펼치기':'메뉴 접기'">{{props.collapsed?'›':'‹'}}</button>
-    </div>
-
-    <template v-if="!props.collapsed">
-      <button class="side-nav__search" type="button" aria-keyshortcuts="Control+K" @click="emit('menuSearch')"><span>메뉴·화면 검색</span><kbd>Ctrl K</kbd></button>
-      <nav class="module-switcher" aria-label="업무 모듈"><button v-for="group in grouped" :key="group.module" type="button" :aria-pressed="selectedModule===group.module" @click="chooseModule(group.module)">{{group.label}}</button></nav>
-
-      <section v-if="props.favorites.length" class="personal"><h2>즐겨찾기</h2><button v-for="entry in props.favorites.slice(0,6)" :key="entry.screenId" class="nav-item favorite" :class="{active:entry.screenId===props.activeScreenId}" @click="emit('open',entry)"><span aria-hidden="true">★</span><span>{{entry.title}}</span></button></section>
-      <section v-if="props.recents.length" class="personal"><h2>최근메뉴</h2><button v-for="entry in props.recents.slice(0,4)" :key="entry.screenId+entry.path" class="nav-item" @click="emit('openRecent',entry)"><span aria-hidden="true">↺</span><span>{{entry.title}}</span></button></section>
-
-      <section v-if="selectedGroup" class="module-block active">
-        <h2 class="module-title">{{selectedGroup.label}} 업무</h2>
-        <div v-for="section in selectedGroup.sections" :key="section.key" class="section-block">
-          <h3>{{section.label.replace(`${selectedGroup.label} · `,'')}}</h3>
-          <div v-for="entry in section.entries" :key="entry.screenId" class="row">
-            <button class="nav-item main" :class="{active:entry.screenId===props.activeScreenId}" :aria-current="entry.screenId===props.activeScreenId?'page':undefined" @click="emit('open',entry)"><span>{{entry.title}}</span></button>
-            <button v-if="entry.favoriteAllowed!==false" class="star" type="button" :aria-label="isFavorite(entry.screenId)?'즐겨찾기 해제':'즐겨찾기 추가'" :aria-pressed="isFavorite(entry.screenId)" @click="emit('toggleFavorite',entry.screenId)">{{isFavorite(entry.screenId)?'★':'☆'}}</button>
-          </div>
-        </div>
-      </section>
-    </template>
-
-    <div v-else class="collapsed-actions"><button v-for="group in grouped" :key="group.module" type="button" :class="{active:activeModule===group.module}" :title="`${group.label} 메뉴 열기`" @click="chooseModule(group.module)">{{group.module==='COMMON'?'공':group.module.charAt(0)}}</button><button type="button" title="메뉴 검색" aria-label="메뉴 검색" aria-keyshortcuts="Control+K" @click="emit('menuSearch')">⌕</button></div>
-  </aside>
-</template>
-
-<style scoped>
-.side-nav{position:relative;width:var(--kbx-side-nav-width);min-width:var(--kbx-side-nav-width);border-right:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface);overflow:auto;padding:var(--kbx-space-2) var(--kbx-space-2) var(--kbx-space-5)}.side-nav.collapsed{width:var(--kbx-side-nav-collapsed-width);min-width:var(--kbx-side-nav-collapsed-width);overflow:hidden}.side-nav__top{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:var(--kbx-space-1);padding-bottom:var(--kbx-space-2);background:var(--kbx-color-surface)}.home{height:var(--kbx-control-sm);flex:1;display:flex;align-items:center;gap:var(--kbx-space-2);border:0;border-radius:var(--kbx-radius-sm);background:transparent;padding:0 var(--kbx-space-2);text-align:left}.home:hover,.home.active{background:var(--kbx-color-surface-hover);color:var(--kbx-color-primary)}.collapse{width:var(--kbx-control-xs);height:var(--kbx-control-xs);border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface);border-radius:var(--kbx-radius-sm)}.side-nav__search{width:100%;height:var(--kbx-control-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--kbx-space-2);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface-muted);color:var(--kbx-color-text-muted)}.side-nav__search kbd{font-size:var(--kbx-font-xs)}.module-switcher{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--kbx-space-1);margin-top:var(--kbx-space-2)}.module-switcher button{height:var(--kbx-control-xs);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface);font-size:var(--kbx-font-xs)}.module-switcher button[aria-pressed="true"]{border-color:var(--kbx-color-primary);color:var(--kbx-color-primary);font-weight:600;background:var(--kbx-color-surface-hover)}.side-nav h2{margin:var(--kbx-space-3) var(--kbx-space-2) var(--kbx-space-1);font-size:var(--kbx-font-xs);font-weight:600;color:var(--kbx-color-text-muted)}.module-block{margin-top:var(--kbx-space-2);padding-top:var(--kbx-space-1);border-top:var(--kbx-border-width) solid var(--kbx-color-border)}.module-block.active>.module-title{color:var(--kbx-color-primary)}.section-block h3{margin:var(--kbx-space-2) var(--kbx-space-2) var(--kbx-space-1);font-size:var(--kbx-font-xs);font-weight:600;color:var(--kbx-color-text-muted)}.row{display:flex;align-items:center}.nav-item{min-height:var(--kbx-control-sm);border:0;background:transparent;border-radius:var(--kbx-radius-sm);display:flex;align-items:center;gap:var(--kbx-space-2);width:100%;padding:0 var(--kbx-space-2);text-align:left;color:var(--kbx-color-text)}.nav-item:hover,.nav-item.active{background:var(--kbx-color-surface-hover)}.nav-item.active{color:var(--kbx-color-primary);font-weight:600}.nav-item.main{min-width:0;flex:1}.nav-item.main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.star{width:var(--kbx-control-xs);height:var(--kbx-control-xs);border:0;background:transparent;color:var(--kbx-color-text-muted);border-radius:var(--kbx-radius-sm)}.star:hover{background:var(--kbx-color-surface-hover);color:var(--kbx-color-primary)}.collapsed .side-nav__top{flex-direction:column}.collapsed .home{width:var(--kbx-control-md);flex:none;justify-content:center;padding:0}.collapsed .collapse{width:var(--kbx-control-md)}.collapsed-actions{display:flex;flex-direction:column;align-items:center;gap:var(--kbx-space-2);padding-top:var(--kbx-space-2);border-top:var(--kbx-border-width) solid var(--kbx-color-border)}.collapsed-actions button{width:var(--kbx-control-md);height:var(--kbx-control-md);border:0;border-radius:var(--kbx-radius-sm);background:transparent;font-size:var(--kbx-font-xs);font-weight:600;color:var(--kbx-color-text-muted)}.collapsed-actions button:hover,.collapsed-actions button.active{background:var(--kbx-color-surface-hover);color:var(--kbx-color-primary)}
-</style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxUnsavedChangesDialog.vue b/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxUnsavedChangesDialog.vue
deleted file mode 100644
index 9c15ff02..00000000
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxUnsavedChangesDialog.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<script setup lang="ts">
-const props=withDefaults(defineProps<{ open:boolean; title?:string; canSave?:boolean; saving?:boolean }>(),{title:'저장하지 않은 변경사항이 있습니다.',canSave:true,saving:false})
-const emit=defineEmits<{ stay:[]; discard:[]; save:[] }>()
-</script>
-<template>
-  <div v-if="props.open" class="overlay" @mousedown.self="emit('stay')">
-    <section class="dialog" role="dialog" aria-modal="true" aria-labelledby="unsaved-title">
-      <h2 id="unsaved-title">{{props.title}}</h2>
-      <p>변경사항을 어떻게 처리할지 선택하세요.</p>
-      <div class="actions">
-        <button type="button" @click="emit('stay')">계속 편집</button>
-        <button type="button" class="danger" @click="emit('discard')">변경 버리기</button>
-        <button v-if="props.canSave" type="button" class="primary" :disabled="props.saving" @click="emit('save')">{{props.saving?'저장 중...':'저장 후 이동'}}</button>
-      </div>
-    </section>
-  </div>
-</template>
-<style scoped>.overlay{position:fixed;inset:0;z-index:220;display:flex;align-items:center;justify-content:center;background:var(--kbx-color-overlay)}.dialog{width:min(440px,calc(100vw - 24px));padding:18px;border:1px solid var(--kbx-color-border);border-radius:var(--kbx-radius-md);background:var(--kbx-color-surface);box-shadow:0 20px 50px rgba(16,24,40,.25)}h2{font-size:var(--kbx-font-lg);margin:0 0 8px}p{color:var(--kbx-color-text-muted)}.actions{display:flex;justify-content:flex-end;gap:6px;margin-top:18px}.actions button{height:34px;padding:0 12px;border:1px solid var(--kbx-color-border);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface)}.actions .primary{background:var(--kbx-color-primary);border-color:var(--kbx-color-primary);color:white}.actions .danger{color:var(--kbx-color-danger)}</style>
diff --git a/docs/Design/kbx-foundation-v36/scripts/generate-design-tokens.mjs b/docs/Design/kbx-foundation-v36/scripts/generate-design-tokens.mjs
deleted file mode 100644
index d3ba1512..00000000
--- a/docs/Design/kbx-foundation-v36/scripts/generate-design-tokens.mjs
+++ /dev/null
@@ -1,63 +0,0 @@
-import fs from 'node:fs'
-import path from 'node:path'
-
-const root = process.cwd()
-const sourcePath = path.join(root, 'packages/kbx-ui/src/tokens/source/kbx.tokens.json')
-const cssPath = path.join(root, 'packages/kbx-ui/src/tokens/kbx.css')
-const manifestPath = path.join(root, 'generated/token-manifest.json')
-const figmaPath = path.join(root, 'design/figma/variables.contract.json')
-const source = JSON.parse(fs.readFileSync(sourcePath, 'utf8'))
-const byPath = new Map(source.tokens.map(t => [t.path, t]))
-
-function cssValue(value) {
-  const ref = /^\{(.+)\}$/.exec(value)
-  if (!ref) return value
-  const token = byPath.get(ref[1])
-  if (!token) throw new Error(`Unknown token reference: ${value}`)
-  return `var(${token.css})`
-}
-
-const roles = ['primitive', 'semantic', 'component']
-const lines = [':root {']
-for (const role of roles) {
-  lines.push(`  /* ${role[0].toUpperCase()}${role.slice(1)} tokens */`)
-  for (const token of source.tokens.filter(t => t.role === role)) {
-    lines.push(`  ${token.css}: ${cssValue(token.value)};`)
-  }
-  lines.push('')
-}
-lines.push('}')
-lines.push('')
-lines.push('html, body, button, input, select, textarea {')
-lines.push('  font-family: var(--kbx-font-family);')
-lines.push('}')
-lines.push('')
-for (const [mode, overrides] of Object.entries(source.modes ?? {})) {
-  if (mode === 'compact') continue
-  lines.push(`[data-kbx-density="${mode}"] {`)
-  for (const [tokenPath, value] of Object.entries(overrides)) {
-    const token = byPath.get(tokenPath)
-    if (!token) throw new Error(`Unknown mode token: ${tokenPath}`)
-    lines.push(`  ${token.css}: ${value};`)
-  }
-  lines.push('}')
-  lines.push('')
-}
-lines.push(':focus-visible {')
-lines.push('  outline: 2px solid var(--kbx-color-focus);')
-lines.push('  outline-offset: 2px;')
-lines.push('}')
-lines.push('')
-
-fs.mkdirSync(path.dirname(manifestPath), { recursive: true })
-fs.mkdirSync(path.dirname(figmaPath), { recursive: true })
-fs.writeFileSync(cssPath, lines.join('\n'))
-fs.writeFileSync(manifestPath, JSON.stringify({version: source.version, tokens: source.tokens, modes: source.modes}, null, 2) + '\n')
-
-const collections = {
-  'KBX Primitive': source.tokens.filter(t => t.role === 'primitive').map(t => ({name:t.path, type:t.type, value:t.value, description:t.description ?? ''})),
-  'KBX Semantic': source.tokens.filter(t => t.role === 'semantic').map(t => ({name:t.path, type:t.type, value:t.value, description:t.description ?? ''})),
-  'KBX Component': source.tokens.filter(t => t.role === 'component').map(t => ({name:t.path, type:t.type, value:t.value, description:t.description ?? '', modes:Object.fromEntries(Object.entries(source.modes ?? {}).filter(([,o]) => t.path in o).map(([mode,o]) => [mode,o[t.path]]))}))
-}
-fs.writeFileSync(figmaPath, JSON.stringify({schemaVersion:'1.0', tokenVersion:source.version, collections}, null, 2) + '\n')
-console.log(`Generated ${source.tokens.length} design tokens -> CSS / token manifest / Figma variable contract`)
diff --git a/docs/Design/kbx-foundation-v36/.gitea/pull_request_template.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/.gitea/pull_request_template.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/.gitea/pull_request_template.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/.gitea/pull_request_template.md
diff --git a/docs/Design/kbx-foundation-v36/.gitea/workflows/kbx-quality-gate.yaml b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/.gitea/workflows/kbx-quality-gate.yaml
similarity index 100%
rename from docs/Design/kbx-foundation-v36/.gitea/workflows/kbx-quality-gate.yaml
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/.gitea/workflows/kbx-quality-gate.yaml
diff --git a/docs/Design/kbx-foundation-v36/.gitea/workflows/kbx-release-readiness.yaml b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/.gitea/workflows/kbx-release-readiness.yaml
similarity index 100%
rename from docs/Design/kbx-foundation-v36/.gitea/workflows/kbx-release-readiness.yaml
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/.gitea/workflows/kbx-release-readiness.yaml
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/README.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/README.md
new file mode 100644
index 00000000..278e8f79
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/README.md
@@ -0,0 +1,355 @@
+# KBX Foundation v50 — FE Operational Truth · Retryability · Home Overflow · Theme Hardening
+
+## v50 핵심
+
+- T01~T09 주요 Template에 `errorRetryable` 계약을 전파해 영구 오류에서 무의미한 `[다시 조회]` 제거
+- `KbxTemplateStateBoundary 1.3.0`: transient error와 non-retryable error를 UI 계약으로 분리
+- `WMS-WORK-001 1.2.0`: `WMS_WORK_QUERY_NOT_CONNECTED`를 `retryable:false`로 수정, API 미연결에 무한 Retry 착시 제거
+- Home Attention: 기본 8개 유지, 총 건수 >24이면 `전체`가 아니라 `우선 24개 보기`로 정확히 표현
+- 24개 이후 남은 Attention은 `작업 센터 전체 / 알림 센터 전체`로 직접 연결
+- `KbxHomePage 1.10.0`, `KbxQueuePage 1.9.0`, 기타 T01~T09 Template 공개 Retry 계약 Minor Upgrade
+- Reference HTML/JavaScript도 28개 fixture로 8→24 bounded disclosure와 Center navigation 재현
+- KBX Business Light/Dark + Forced Colors semantic theme 유지, Theme는 Retry/Permission/Domain truth를 결정하지 않음
+- Browser Reference QA **16/16 PASS**, 전체 `validate:kbx` PASS, Design Debt **116 <= 131**
+
+상세: `docs/frontend/KBX-FE-QA-Hardening-v50.md`  
+검증: `docs/validation-report-v50.md`
+
+---
+
+# KBX Foundation v49 — FE Workbench · WMS Truthful Boundary · Theme Hardening
+
+## v49 핵심
+
+- Home `확인 필요`가 상위 8개만 숨긴 채 끝나지 않도록 `8개 ↔ 전체(최대 24개)` 접근성 Disclosure 추가
+- Home 우선업무 출처를 미저장/실패/중요알림/진행/알림으로 요약해 AX 판단량 감소
+- `KbxQueuePage 1.8.0`: T06 Empty/Error/Retry copy와 Empty recovery Action 계약 추가
+- `WMS-WORK-001 1.1.0`: Demo에서는 실제 필터 가능한 Queue, 일반 Runtime에서는 미연결 API를 `0건`으로 가장하지 않고 Integration Problem으로 fail-explicit
+- Receiving/Putaway/Counting `1.1.0`: client-only 성공 상태를 Production에서 차단하고 Demo Mode에서만 FE scanner state machine 검증
+- `KbxWmsMobilePage 1.7.0`: Production execution 차단 시 빈 sticky action footer를 숨기는 `actionsVisible` 계약
+- WMS 네트워크 표시를 `useKbxNetworkState()`로 통일하고 hardcoded online 제거
+- Reference Home도 동일한 8→전체 Priority disclosure와 KBX Business Light/Dark semantic theme 적용
+- Browser Reference QA **10/10 PASS**: Attention disclosure, keyboard collapse, Dark theme, 1280×720 overflow 0, runtime error 0
+- WMS에서 Server validation / Idempotency / Audit 이전의 성공표시는 금지한다는 경계를 FE Gate로 고정
+
+상세: `docs/frontend/KBX-FE-QA-Hardening-v49.md`  
+검증: `docs/validation-report-v49.md`
+
+---
+
+# KBX Foundation v48 — FE Template Completion · Real Search/File · Theme-safe Recovery Hardening
+
+## v48 핵심
+
+- 실제 Vue T04/T06/T07/T08에 `KbxProblemFeedback` 기반 Actionable Problem Recovery 확장
+- T04~T08 Template 계층의 `problem / retry / dismiss` 계약 통일
+- `KbxProblemFeedback 1.1.0`: 상위 Validation Problem의 bounded summary 추가, Field/Cell Validation 역할은 유지
+- Reference T05/T06/T07: Toast/표시 위주의 조회를 실제 검색 → Loading → 결과/Empty → 복구 상태 전이로 교체
+- Chromium QA에서 발견한 Search Panel Mouse no-op 결함 수정: T05/T06/T07 `[조회]` click과 Enter/F3 동일 실행
+- Reference T08: 샘플 파일명 주입 제거, 실제 Browser File input/Drop + `.xlsx/.xls` + 20MB guard
+- T08 6단계(`파일→매핑→검증→미리보기→반영→결과`)와 CSS 6-column 정합화
+- KBX Business Light/Dark semantic theme, Home/Workspace, Permission/Domain server-authority 경계 유지
+- Browser Reference QA **30/30 PASS**: T05~T08 completion loops, Dark theme, 1280px overflow 0, runtime error 0
+
+상세: `docs/frontend/KBX-FE-QA-Hardening-v48.md`  
+검증: `docs/validation-report-v48.md`
+
+---
+
+# KBX Foundation v47 — Actionable Problem Recovery · Theme-safe FE Hardening
+
+## v47 핵심
+
+- 실제 T01/T02/T03에서 Command 실패를 조회 Error와 분리: `business-rule / permission / not-found / integration / system` 인라인 Problem Surface
+- `KbxProblemFeedback 1.0.0`: 문제 유형 텍스트, 원인, 참조번호, retryable 재시도, 닫기
+- Server `problem.actions`는 기본 미노출 + 명시적 allow-list만 렌더링하여 임의 Action ID → FE Command 실행 차단
+- `OMS-ORD-001` Bulk 출고, `OMS-ORD-002` 저장/확정, `ERP-MST-ITEM-001` 목록 로드/저장/사용중지 실패 시 현재 화면·선택·입력 Context 유지
+- `KbxListPage 1.8.0`, `KbxMasterPage 1.7.0`, `KbxTransactionPage 1.7.0`
+- Reference HTML/JavaScript: 예외 주문 출고지시 → `업무 규칙` 인라인 오류 → 문제 주문만 선택 복구
+- Browser Reference QA **12/12 PASS**: Dark Theme, 문제표시/복구/닫기, 1280px overflow 0, runtime error 0
+- 전체 Problem 계약에서도 Validation은 Field/Cell, Conflict는 최신값 비교, Command Problem은 인라인 복구로 역할 분리
+
+상세: `docs/frontend/KBX-FE-QA-Hardening-v47.md`  
+검증: `docs/validation-report-v47.md`
+
+---
+
+# KBX Foundation v46 — Safe Workspace Resume · T09 Recovery · Theme-preserving FE Hardening
+
+## v46 핵심
+
+- 열린 Workspace의 **clean 업무 위치만 sessionStorage**에 복원, Query/Hash/Dirty Form·Grid 값은 저장 금지
+- 복원 전 Permission + Screen Registry + Safe Route 재검증, `resumed` 상태는 실제 업무 진입 시 제거
+- Home `바로 시작`에서 `복원` 업무를 구분하고 미저장 편집은 안전상 복원 제외 사실만 표시
+- Home에서 active tab이 없어도 첫 Workspace Tab을 keyboard roving entry로 제공
+- Navigation Preference의 최초 localStorage read까지 fail-soft로 통일
+- `KbxWorkspaceTabs 1.3.0`, `KbxHomePage 1.8.0`, `KbxWmsMobilePage 1.6.0`
+- T09 WMS Picking: TanStack Query Loading/Error/Ready → 공통 Mobile State Boundary, 오류 `[작업 다시 불러오기]` 실제 refetch 연결
+- Reference HTML/CSS/JavaScript Browser QA **20/20 PASS**: clean resume, dirty exclusion, storage-blocked Shell, Dark Theme, 1280px overflow
+- Theme/Permission/Domain 경계는 유지: Theme/Resume는 FE 표현·생산성 상태이며 업무 truth가 아님
+- 전체 `validate:kbx` PASS: 153 tokens / 20 screens / 84 components / 69 catalog entries / 306 TS·Vue units / Design Debt **116 <= 131**
+
+상세: `docs/frontend/KBX-FE-QA-Hardening-v46.md`  
+검증: `docs/validation-report-v46.md`
+
+---
+
+# KBX Foundation v45 — Safe Preference · Home Context · Theme Hardening
+
+## v45 핵심
+
+- 실제 Vue `OMS-ORD-001`에 `기본조건 저장 / 마지막 조회조건 기억`을 연결하되 자유검색어는 localStorage 저장에서 제외
+- Screen Preference key를 `Tenant/User scope + ScreenId + ScreenVersion`으로 격리하고 size/type 검증 + fail-soft 적용
+- Home의 실패/진행 작업 클릭 시 Runtime Center 전체가 아니라 해당 Operation/Notification으로 Focus
+- `KbxSearchPanel 1.4.0`, `KbxOperationCenter 1.1.0`, `KbxNotificationCenter 1.1.0`
+- HTML/JavaScript Reference Lab에도 동일한 안전한 조회조건 기억과 Light/Dark Theme parity 적용
+- Browser QA 14/14: 저장/복원, 자유검색어 비저장, Dark Theme, 1280 Home overflow, runtime error 0
+- Domain Rule·Permission·Concurrency·Audit은 여전히 Server authority이며 Preference는 표현/생산성 상태에 한정
+
+상세: `docs/frontend/KBX-FE-QA-Hardening-v45.md`  
+검증: `docs/validation-report-v45.md`
+
+
+## v44 핵심
+
+- 실제 App artifact version `v44-fe-theme-state`로 정합화
+- Header 작업/알림 trigger ↔ runtime panel `aria-expanded/aria-controls` 연결
+- runtime panel: 명시 제목/닫기, Esc 닫기, open 시 panel focus, close 시 trigger focus restore
+- route 전환/메뉴검색/Utility Rail 진입 시 non-modal runtime panel을 정리해 surface stacking 방지
+- Windows Forced Colors에서 Light/Dark palette 대신 OS system color로 fail-safe
+- Forced Colors에서도 현재 화면/선택/Focus를 색상 하나가 아니라 outline/텍스트 상태로 유지
+- T01 Empty → `[조회조건 초기화]` → 즉시 재조회 공통 Recovery contract
+- FE Reference Lab 작업/알림을 실제 Vue와 동일한 non-modal System Panel로 정렬
+- FE Reference Lab에도 동일 high-contrast bridge 적용
+- Browser matrix **28/28 PASS**: T01~T09 Light/Dark, T01 Empty recovery, 1280px, Forced Colors, runtime error 0
+- v44 전용 static QA gate를 전체 `validate:kbx`에 편입
+
+상세: `docs/frontend/KBX-FE-QA-Hardening-v44.md`  
+검증: `docs/validation-report-v44.md`
+
+---
+
+# KBX Foundation v43 — Semantic Theme · Home Navigation Hierarchy · Light/Dark FE Hardening
+
+이번 iteration은 v42의 first-class Vue runtime 위에 **KBX Business Light / Dark를 실제 업무 Semantic Theme으로 통합**한다. Theme를 장식용 팔레트로 만들지 않고 `surface / text / border / primary / success / warning / danger / focus / AI` 의미 계약을 Application Shell, Home, PrimeVue, AG Grid, 공통 Component, FE Reference Lab까지 공유한다.
+
+## v43 핵심
+
+- Design Token source 1.9.0: `KBX Business Light / Dark` semantic override 계약
+- Theme runtime API + `light|dark` allow-list/fail-safe preference persistence
+- Global Header에 명시적 Light/Dark 전환 + 접근성 label + narrow-header reflow
+- PrimeVue dark selector와 KBX theme root 연결
+- AG Grid Quartz foreground/background/accent/border/header/hover/selection을 KBX semantic token으로 연결
+- Home: `확인 필요 → 바로 시작 → 모듈 업무`의 시각 우선순위를 warning/danger/info semantic으로 강화하되 Dashboard card 증식 금지
+- Side Navigation 현재 화면 primary inset marker
+- Network/Dialog/Toast/Reference surface 하드코딩 감소
+- FE Reference Lab Light/Dark parity + 실제 Dark inheritance 결함 발견/수정
+- Theme Browser QA **16/16 PASS**: T01~T09 Dark render, T09 WMS mobile mode, 1280px overflow 0, runtime error 0
+- 전체 `validate:kbx` PASS / 305 TS·Vue script units / Design Debt **116 (ratchet 131 대비 감소)**
+
+### v43에서 완료로 계산하지 않는 항목
+
+첨부 표준은 Semantic Color/Density/Accessibility를 요구하지만 Light/Dark 자체를 명시적으로 강제하지 않는다. Dark는 사용자 요청에 따른 구현 확장이다. 또한 현재 실행환경은 package registry 접근이 차단되어 **실제 Vite + PrimeVue + AG Grid live-runtime Theme E2E를 통과했다고 주장하지 않는다.** Browser 증적은 실제 FE Reference HTML/CSS/JS asset 기준이며 production CSP는 별도 정적 Gate로 검증한다. Server-side full-query XLSX 역시 기존 잔여 P1이다.
+
+상세: `docs/frontend/KBX-FE-QA-Hardening-v43.md`  
+검증: `docs/validation-report-v43.md`
+
+---
+
+# KBX Foundation v42 — First-class Vue Runtime · Secure Demo Transport · Home Context · Excel Menu · Zoom Hardening
+
+이번 iteration은 v41의 Golden Screen parity를 넘어 **실제 FE 제품을 독립적으로 기동·빌드·검증할 수 있는 Runtime 경계**를 우선 완성한다. BE 결합을 더 늘리지 않고 `apps/web`을 Vite 8 application으로 명시하고, Demo Mode도 별도 Mock UI가 아니라 실제 Axios/kbxApi 경계의 transport adapter로 구성했다.
+
+## v42 핵심
+
+- `apps/web` first-class Vite 8 package / `index.html` / `main.ts` / `App.vue` / typecheck-build scripts
+- Vue + Pinia + Router + TanStack Query + PrimeVue + `installKbx()` 실제 application bootstrap
+- `--mode demo`에서만 fixture HTTP adapter 사용, 일반 runtime은 real transport + permission fail-closed
+- Demo unknown operation은 성공 위장이 아니라 `DEMO_OPERATION_UNSUPPORTED` 명시 실패
+- Home/Notification의 OMS 예외 Context를 `useOrderSearch()`가 allow-list로 hydrate하고 자동 조회
+- `KbxCommandBar` ↔ `KbxExcelMenu` 실제 통합, Excel 5개 표준 진입점 + keyboard/focus contract
+- 일부 row만 로드된 경우 local CSV를 전체 Export로 오인하지 않도록 다운로드 차단
+- 56rem/40rem Shell pressure hardening: 200% Zoom에서 Workspace 우선 보존
+- v42 runtime-readiness Gate를 전체 `validate:kbx`에 편입
+- 304 TS/Vue syntax + 전체 Governance PASS / Design Debt **122 (ratchet 131 대비 감소)**
+
+### v42에서 완료로 계산하지 않는 항목
+
+현재 실행환경은 npm registry 접근이 차단되어 pnpm 의존성 설치가 불가능하다. 따라서 **실제 Vite build/server와 Vue/PrimeVue/AG Grid Playwright를 통과했다고 주장하지 않는다.** 또한 T01의 전체 검색조건 XLSX/Background Export API는 아직 미연결이며, 부분 row CSV는 전체 Export로 오인될 수 있어 의도적으로 차단한다.
+
+상세: `docs/frontend/KBX-FE-QA-Hardening-v42.md`  
+검증: `docs/validation-report-v42.md`
+
+---
+
+# KBX Foundation v41 — Actual Vue Golden Screen Parity · Controlled Grid Selection · Drawer/Dirty/Focus Hardening
+
+이번 iteration은 v40의 FE Reference Lab을 더 확장하지 않고, **실제 Vue/PrimeVue/AG Grid Golden Screen이 동일한 업무 UX 계약을 지키는지**를 우선 검수한다. 대상은 `OMS-ORD-001`, `OMS-ORD-002`, `ERP-MST-ITEM-001`, `KbxDataGrid`, `KbxLookup`, `KbxUnsavedChangesDialog`, Application Shell navigation이다.
+
+## v41 핵심
+
+- OMS-ORD-001 주문번호 Link의 no-op 제거: 실제 Order Detail Drawer 연결
+- 행 Double Click도 Drawer 우선으로 통일하여 List 조회 Context 보존
+- Drawer async request sequence guard로 늦게 도착한 응답의 stale overwrite 방지
+- KbxDataGrid: AG Grid 33+ multiRow selection contract, checkbox/header checkbox, 외부 Selection State ↔ 내부 Grid selection 동기화
+- Grid error navigation이 Header/Form 오류를 Cell 오류로 잘못 세지 않도록 grid-scoped error 분리
+- KbxDataGrid에 `focusCell`, `focusNextEditableCell`, `selectRowByKey`, `clearSelection` 제어 API 추가
+- KbxLookup: 직접 코드 Enter 성공도 다음 Control로 Focus 이동, 선택/취소 Focus 정책 분리, 접근성 label 고유화
+- ERP-MST-ITEM-001: Dirty 상태에서 다른 Master 선택/New 전환 시 3-way Guard로 편집값 덮어쓰기 방지
+- OMS-ORD-002: F2 품목 선택 후 다음 Editable Cell Focus, New/Copy 내부 전환에도 Dirty Guard 적용
+- KbxUnsavedChangesDialog: Esc/Tab/Shift+Tab Focus Trap + 닫힌 후 Focus Restore
+- OMS 주문관리의 구현되지 않은 `보류` no-op Command 제거
+- Side Navigation 즐겨찾기 접근성 이름과 현재 화면 상태 보강
+- Component version: KbxDataGrid 1.5.0 / KbxLookup 1.4.0 / UnsavedChangesDialog 1.1.0 / SideNavigation 1.3.1
+- 전체 `validate:kbx` PASS / Design Debt **131 유지**
+
+### v41에서 완료로 계산하지 않는 항목
+
+현재 OMS 주문조회 `엑셀` 동작은 AG Grid CSV export 수준이다. KBX 표준의 Excel 메뉴 전체 계약(현재 조회결과 Excel, 양식, 업로드, 붙여넣기, 최근 업로드)은 아직 완료가 아니므로 **잔여 P1**로 유지한다. 또한 이 산출물에는 `node_modules`가 없어 실제 Vue runtime E2E/visual regression을 실행하지 못했다. 이번 v41 증적은 TypeScript/Vue syntax transpile + 전체 Foundation governance/static parity gate이며, 실제 앱 런타임 E2E는 다음 Gate다.
+
+상세: `docs/frontend/KBX-FE-QA-Hardening-v41.md`  
+검증: `docs/validation-report-v41.md`
+
+---
+
+# KBX Foundation v40 — FE Completion Loop · Validation-safe Shortcut · Master/Transaction/Queue/Reconcile Hardening
+
+이번 iteration은 BE 구조나 새 Metadata Framework를 늘리지 않고, 실제 HTML/CSS/JavaScript FE에서 **T01~T09의 최소 업무 완료 루프가 닫히는지**를 기준으로 고도화한다. v39의 Navigation/Lookup/Drawer/Job/WMS 기반 위에서 T01 실제 검색, T02 Master CRUD, T03 Header+Detail 저장/확정, T06 Queue Action, T07 Reconcile Resolution을 실제 상태 전이로 연결했다.
+
+## v40 핵심
+
+- T01 검색조건(판매채널/상태/키워드/예외) ↔ 실제 Grid 결과 결합
+- T02 Master 신규/수정/복사/검증/F2 Lookup/저장/상태/Dirty 전환
+- T03 Header+Detail 입력/계산/Validation/F8 저장/작성→확정
+- T06 선택 기반 작업자 배정/Wave 생성 실제 Row 갱신
+- T07 선택 기반 재처리 후 Expected/Actual/Difference 및 mismatch 목록 갱신
+- Global F8이 실제 화면 Save Handler를 호출하도록 수정 — Validation 우회 제거
+- Hash/Refresh/Close까지 Dirty 보호 확대
+- Browser QA **49/49 PASS**, Runtime Error 0
+- 1280×720 document overflow 0, WMS 390×844 Full View
+- Design Debt ratchet **131 유지**
+
+상세: `docs/frontend/KBX-FE-QA-Hardening-v40.md`  
+검증: `docs/validation-report-v40.md`
+
+---
+
+# KBX Foundation v39 — FE Product Parity · Lookup · Dirty Navigation · Job/WMS Hardening
+
+이번 iteration은 BE 구조를 늘리지 않고 실제 HTML/CSS/JavaScript와 핵심 Vue Component의 사용성을 고도화한다. v38의 상태전이 기반 위에 **Context-aware Home, 화면 이동 Dirty Guard, 실제 F2 Lookup, Utility Drawer, T08 Background Job UX, T09 Mobile Full View/중복 Scan Guard**를 추가했다.
+
+## v39 핵심
+
+- Home 예외 → 실제 대상 필터/Context 적용 후 이동
+- Dirty 상태에서 Tab Close뿐 아니라 Side Nav/Home/다른 Tab 이동도 3-way Guard
+- T02/T03 F2 Lookup: Search/Arrow/Enter/Esc/Focus Next
+- 실제 `KbxLookup.vue`: 선택 후 다음 Control, 취소 시 Trigger Focus 복원
+- Help/AI/Suggestion/Job/Notification 실제 Drawer + inert/Focus Trap
+- T08 6단계 + Background Progress + 화면 이탈/복귀
+- T09 중복 Barcode Guard + Network Failure No-Commit UX
+- 767px 이하 WMS Mobile Full View
+- 1280×720 및 720px zoom-pressure document overflow 없음
+- Browser QA 31/31 PASS · Runtime Error 0
+- Design Debt ratchet 131 유지
+
+상세: `docs/frontend/KBX-FE-QA-Hardening-v39.md`
+
+---
+
+# KBX Foundation v38 — FE QA Hardening · Interaction-complete Reference Lab
+
+이 패키지는 기존 v36 Foundation 거버넌스를 유지하면서 v37 FE Reference Lab을 **실제 상태 전이·복구·키보드·보안 실패 격리** 기준으로 고도화한 v38 작업본이다. 이번 iteration은 BE 구조를 확장하지 않고 실제 HTML/CSS/JavaScript FE 완성도에 집중한다.
+
+## v38 핵심
+
+- Home: 예외 우선 → 이어서 처리 → 모듈별 업무 → Ctrl+K 검색
+- T01: Quick Filter/전체선택/Bulk/Drawer/Data State/선택 기반 Command disable
+- T02: Master→Detail 실제 전환 + Dirty 보호
+- T03: Header/Detail edit + Enter 흐름 + Dirty/Save
+- T04: Fast Entry input + TSV paste + Add/Duplicate/Fill Down + error gate
+- T05: 품목→Location→재고이력 동시 문맥 갱신
+- T06/T07: Queue/불일치 필터 실제 적용
+- T08: 파일 gate + 이전/다음 + Mapping/Validation/Commit/Result
+- T09: keyboard-wedge Scan + wrong barcode recovery + quantity/exception dialog
+- CSP + dynamic HTML escape + localStorage fail-soft + prompt/eval/document.write 금지
+- Headless Chromium interaction evidence 및 1440×900/390px 화면 증적
+- Design Debt ratchet **131 유지**
+
+## v38 검증
+
+```bash
+node scripts/validate-fe-reference.mjs
+node scripts/validate-kbx.mjs
+```
+
+상세: `docs/frontend/KBX-FE-QA-Hardening-v38.md`
+
+---
+
+# KBX Foundation v36 — Recipe Verification · Generated Test Plan · Deterministic Home Workbench
+
+KBX v36는 v35의 Screen Recipe / Secure Scaffolder 기반을 실제 검증계약까지 닫는 Foundation iteration이다. 목표는 화면·컴포넌트 수를 더 늘리는 것이 아니라, T01~T09를 선택한 순간부터 표준 UX, 보안, 복구, 테스트 증적이 함께 따라오도록 만드는 것이다.
+
+## v36 핵심
+
+- T01~T09 `testProfile` 추가
+  - 필수 Scenario Kind
+  - 필수 Behavioral Tag
+  - 필수 Evidence
+  - 필수 Recovery/Interaction Check
+- `generated/screen-recipe-verification-manifest.json` 추가
+- T01~T09 Recipe Verification **9/9 자동 폐쇄성**
+- 각 Recipe는 실제 해당 Template을 사용하는 Screen의 Canonical E2E Scenario를 최소 1개 요구
+- T02 Master / T06 Queue / T07 Reconcile Canonical E2E Recovery Scenario 추가
+- Scaffolder가 신규 Vertical Slice에 `*.test-plan.ts` 자동 생성
+- 생성 Test Plan은 Canonical Scenario / Required Check / Required Evidence를 타입 계약으로 보존
+- 기존 Master / Transaction / Fast Entry의 명시적 `--write-permission` fail-closed 정책 유지
+- Home Attention Queue를 동일 우선순위 내 최신 발생 순으로 정렬
+- Home은 표시 상한과 별개로 권한 필터 후 실제 전체 건수 및 overflow를 정확히 표시
+- `buildKbxHomeAttentionQueue()` public API 추가, 기존 `buildKbxHomeAttention()` 호환 유지
+- Screen Recipe `testProfile` / `canonicalScenarioIds` 변경을 Release Impact에서 추적
+- Design Debt ratchet **131 유지**
+
+## 검증
+
+```bash
+node scripts/validate-kbx.mjs
+```
+
+최종 검증 기준:
+
+- 299 TS/Vue script units
+- 20 Screen Definitions
+- 84 Component Definitions
+- 66 Component Catalog entries
+- 153 Design Tokens
+- 9 Screen Recipes
+- 30 Canonical Test Scenarios
+- Recipe Verification 9/9
+- 16 Navigation Entries
+- Design Debt 131 <= 131
+- Release Impact major / major
+
+## 문서
+
+- `docs/screen-recipe-verification-home-attention-v36.md`
+- `docs/kbx-v36-standard-traceability.md`
+- `docs/validation-report-v36.md`
+- `docs/release/migration-guide.md`
+
+## FE Reference Lab (v37)
+
+Backend 없이 실제 브라우저에서 Application Shell, 홈 네비게이션과 T01~T09를 검증하려면 `apps/web/fe-reference/`를 사용한다.
+
+```bash
+cd apps/web/fe-reference
+python3 -m http.server 4173
+```
+
+FE 정적 계약 검증:
+
+```bash
+pnpm validate:fe-reference
+```
+
+상세 설계 기록: `docs/frontend/KBX-FE-Completion-v37.md`
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/.env.demo b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/.env.demo
new file mode 100644
index 00000000..2899fc2f
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/.env.demo
@@ -0,0 +1 @@
+VITE_KBX_DEMO_MODE=true
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/README.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/README.md
new file mode 100644
index 00000000..900ddaeb
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/README.md
@@ -0,0 +1,113 @@
+# KBX FE Reference Lab v50
+
+Backend/API 없이 브라우저에서 즉시 실행하는 KBX 업무 UI 원형이다. 목적은 별도 Demo UI를 만드는 것이 아니라 **T01~T09의 실제 HTML/CSS/JavaScript 상호작용, Theme State, Keyboard, Recovery, WMS Mobile**을 빠르게 재현하는 것이다.
+
+## 실행
+
+```bash
+cd apps/web/fe-reference
+python3 -m http.server 4173
+```
+
+운영 Domain을 흉내 내는 제품이 아니다. Permission, Domain Validation, DB Commit, Audit, Concurrency, Idempotency는 Server 최종 책임이다.
+
+## v50 Operational Truth / Home Overflow QA
+
+- Home Attention 기본 8개, 최대 priority surface 24개
+- 총 건수 >24이면 `전체 보기`라고 과장하지 않고 `우선 24개 보기`
+- 남은 항목은 `작업 센터 전체 / 알림 센터 전체`로 이동
+- Work Center open → Esc close → Home trigger Focus restore
+- KBX Business Light/Dark에서 동일한 Label/Action/Focus 유지
+- 실제 Template 코드의 non-retryable error는 `[다시 시도]`를 숨기는 공통 계약을 사용
+- 증적: `docs/evidence/v50-browser-operational-truth.json` (16/16)
+- Preview: `previews/v50-home-overflow-dark-1440x900.png`
+
+
+## v46 검증 범위
+
+- KBX Business Light / Dark + Forced Colors 의미 체계 유지
+- clean Workspace 위치만 `sessionStorage`에 복원
+- Query/Hash/Dirty Form·Grid 값은 session snapshot에서 제외
+- 복원 tab `↺` + Home `복원` 표시, 실제 진입 시 resumed marker 제거
+- Home/no-active-tab 상태에서도 첫 Workspace Tab keyboard entry 보장
+- Storage API 차단 시 Preference/Resume 없이 fail-soft 기동
+- T09 WMS common state boundary의 Error → `[작업 다시 불러오기]` recovery loop
+- Browser Reference QA 20/20: clean resume, dirty exclusion, Dark Theme, 1280px overflow, runtime error 0
+
+## v44 검증 범위
+
+- KBX Business Light / Dark semantic theme
+- Windows Forced Colors system-color fallback
+- Home: 확인 필요 → 바로 시작 → 모듈별 업무
+- Header: 작업/알림 **비모달 System Panel**, Esc, Focus Restore
+- Help/AI/Suggestion/Detail: Drawer contract 유지
+- T01: 검색 → Loading/Empty/Error/Ready → 선택/Bulk/Drawer → Empty 복구
+- T02: Master CRUD + Dirty Guard + Lookup
+- T03: Header/Detail + Validation-safe F8
+- T04: Fast Entry/Paste/Fill Down
+- T05: Master→Location→재고이력
+- T06: Actionable Queue
+- T07: Reconcile/Resolution
+- T08: Excel Import + Background Job
+- T09: 390×844 WMS Mobile + Scanner/Network/Duplicate Guard
+
+## Theme 원칙
+
+Light/Dark는 표현 모드이며 업무 상태나 Permission의 Source of Truth가 아니다. Forced Colors가 활성화되면 OS `Canvas`, `CanvasText`, `Highlight`, `LinkText`를 우선한다. Theme 변경으로 Layout/Density/Keyboard 문법을 변경하지 않는다.
+
+## QA 증적
+
+- `previews/v44-home-light-1440x900.png`
+- `previews/v44-home-dark-1440x900.png`
+- `previews/v44-runtime-panel-dark-1440x900.png`
+- `previews/v44-t01-dark-1440x900.png`
+- `previews/v44-t01-forced-colors-1440x900.png`
+- `previews/v44-t09-dark-390x844.png`
+- `docs/evidence/v44-theme-state-browser.json` — 14/14
+- `docs/evidence/v44-browser-matrix.json` — 28/28
+
+실행환경의 localhost/file navigation 제약 때문에 Browser QA는 동일 HTML/CSS/JS asset을 Playwright inline harness로 실행했다. 실제 Vue/Vite/PrimeVue/AG Grid runtime E2E와 혼동하지 않는다.
+
+## 검증
+
+```bash
+node scripts/validate-fe-reference.mjs
+node scripts/validate-fe-state-navigation-v44.mjs
+node scripts/validate-kbx.mjs
+```
+
+
+## v45 Safe Preference QA
+
+- T01 `기본조건 저장`, `마지막 조회조건 기억` 실제 JavaScript 동작
+- 판매채널/상태/오류유형만 저장하고 자유검색어는 저장하지 않음
+- 저장값 allow-list 복원, 잘못된 값은 기본값으로 복구
+- Light/Dark Theme와 개인화 UI 동시 검증
+- 증적: `docs/evidence/v45-browser-preference-theme.json` (14/14)
+
+## v46 Safe Workspace Resume QA
+
+- clean Workspace tab만 `sessionStorage` 복원
+- Query/Hash, Dirty Form/Grid 값은 복원 snapshot에서 제외
+- Home `바로 시작`에 `복원` 상태 표시
+- active tab이 없는 Home에서도 첫 Workspace tab `tabindex=0`
+- Storage API 차단 시 Home/Shell fail-soft
+- KBX Business Light/Dark와 resume marker semantic parity
+- 증적: `docs/evidence/v46-browser-resume-theme.json` (20/20)
+- Preview: `previews/v46-home-resume-dark-1440x900.png`
+
+
+## v47 Actionable Problem
+
+T01에서 예외 주문을 선택해 출고지시하면 업무규칙 Problem을 인라인으로 표시하고 `문제 N건만 선택`으로 복구한다. 단순 성공 Toast로 거짓 완료시키지 않는다. Light/Dark는 동일 semantic state를 사용한다.
+
+## v48 Template Completion QA
+
+- T05 재고현황: 실제 창고/품목 검색, Loading, Empty, 조건 초기화, Master→Location→History
+- T06 작업 Queue: 실제 작업자/통합검색/빠른필터, Selection, Empty Recovery
+- T07 Reconcile: 실제 검색/불일치 필터, Selection, Reference 재처리 상태변경
+- T08 Excel Import: 실제 Browser File input/Drop, `.xlsx/.xls`/20MB guard, 6-step visual flow
+- Search Panel의 조회 버튼은 Enter/F3뿐 아니라 Mouse click도 동일 실행 경로를 사용한다.
+- KBX Business Light/Dark semantic theme는 동일 업무 상태와 조작 계약을 유지한다.
+- Browser 증적: `docs/evidence/v48-browser-template-completion.json` (30/30)
+- Preview: `previews/v48-t05-inventory-dark-1440x900.png`, `previews/v48-t08-file-dark-1440x900.png`
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/index.html b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/index.html
new file mode 100644
index 00000000..c6def3e6
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/index.html
@@ -0,0 +1,123 @@
+<!doctype html>
+<html lang="ko">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self'; img-src 'self' data:; connect-src 'self'; font-src 'self'; object-src 'none'; frame-src 'none'; worker-src 'none'; base-uri 'none'; frame-ancestors 'none'; form-action 'self'" />
+  <meta name="referrer" content="no-referrer" />
+  <meta name="color-scheme" content="light dark" />
+  <title>KBX FE Reference Lab v52 · Operational Navigation · Screen Anatomy · T01~T09</title>
+  <link rel="stylesheet" href="./kbx-fe.css" />
+</head>
+<body>
+  <div id="app" class="kbx-app" data-density="compact" data-nav="expanded" data-module="COMMON">
+    <a class="skip-link" href="#workspace">본문 바로가기</a>
+
+    <header class="global-header">
+      <div class="brand-area">
+        <button id="homeButton" class="brand" type="button" aria-label="KBX 홈으로 이동">
+          <strong>KBX</strong><span>업무 플랫폼</span>
+        </button>
+        <label class="module-select"><span class="sr-only">업무 모듈</span>
+          <select id="moduleSelect"><option value="ALL">전체 모듈</option><option value="OMS">OMS</option><option value="ERP">ERP</option><option value="WMS">WMS</option><option value="COMMON">공통</option></select>
+        </label>
+      </div>
+      <button id="globalSearchButton" class="global-search" type="button" aria-keyshortcuts="Control+K">
+        <span>메뉴명 · 화면코드 · 업무명 검색</span><kbd>Ctrl K</kbd>
+      </button>
+      <div class="header-actions">
+        <button id="jobsButton" type="button" data-panel="jobs" aria-controls="systemPanel" aria-expanded="false">작업 <b>2</b></button>
+        <button id="noticeButton" type="button" data-panel="notice" aria-controls="systemPanel" aria-expanded="false">알림 <b>4</b></button>
+        <button id="densityButton" type="button" title="화면 밀도 전환">Compact</button>
+        <button id="themeButton" type="button" title="KBX Business 테마 전환" aria-label="어두운 테마로 변경"><span aria-hidden="true">☀</span> <span>Light</span></button>
+        <button type="button">사용자</button>
+      </div>
+    </header>
+
+    <div class="shell-body">
+      <aside id="sideNav" class="side-nav" aria-label="업무 메뉴">
+        <div class="side-nav-top">
+          <button id="sideHomeButton" class="nav-home active" type="button"><span aria-hidden="true">⌂</span><span class="nav-label">홈</span></button>
+          <button id="collapseButton" class="collapse-button" type="button" aria-label="메뉴 접기" aria-expanded="true">‹</button>
+        </div>
+        <button id="sideSearchButton" class="side-search" type="button" aria-keyshortcuts="Control+K"><span class="nav-label">메뉴·화면 검색</span><kbd class="nav-label">Ctrl K</kbd><span class="collapsed-only" aria-hidden="true">⌕</span></button>
+        <nav id="moduleSwitcher" class="module-switcher" aria-label="업무 모듈"></nav>
+        <div id="favoriteNav" class="personal-nav"></div>
+        <div id="recentNav" class="personal-nav"></div>
+        <div id="menuNav" class="menu-nav"></div>
+      </aside>
+
+      <main class="workspace-shell">
+        <nav id="workspaceTabs" class="workspace-tabs" role="tablist" aria-label="열린 업무"></nav>
+        <div id="workspace" class="workspace" tabindex="-1"></div>
+      </main>
+    </div>
+
+    <dialog id="menuSearchDialog" class="menu-search-dialog" aria-labelledby="menuSearchTitle">
+      <div class="search-dialog-shell">
+        <header><strong id="menuSearchTitle">업무 화면 검색</strong><button id="searchCloseButton" type="button" aria-label="닫기">×</button></header>
+        <label class="search-input-wrap"><span class="sr-only">검색어</span><input id="menuSearchInput" autocomplete="off" placeholder="예: 주문, 재고, OMS-ORD-001" role="combobox" aria-controls="menuSearchResults" /></label>
+        <div id="menuSearchResults" class="menu-search-results" role="listbox" aria-label="검색 결과"></div>
+        <footer><span>↑↓ 이동 · Enter 열기 · Esc 닫기</span><span>화면코드 검색 지원</span></footer>
+      </div>
+    </dialog>
+
+    <dialog id="unsavedDialog" class="confirm-dialog" aria-labelledby="unsavedTitle">
+      <form method="dialog" class="confirm-shell">
+        <header><strong id="unsavedTitle">저장하지 않은 변경사항이 있습니다.</strong></header>
+        <p id="unsavedMessage">변경사항을 저장하거나 버린 뒤 화면을 닫을 수 있습니다.</p>
+        <footer>
+          <button id="unsavedStay" value="cancel" class="btn" type="submit">계속 편집</button>
+          <button id="unsavedDiscard" value="discard" class="btn danger" type="button">변경 버리기</button>
+          <button id="unsavedSave" value="save" class="btn primary" type="button">저장 후 닫기</button>
+        </footer>
+      </form>
+    </dialog>
+
+
+    <dialog id="lookupDialog" class="lookup-dialog" aria-labelledby="lookupTitle">
+      <div class="lookup-dialog-shell">
+        <header><div><strong id="lookupTitle">업무 조회</strong><small id="lookupSubtitle">F2 조회</small></div><button id="lookupCloseButton" type="button" aria-label="닫기">×</button></header>
+        <form id="lookupSearchForm" class="lookup-search">
+          <label><span class="sr-only">검색어</span><input id="lookupSearchInput" autocomplete="off" maxlength="80" placeholder="코드 또는 명칭" /></label>
+          <button class="btn" type="submit">조회</button>
+        </form>
+        <div id="lookupResults" class="lookup-results" role="listbox" aria-label="조회 결과"></div>
+        <footer><span id="lookupStatus">↑↓ 이동 · Enter 선택 · Esc 닫기</span><button id="lookupSelectButton" class="btn primary" type="button">선택</button></footer>
+      </div>
+    </dialog>
+
+    <dialog id="quantityDialog" class="confirm-dialog" aria-labelledby="quantityTitle">
+      <form method="dialog" class="confirm-shell" id="quantityForm">
+        <header><strong id="quantityTitle">피킹 수량 입력</strong></header>
+        <label class="dialog-field"><span>수량</span><input id="quantityInput" type="number" inputmode="numeric" min="0" step="1" /></label>
+        <p class="dialog-help" id="quantityHelp">필요수량을 초과할 수 없습니다.</p>
+        <footer><button class="btn" value="cancel" type="submit">취소</button><button id="quantityApply" class="btn primary" type="button">적용</button></footer>
+      </form>
+    </dialog>
+
+    <dialog id="exceptionDialog" class="confirm-dialog" aria-labelledby="exceptionTitle">
+      <form method="dialog" class="confirm-shell" id="exceptionForm">
+        <header><strong id="exceptionTitle">재고부족 신고</strong></header>
+        <fieldset class="exception-options"><legend>사유</legend><label><input type="radio" name="exceptionReason" value="실물 없음" checked /> 실물 없음</label><label><input type="radio" name="exceptionReason" value="수량 부족" /> 수량 부족</label><label><input type="radio" name="exceptionReason" value="위치 오류" /> 위치 오류</label><label><input type="radio" name="exceptionReason" value="상품 이상" /> 상품 이상</label></fieldset>
+        <label class="dialog-field"><span>메모</span><textarea id="exceptionMemo" rows="3" maxlength="200" placeholder="선택 입력"></textarea></label>
+        <footer><button class="btn" value="cancel" type="submit">취소</button><button id="exceptionApply" class="btn primary" type="button">등록</button></footer>
+      </form>
+    </dialog>
+
+    <aside id="systemPanel" class="system-panel" hidden tabindex="-1" role="region" aria-labelledby="systemPanelTitle">
+      <header><strong id="systemPanelTitle">업무 센터</strong><button id="systemPanelClose" type="button" aria-label="패널 닫기">×</button></header>
+      <div id="systemPanelBody" class="system-panel-body"></div>
+    </aside>
+
+    <aside id="drawer" class="drawer" aria-hidden="true" role="dialog" aria-modal="true" aria-labelledby="drawerTitle" tabindex="-1">
+      <header><strong id="drawerTitle">상세</strong><button id="drawerClose" type="button" aria-label="닫기">×</button></header>
+      <div id="drawerBody" class="drawer-body"></div>
+    </aside>
+    <div id="drawerBackdrop" class="drawer-backdrop" hidden></div>
+    <div id="toastRegion" class="toast-region" aria-live="polite" aria-atomic="true"></div>
+    <div id="liveRegion" class="sr-only" aria-live="polite" aria-atomic="true"></div>
+  </div>
+  <script src="./kbx-fe.js"></script>
+</body>
+</html>
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/kbx-fe.css b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/kbx-fe.css
new file mode 100644
index 00000000..9457c942
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/kbx-fe.css
@@ -0,0 +1,151 @@
+:root{
+  --blue-50:#eff6ff;--blue-100:#dbeafe;--blue-600:#2563eb;--blue-700:#1d4ed8;
+  --gray-0:#fff;--gray-25:#fcfcfd;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;
+  --red-50:#fff1f2;--red-200:#fecdd3;--red-600:#e11d48;--amber-50:#fffbeb;--amber-200:#fde68a;--amber-700:#b45309;--green-50:#f0fdf4;--green-200:#bbf7d0;--green-700:#15803d;
+  --surface:var(--gray-0);--muted:var(--gray-50);--border:var(--gray-200);--border-strong:var(--gray-300);--text:var(--gray-900);--text-muted:var(--gray-500);--primary:var(--blue-600);--danger:var(--red-600);--warning:var(--amber-700);--success:var(--green-700);
+  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius:4px;--shadow:0 12px 34px rgba(15,23,42,.14);
+  --header-h:56px;--tabs-h:40px;--nav-w:220px;--nav-collapsed:56px;--control-h:34px;--row-h:34px;--font:14px;--grid-font:13px;
+}
+.kbx-app[data-theme="dark"]{
+  color-scheme:dark;
+  --surface:#111827;--muted:#0b1220;--border:#334155;--border-strong:#64748b;--text:#e5e7eb;--text-muted:#94a3b8;--primary:#60a5fa;--danger:#fb7185;--warning:#fbbf24;--success:#34d399;
+  --blue-50:#102a43;--blue-100:#153b5c;--gray-0:#111827;--gray-25:#111827;--gray-50:#0b1220;--gray-100:#172033;--gray-200:#334155;--gray-300:#475569;--gray-400:#64748b;--gray-500:#94a3b8;--gray-600:#cbd5e1;--gray-700:#e2e8f0;--gray-800:#e5e7eb;--gray-900:#f8fafc;
+  --red-50:#3b1118;--red-200:#9f1239;--red-600:#fb7185;--amber-50:#33270b;--amber-200:#854d0e;--amber-700:#fbbf24;--green-50:#062e24;--green-200:#166534;--green-700:#34d399;--shadow:0 18px 48px rgba(0,0,0,.42);
+}
+*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:Pretendard,"Apple SD Gothic Neo","Noto Sans KR",Arial,sans-serif;font-size:var(--font);color:var(--text);background:var(--muted)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:8px;z-index:999;padding:8px 12px;background:var(--text);color:#fff;border-radius:4px}.skip-link:focus{top:8px}
+.kbx-app{height:100%;display:flex;flex-direction:column;color:var(--text);background:var(--muted)}.kbx-app[data-density="comfortable"]{--control-h:38px;--row-h:40px;--font:14px;--grid-font:14px}
+.global-header{height:var(--header-h);display:grid;grid-template-columns:var(--nav-w) minmax(320px,620px) 1fr;align-items:center;gap:16px;padding:0 12px;border-bottom:1px solid var(--border);background:var(--surface);z-index:40}.brand-area{display:flex;align-items:center;gap:8px;min-width:0}.brand{height:36px;border:0;background:transparent;display:flex;align-items:baseline;gap:8px;padding:0 8px;border-radius:4px}.brand:hover{background:var(--muted)}.brand strong{font-size:17px}.brand span{font-size:12px;color:var(--text-muted)}.module-select{padding-left:8px;border-left:1px solid var(--border)}.module-select select{height:32px;width:88px;border:1px solid var(--border);border-radius:4px;background:var(--surface);padding:0 8px}.global-search{height:36px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border-strong);border-radius:4px;background:var(--muted);color:var(--text-muted);padding:0 12px;text-align:left}.global-search:hover{border-color:var(--gray-400);background:var(--surface)}.global-search kbd,.side-search kbd{font-size:11px;border:1px solid var(--border);border-radius:3px;padding:2px 5px;background:var(--surface)}.header-actions{display:flex;justify-content:flex-end;gap:4px}.header-actions button{height:32px;border:0;background:transparent;border-radius:4px;padding:0 9px}.header-actions button:hover{background:var(--muted)}.header-actions b{color:var(--primary);margin-left:3px}
+.shell-body{flex:1;min-height:0;display:flex}.side-nav{width:var(--nav-w);min-width:var(--nav-w);padding:8px;border-right:1px solid var(--border);background:var(--surface);overflow:auto;transition:width .16s ease,min-width .16s ease}.side-nav.collapsed{width:var(--nav-collapsed);min-width:var(--nav-collapsed);overflow:hidden}.side-nav-top{position:sticky;top:-8px;z-index:3;display:flex;gap:4px;padding:8px 0 8px;background:var(--surface)}.nav-home{flex:1;height:32px;display:flex;align-items:center;gap:8px;padding:0 8px;border:0;border-radius:4px;background:transparent;text-align:left}.nav-home:hover,.nav-home.active{background:var(--blue-50);color:var(--primary)}.collapse-button{width:28px;height:28px;border:1px solid var(--border);border-radius:4px;background:var(--surface)}.side-search{width:100%;height:34px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:4px;background:var(--muted);color:var(--text-muted);padding:0 8px}.module-switcher{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px}.module-switcher button{height:28px;border:1px solid var(--border);border-radius:4px;background:var(--surface);font-size:12px}.module-switcher button.active{border-color:var(--primary);color:var(--primary);background:var(--blue-50);font-weight:600}.personal-nav,.menu-nav{margin-top:12px}.personal-nav h2,.menu-group h2{margin:0 8px 4px;font-size:12px;font-weight:600;color:var(--text-muted)}.nav-row{display:flex;align-items:center;border-radius:4px}.nav-row:hover{background:var(--muted)}.nav-row .nav-entry{min-width:0;flex:1;height:32px;border:0;background:transparent;text-align:left;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-row .nav-entry.active{color:var(--primary);font-weight:600}.nav-row .star{width:28px;height:28px;border:0;background:transparent;color:var(--gray-400);border-radius:4px}.nav-row .star.on{color:var(--primary)}.collapsed .nav-label,.collapsed .personal-nav,.collapsed .menu-nav h2,.collapsed .nav-row .star{display:none}.collapsed .side-nav-top{flex-direction:column}.collapsed .nav-home{width:38px;flex:none;justify-content:center;padding:0}.collapsed .collapse-button{width:38px}.collapsed .side-search{width:38px;justify-content:center;padding:0}.collapsed .module-switcher{grid-template-columns:1fr}.collapsed .module-switcher button{width:38px;height:34px}.collapsed .menu-nav{display:block}.collapsed .menu-group{margin:0}.collapsed .nav-row .nav-entry{width:38px;flex:none;text-align:center;padding:0;font-size:0}.collapsed .nav-row .nav-entry::first-letter{font-size:12px}.collapsed-only{display:none}.collapsed .collapsed-only{display:inline}
+.workspace-shell{flex:1;min-width:0;display:flex;flex-direction:column}.workspace-tabs{height:var(--tabs-h);display:flex;align-items:flex-end;gap:1px;padding:0 8px;border-bottom:1px solid var(--border);background:var(--muted);overflow-x:auto}.tab-shell{height:36px;display:flex;align-items:center;max-width:220px;border:1px solid transparent;border-bottom:0}.tab-shell.active{border-color:var(--border);background:var(--surface)}.tab-main{min-width:0;height:100%;display:flex;align-items:center;gap:6px;border:0;background:transparent;padding:0 8px;color:var(--text-muted)}.tab-shell.active .tab-main{color:var(--text);font-weight:500}.tab-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-close,.tab-pin{width:26px;height:100%;border:0;background:transparent;color:var(--text-muted)}.tab-close:hover,.tab-pin:hover{background:var(--muted)}.tab-dirty{color:var(--warning);font-size:10px}.workspace-tabs .empty-tabs{margin:auto;color:var(--text-muted);font-size:12px;padding-bottom:9px}.workspace{flex:1;min-height:0;overflow:auto;background:var(--surface)}
+.home-page{max-width:1180px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:16px}.home-heading{display:grid;grid-template-columns:1fr minmax(320px,520px);align-items:center;gap:24px;min-height:76px;border-bottom:1px solid var(--border)}.home-heading p,.home-heading small{margin:0;color:var(--text-muted);font-size:12px}.home-heading h1{margin:1px 0 3px;font-size:20px}.home-search{height:40px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border-strong);background:var(--surface);border-radius:4px;padding:0 12px;color:var(--text-muted)}.attention-zone{border:1px solid var(--amber-200);background:var(--amber-50)}.section-head{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--muted)}.attention-zone .section-head{background:transparent;border-color:var(--amber-200)}.section-head h2{font-size:16px;margin:0}.section-head small{color:var(--text-muted)}.attention-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:8px}.attention-item{min-height:44px;display:grid;grid-template-columns:72px minmax(0,1fr) auto 14px;align-items:center;gap:8px;border:1px solid var(--border);border-radius:4px;background:var(--surface);padding:4px 8px;text-align:left}.attention-item.critical{border-color:var(--red-200);background:var(--red-50)}.attention-source{font-size:12px;font-weight:600;color:var(--text-muted)}.attention-item.critical .attention-source{color:var(--danger)}.attention-copy{min-width:0;display:grid}.attention-copy b,.attention-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attention-copy b{font-weight:500}.attention-copy small{font-size:12px;color:var(--text-muted)}.attention-action{font-size:12px;color:var(--text-muted)}.home-section{border:1px solid var(--border);background:var(--surface)}.continue-list{display:flex;flex-direction:column}.continue-item{min-height:42px;display:grid;grid-template-columns:72px minmax(0,1fr) auto 14px;align-items:center;gap:8px;border:0;border-bottom:1px solid var(--border);background:var(--surface);padding:0 12px;text-align:left}.continue-item:last-child{border-bottom:0}.continue-item:hover{background:var(--muted)}.continue-source{font-size:12px;color:var(--text-muted);font-weight:600}.continue-item[data-source="dirty"] .continue-source{color:var(--warning)}.continue-item[data-source="favorite"] .continue-source{color:var(--primary)}.continue-copy{display:grid;min-width:0}.continue-copy small{color:var(--text-muted);font-size:12px}.work-explorer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.module-column{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.module-column:nth-child(2n){border-right:0}.module-title{height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--border)}.module-title strong{font-size:16px}.module-title span,.module-title small{font-size:12px;color:var(--text-muted)}.module-title small{margin-left:auto}.group-block{padding:8px}.group-block h3{font-size:12px;color:var(--text-muted);margin:0 4px 4px}.home-menu-row{display:flex;align-items:center;min-height:36px;border-radius:4px}.home-menu-row:hover{background:var(--muted)}.home-menu-row .open-screen{flex:1;min-width:0;height:36px;border:0;background:transparent;text-align:left;padding:0 8px;display:flex;align-items:center;justify-content:space-between}.home-menu-row .open-screen small{font-size:12px;color:var(--text-muted)}.home-menu-row .fav{width:28px;height:28px;border:0;background:transparent;color:var(--gray-400)}.home-menu-row .fav.on{color:var(--primary)}
+.screen{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--surface)}.page-header{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 16px;border-bottom:1px solid var(--border)}.page-identity{min-width:0}.breadcrumb{font-size:12px;color:var(--text-muted);margin-bottom:2px}.title-row{display:flex;align-items:center;gap:8px}.title-row h1{font-size:20px;margin:0;font-weight:600}.status-chip,.dirty-chip{font-size:12px;border:1px solid var(--border);border-radius:4px;padding:2px 6px;background:var(--muted)}.dirty-chip{color:var(--warning);border-color:var(--amber-200);background:var(--amber-50)}.page-tools{display:flex;gap:4px}.page-tools button{height:28px;border:1px solid var(--border);border-radius:4px;background:var(--surface);padding:0 8px;font-size:12px}.command-bar{min-height:44px;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:6}.command-group{display:flex;gap:6px}.command-separator{height:22px;width:1px;background:var(--border)}.btn{height:var(--control-h);border:1px solid var(--border-strong);border-radius:4px;background:var(--surface);padding:0 12px}.btn:hover{background:var(--muted)}.btn.primary{border-color:var(--primary);background:var(--primary);color:#fff}.btn.danger{border-color:var(--red-200);color:var(--danger);background:var(--red-50)}.btn:disabled{opacity:.5;cursor:not-allowed}.screen-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;padding:8px 16px 12px}.search-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:8px;border:1px solid var(--border);background:var(--muted)}.search-fields{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap}.field-inline{display:flex;align-items:center;gap:6px}.field-inline>span{font-size:13px;color:var(--gray-700);white-space:nowrap}.control{height:var(--control-h);border:1px solid var(--border-strong);border-radius:4px;background:var(--surface);padding:0 8px;min-width:110px}.control.medium{min-width:180px}.control.wide{min-width:240px}.search-actions{display:flex;gap:4px}.quick-filter{display:flex;align-items:stretch;border:1px solid var(--border);background:var(--surface)}.quick-filter button{min-width:96px;min-height:44px;border:0;border-right:1px solid var(--border);background:var(--surface);text-align:left;padding:5px 10px}.quick-filter button:last-child{border-right:0}.quick-filter button.active{box-shadow:inset 0 -2px var(--primary);background:var(--blue-50)}.quick-filter b{display:block;font-size:16px}.quick-filter small{color:var(--text-muted)}.quick-filter .danger b{color:var(--danger)}.context-bar{min-height:34px;display:flex;align-items:center;gap:12px;padding:0 10px;border:1px solid var(--border);background:var(--muted);font-size:12px}.context-bar strong{font-size:13px}.bulk-bar[hidden]{display:none!important}.bulk-bar{min-height:42px;display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--blue-100);background:var(--blue-50)}.bulk-bar strong{margin-right:6px}.grid-wrap{flex:1;min-height:220px;border:1px solid var(--border);overflow:auto;background:var(--surface)}.data-grid{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--grid-font)}.data-grid th,.data-grid td{height:var(--row-h);padding:0 8px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);white-space:nowrap}.data-grid th{height:36px;position:sticky;top:0;z-index:2;background:var(--muted);font-weight:600;text-align:left}.data-grid th:last-child,.data-grid td:last-child{border-right:0}.data-grid tr:hover td{background:var(--blue-50)}.data-grid .num{text-align:right}.data-grid .center{text-align:center}.data-grid .link{color:var(--primary);text-decoration:none}.data-grid .warn{color:var(--warning);font-weight:600}.data-grid .error{color:var(--danger);font-weight:600}.data-grid td[contenteditable="true"]{background:var(--amber-50);outline:0}.data-grid td[contenteditable="true"]:focus{box-shadow:inset 0 0 0 2px var(--primary)}.summary-bar{min-height:34px;display:flex;align-items:center;gap:18px;padding:0 10px;border:1px solid var(--border);border-top:0;color:var(--text-muted);font-size:12px}.summary-bar strong{color:var(--text)}
+.form-section{border:1px solid var(--border);background:var(--surface)}.form-section h2{height:38px;display:flex;align-items:center;margin:0;padding:0 12px;border-bottom:1px solid var(--border);background:var(--muted);font-size:15px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;padding:12px}.form-field{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px;min-height:34px}.form-field label{font-size:13px;color:var(--gray-700)}.form-field .required::after{content:" *";color:var(--danger)}.lookup{display:grid;grid-template-columns:100px minmax(120px,1fr) 58px;gap:4px}.lookup input,.form-field input,.form-field select{height:var(--control-h);border:1px solid var(--border-strong);border-radius:4px;background:var(--surface);padding:0 8px;min-width:0}.lookup button{height:var(--control-h);border:1px solid var(--border-strong);border-radius:4px;background:var(--surface)}.transaction-layout{display:flex;flex-direction:column;gap:8px;min-height:0;flex:1}.master-layout{display:grid;grid-template-columns:minmax(280px,32%) minmax(0,1fr);gap:8px;min-height:0;flex:1}.master-pane,.detail-pane{border:1px solid var(--border);min-height:0;overflow:auto}.master-pane .search-panel{border:0;border-bottom:1px solid var(--border)}.detail-pane{padding:12px;display:flex;flex-direction:column;gap:10px}.split-layout{display:grid;grid-template-columns:minmax(260px,40%) minmax(0,1fr);gap:8px;min-height:0;flex:1}.pane{border:1px solid var(--border);min-height:0;overflow:auto}.pane-header{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid var(--border);background:var(--muted)}.queue-summary{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--border)}.queue-summary button{min-height:58px;border:0;border-right:1px solid var(--border);background:var(--surface);text-align:left;padding:7px 10px}.queue-summary button:last-child{border-right:0}.queue-summary b{display:block;font-size:18px}.queue-summary .danger b{color:var(--danger)}.reconcile-summary{display:flex;gap:20px;padding:8px 10px;border:1px solid var(--border);background:var(--muted);font-size:13px}.reconcile-summary .mismatch strong{color:var(--danger)}.import-steps{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--border)}.import-step{min-height:42px;display:flex;align-items:center;justify-content:center;gap:6px;border-right:1px solid var(--border);background:var(--muted);font-size:13px}.import-step:last-child{border-right:0}.import-step.active{background:var(--blue-50);color:var(--primary);font-weight:600}.drop-zone{min-height:230px;border:1px dashed var(--border-strong);display:grid;place-items:center;text-align:center;background:var(--gray-25)}.drop-zone strong{display:block;font-size:16px;margin-bottom:8px}.validation-cards{display:flex;gap:8px}.validation-card{min-width:120px;border:1px solid var(--border);padding:8px 10px}.validation-card b{display:block;font-size:18px}.validation-card.error b{color:var(--danger)}
+.mobile-stage{background:var(--gray-100);padding:20px;min-height:100%;display:flex;justify-content:center;align-items:flex-start}.wms-phone{width:390px;min-height:720px;background:var(--surface);border:1px solid var(--border-strong);box-shadow:0 8px 24px rgba(15,23,42,.1);display:flex;flex-direction:column}.wms-header{min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border)}.wms-header h1{font-size:20px;margin:0}.network{font-size:12px;color:var(--success)}.wms-content{flex:1;padding:16px;display:flex;flex-direction:column;gap:14px}.scan-location{font-size:36px;font-weight:700;letter-spacing:.02em}.scan-box{height:110px;border:2px solid var(--border-strong);display:grid;place-items:center;font-weight:700;background:var(--muted)}.qty-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border)}.qty-grid div{text-align:center;padding:10px;border-right:1px solid var(--border)}.qty-grid div:last-child{border-right:0}.qty-grid b{display:block;font-size:24px}.wms-actions{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface)}.wms-actions .btn{height:54px;font-size:16px;font-weight:600}.wms-actions .full{grid-column:1/-1}.error-panel{border:1px solid var(--red-200);background:var(--red-50);padding:12px}.error-panel strong{display:block;color:var(--danger);margin-bottom:4px}
+.menu-search-dialog{width:min(680px,calc(100vw - 32px));padding:0;border:1px solid var(--border-strong);border-radius:6px;box-shadow:var(--shadow)}.menu-search-dialog::backdrop{background:rgba(15,23,42,.35)}.search-dialog-shell header{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--border)}.search-dialog-shell header button{width:30px;height:30px;border:0;background:transparent;font-size:20px}.search-input-wrap{display:block;padding:10px;border-bottom:1px solid var(--border)}.search-input-wrap input{width:100%;height:40px;border:1px solid var(--border-strong);border-radius:4px;padding:0 12px}.menu-search-results{max-height:420px;overflow:auto}.search-result{width:100%;min-height:48px;display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--border);background:var(--surface);padding:5px 12px;text-align:left}.search-result.active,.search-result:hover{background:var(--blue-50)}.search-result .code{font-size:11px;color:var(--text-muted)}.search-result .copy{display:grid}.search-result .copy small{color:var(--text-muted);font-size:12px}.search-result .module{font-size:12px;color:var(--text-muted)}.search-dialog-shell footer{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:var(--muted);color:var(--text-muted);font-size:11px}
+.drawer{position:fixed;z-index:90;top:56px;right:0;bottom:0;width:min(560px,92vw);background:var(--surface);border-left:1px solid var(--border);box-shadow:-10px 0 24px rgba(15,23,42,.1);transform:translateX(100%);transition:transform .18s ease;display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawer header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--border)}.drawer header button{width:30px;height:30px;border:0;background:transparent;font-size:20px}.drawer-body{flex:1;overflow:auto;padding:14px}.detail-list{display:grid;gap:0;border:1px solid var(--border)}.detail-row{display:grid;grid-template-columns:110px 1fr;min-height:36px;border-bottom:1px solid var(--border);align-items:center}.detail-row:last-child{border-bottom:0}.detail-row span{color:var(--text-muted);padding:0 10px}.detail-row strong{font-weight:500}.toast-region{position:fixed;right:16px;bottom:16px;z-index:120;display:grid;gap:8px}.toast{min-width:260px;max-width:420px;padding:10px 12px;border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow);border-radius:4px}.toast.success{border-color:var(--green-200);background:var(--green-50)}.toast.error{border-color:var(--red-200);background:var(--red-50)}
+button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[contenteditable="true"]:focus-visible{outline:2px solid var(--primary);outline-offset:1px}
+@media(max-width:1100px){.global-header{grid-template-columns:var(--nav-w) minmax(260px,1fr) auto}.header-actions button:nth-child(-n+2){display:none}.work-explorer{grid-template-columns:1fr}.module-column{border-right:0}.attention-grid{grid-template-columns:1fr}.queue-summary{grid-template-columns:repeat(3,1fr)}}
+@media(max-width:820px){.global-header{grid-template-columns:auto 1fr auto}.module-select,.brand span,.global-search kbd,.header-actions button:not(#densityButton):not(#themeButton){display:none}.side-nav{width:56px;min-width:56px}.side-nav .nav-label,.side-nav .personal-nav,.side-nav .menu-nav h2,.side-nav .nav-row .star{display:none}.side-nav .module-switcher{grid-template-columns:1fr}.home-heading{grid-template-columns:1fr}.home-page{padding:12px}.form-grid{grid-template-columns:1fr}.master-layout,.split-layout{grid-template-columns:1fr}.master-pane{max-height:280px}}
+
+/* v38 FE interaction hardening */
+.section-head>div{display:grid;gap:2px}.section-head>.section-actions{display:flex;grid-auto-flow:column;align-items:center;gap:8px}.section-count{font-size:12px;color:var(--text-muted);white-space:nowrap}.section-toggle{min-height:28px;padding:0 8px;border:1px solid var(--amber-200);border-radius:4px;background:var(--surface);color:var(--text);font-size:12px;font-weight:600}.section-toggle:hover{background:var(--muted)}.attention-centers{display:flex;align-items:center;gap:4px}.attention-centers .section-toggle{border-color:var(--border)}.page-tools button[aria-pressed="true"]{color:var(--primary);border-color:var(--blue-100);background:var(--blue-50)}
+.search-panel.expanded{align-items:start}.search-advanced{grid-column:1/-1;display:flex;align-items:center;gap:8px 16px;padding-top:8px;border-top:1px solid var(--border)}.checkbox-inline{min-height:var(--control-h)}
+.data-state{min-height:220px;display:grid;place-items:center;align-content:center;gap:7px;border:1px solid var(--border);background:var(--gray-25);text-align:center;padding:24px}.data-state strong{font-size:16px}.data-state span{max-width:560px;color:var(--text-muted);font-size:13px}.data-state.error{border-color:var(--red-200);background:var(--red-50)}.data-state.error strong{color:var(--danger)}.data-state.loading strong::before{content:"";display:inline-block;width:12px;height:12px;margin-right:8px;border:2px solid var(--gray-300);border-top-color:var(--primary);border-radius:50%;vertical-align:-2px;animation:kbx-spin .7s linear infinite}@keyframes kbx-spin{to{transform:rotate(360deg)}}
+.row-link,.text-action{border:0;background:transparent;color:var(--primary);padding:0;text-align:left}.row-link:hover,.text-action:hover{text-decoration:underline}.selected-row td{background:var(--blue-50)!important}.checkbox-control{display:flex;align-items:center;gap:6px;font-size:13px}.detail-status{display:flex;gap:6px;margin-bottom:10px}.status-chip.danger{border-color:var(--red-200);background:var(--red-50);color:var(--danger)}
+.workflow-strip{min-height:38px;display:flex;align-items:center;gap:0;border:1px solid var(--border);background:var(--muted);font-size:12px}.workflow-strip span{padding:0 10px;border-right:1px solid var(--border);color:var(--text-muted)}.workflow-strip span.active{color:var(--primary);font-weight:600}.workflow-strip strong{margin-left:auto;padding:0 10px;font-weight:500}.detail-grid-section{display:flex;min-height:230px;flex:1;flex-direction:column;border:1px solid var(--border)}.detail-grid-section .grid-wrap{border:0}.cell-editor,.fast-cell{width:100%;height:calc(var(--row-h) - 6px);border:1px solid transparent;background:transparent;padding:0 4px}.cell-editor:hover,.fast-cell:hover{border-color:var(--border-strong);background:var(--surface)}.cell-editor:focus,.fast-cell:focus{border-color:var(--primary);background:var(--surface);outline:1px solid var(--primary)}.cell-editor.num,.fast-cell.num{text-align:right}.fast-cell.invalid{border-color:var(--red-200);background:var(--red-50)}
+.history-pane{min-height:190px}.queue-summary button.active{box-shadow:inset 0 -2px var(--primary);background:var(--blue-50)}.queue-summary button.danger.active{box-shadow:inset 0 -2px var(--danger);background:var(--red-50)}.context-bar .text-action{margin-left:auto}
+.inline-actions,.wizard-actions{display:flex;align-items:center;gap:6px}.inline-actions{padding:8px;border:1px solid var(--border);border-top:0}.wizard-actions{justify-content:flex-end;padding-top:8px}.import-step.done{background:var(--green-50);color:var(--success)}.drop-zone.dragging{border-color:var(--primary);background:var(--blue-50)}.commit-panel{max-width:760px;width:100%;margin:8px auto 0}.commit-body{padding:16px}.commit-body dl{display:flex;gap:8px;margin:12px 0}.commit-body dl div{min-width:130px;border:1px solid var(--border);padding:8px}.commit-body dt{font-size:12px;color:var(--text-muted)}.commit-body dd{margin:2px 0 0;font-size:18px;font-weight:600}.warning-copy{padding:8px;border:1px solid var(--amber-200);background:var(--amber-50);color:var(--warning)}
+.wms-label{font-size:12px;color:var(--text-muted);font-weight:600}.wms-item p{margin:4px 0 0;color:var(--text-muted)}.scan-box{cursor:text;text-align:center}.scan-box strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.scan-box small{display:block;margin-top:6px;color:var(--text-muted);font-weight:400}.scan-box.scan-error{border-color:var(--danger);background:var(--red-50)}.success-panel{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--green-200);background:var(--green-50)}.success-panel strong{color:var(--success)}
+.confirm-dialog{width:min(480px,calc(100vw - 32px));padding:0;border:1px solid var(--border-strong);border-radius:6px;box-shadow:var(--shadow)}.confirm-dialog::backdrop{background:rgba(15,23,42,.35)}.confirm-shell{margin:0}.confirm-shell>header{min-height:48px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid var(--border)}.confirm-shell>p,.dialog-field,.exception-options{margin:0;padding:14px}.confirm-shell>footer{display:flex;justify-content:flex-end;gap:6px;padding:10px 14px;border-top:1px solid var(--border);background:var(--muted)}.dialog-field{display:grid;gap:6px}.dialog-field>span,.dialog-help{font-size:13px;color:var(--text-muted)}.dialog-field input,.dialog-field textarea{width:100%;border:1px solid var(--border-strong);border-radius:4px;padding:8px}.exception-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:0}.exception-options legend{padding:0 0 8px;font-size:13px;color:var(--text-muted)}.exception-options label{display:flex;align-items:center;gap:6px}.dialog-help{padding:0 14px 14px!important}
+.drawer-backdrop{position:fixed;z-index:85;inset:56px 0 0;background:rgba(15,23,42,.18)}.drawer-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:6px;margin:16px -14px -14px;padding:10px 14px;border-top:1px solid var(--border);background:var(--surface)}.search-empty{padding:20px;color:var(--text-muted);text-align:center}
+
+@media(max-width:820px){.search-advanced{flex-direction:column;align-items:stretch}.workflow-strip{overflow:auto}.workflow-strip strong{display:none}.exception-options{grid-template-columns:1fr}}
+
+/* v39 FE product-parity hardening */
+.lookup-dialog{width:min(720px,calc(100vw - 32px));padding:0;border:1px solid var(--border-strong);border-radius:6px;box-shadow:var(--shadow)}
+.lookup-dialog::backdrop{background:rgba(15,23,42,.35)}
+.lookup-dialog-shell{display:grid;grid-template-rows:auto auto auto auto;background:var(--surface)}
+.lookup-dialog-shell>header{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--border)}
+.lookup-dialog-shell>header>div{display:grid;gap:2px}.lookup-dialog-shell>header small{font-size:12px;color:var(--text-muted)}
+.lookup-dialog-shell>header button{width:32px;height:32px;border:0;background:transparent;font-size:20px}
+.lookup-search{display:grid;grid-template-columns:1fr auto;gap:6px;padding:10px;border-bottom:1px solid var(--border);background:var(--muted)}
+.lookup-search input{width:100%;height:var(--control-h);border:1px solid var(--border-strong);border-radius:4px;padding:0 10px;background:var(--surface)}
+.lookup-results{min-height:180px;max-height:52vh;overflow:auto;background:var(--surface)}.lookup-result{width:100%;min-height:42px;display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:10px;padding:4px 12px;border:0;border-bottom:1px solid var(--border);background:var(--surface);text-align:left}
+.lookup-result:hover,.lookup-result.active{background:var(--blue-50)}.lookup-result .code{font-variant-numeric:tabular-nums;color:var(--text-muted)}.lookup-result .copy{display:grid;min-width:0}.lookup-result .copy b{font-weight:500}.lookup-result .copy small{font-size:12px;color:var(--text-muted)}
+.lookup-dialog-shell>footer{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 10px;border-top:1px solid var(--border);background:var(--muted);font-size:12px;color:var(--text-muted)}
+.lookup input[readonly]{background:var(--muted);color:var(--text-muted)}.lookup-trigger{min-width:58px}
+.order-data-row:focus{outline:2px solid var(--primary);outline-offset:-2px}.order-data-row:focus td{background:var(--blue-50)}
+.utility-panel{display:grid;gap:12px}.utility-panel h2,.utility-panel h3,.utility-panel p{margin:0}.utility-panel h2{font-size:18px}.utility-panel h3{font-size:14px;margin-top:4px}.utility-panel ol{margin:0;padding-left:22px;display:grid;gap:6px}.utility-kicker{font-size:12px;color:var(--text-muted)}
+.shortcut-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;border:1px solid var(--border);background:var(--border)}.shortcut-list div{display:grid;grid-template-columns:52px 1fr;min-height:34px;align-items:center;background:var(--surface)}.shortcut-list dt{padding:0 8px;font-weight:600}.shortcut-list dd{margin:0;color:var(--text-muted)}
+.utility-note{padding:10px 12px;border:1px solid var(--border);background:var(--muted);font-size:12px;color:var(--text-muted);line-height:1.5}.utility-actions{display:flex;flex-wrap:wrap;gap:6px}
+.ai-attention{display:grid;gap:6px}.ai-attention button{min-height:48px;display:grid;grid-template-columns:90px 52px minmax(0,1fr);align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface);padding:5px 10px;text-align:left}.ai-attention button:hover{background:var(--muted)}.ai-attention b{font-size:16px}.ai-attention small{color:var(--text-muted)}
+.suggestion-types{display:flex;gap:12px;padding:10px;border:1px solid var(--border)}.suggestion-types legend{padding:0 4px;color:var(--text-muted);font-size:12px}.suggestion-types label{display:flex;align-items:center;gap:5px}.suggestion-copy{display:grid;gap:6px}.suggestion-copy span{font-size:13px;color:var(--text-muted)}.suggestion-copy textarea{width:100%;resize:vertical;border:1px solid var(--border-strong);border-radius:4px;padding:8px}.suggestion-context{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:2px 7px}.suggestion-context small{grid-column:2;color:var(--text-muted)}
+.system-row{width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);background:var(--surface);padding:6px 10px;text-align:left}.system-row+ .system-row{border-top:0}.system-row span:first-child{display:grid;gap:2px}.system-row small{font-size:12px;color:var(--text-muted)}.system-row.critical{border-color:var(--red-200);background:var(--red-50)}.system-row.static{cursor:default}
+.import-steps.six{grid-template-columns:repeat(6,1fr)}.import-review{display:flex;flex-wrap:wrap;gap:8px 14px;padding:10px;border:1px solid var(--border);background:var(--muted);font-size:12px}.job-progress-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.job-progress-head>div{display:grid;gap:3px}.job-progress-head small{color:var(--text-muted)}.job-progress-head>b{font-size:22px}.progress-track{height:12px;overflow:hidden;border:1px solid var(--border-strong);background:var(--gray-100)}.progress-track span{display:block;height:100%;background:var(--primary);transition:width .16s linear}.result-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:12px}
+.network.unstable{color:var(--warning)}.network.offline{color:var(--danger)}
+
+@media(max-width:1280px){
+  .global-header{grid-template-columns:var(--nav-w) minmax(280px,1fr) auto;gap:8px}.header-actions button{padding:0 6px}.page-header{position:sticky;top:0;z-index:11}.command-bar{overflow-x:auto;white-space:nowrap}.screen-body{min-width:0}.search-panel{align-items:flex-start}.search-fields{flex-wrap:wrap}.home-page{max-width:none}.work-explorer{grid-template-columns:1fr 1fr}.grid-wrap{max-width:100%;overflow:auto}
+}
+@media(max-width:900px){
+  .page-header{min-height:52px;height:auto;align-items:flex-start;gap:8px;padding-top:6px;padding-bottom:6px}.page-tools{flex-wrap:wrap;justify-content:flex-end}.command-bar{position:sticky;top:52px;z-index:10}.quick-filter{overflow-x:auto}.quick-filter button{min-width:96px}.context-bar,.summary-bar{overflow-x:auto;white-space:nowrap}.import-steps.six{overflow-x:auto;grid-template-columns:repeat(6,minmax(92px,1fr))}.validation-cards{overflow-x:auto}.lookup-dialog-shell>footer{align-items:flex-start;flex-direction:column}
+}
+@media(max-width:620px){
+  .attention-item,.continue-item{grid-template-columns:64px minmax(0,1fr) 14px}.attention-action{display:none}.suggestion-types{flex-direction:column}.shortcut-list{grid-template-columns:1fr}.ai-attention button{grid-template-columns:78px 44px minmax(0,1fr)}
+}
+@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
+.drawer[aria-hidden="true"]{visibility:hidden;pointer-events:none}
+@media(max-width:767px){
+  .kbx-app[data-mode="wms-mobile"] .global-header,.kbx-app[data-mode="wms-mobile"] .side-nav,.kbx-app[data-mode="wms-mobile"] .workspace-tabs{display:none}
+  .kbx-app[data-mode="wms-mobile"] .shell-body,.kbx-app[data-mode="wms-mobile"] .workspace-shell,.kbx-app[data-mode="wms-mobile"] .workspace{height:100%;min-height:100%;width:100%}
+  .kbx-app[data-mode="wms-mobile"] .mobile-stage{min-height:100%;padding:0;background:var(--surface)}
+  .kbx-app[data-mode="wms-mobile"] .wms-phone{width:100%;min-height:100%;border:0;box-shadow:none}
+  .kbx-app[data-mode="wms-mobile"] .wms-content{min-height:0}
+}
+
+/* v40 FE completion-loop hardening */
+.validation-summary{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--red-200);background:var(--red-50);color:var(--danger)}
+.validation-summary strong{margin-right:4px}.validation-summary button{min-height:28px;border:1px solid var(--red-200);border-radius:4px;background:var(--surface);color:var(--danger);padding:0 8px;text-align:left}.validation-summary button:hover,.validation-summary button:focus-visible{background:var(--red-50)}
+.action-result{min-height:38px;display:flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid var(--green-200);background:var(--green-50);color:var(--green-700)}.action-result span{min-width:0;flex:1}.action-result .text-action{margin-left:auto}
+.master-pane .context-bar{border-top:0}.detail-pane>.pane-header{border-bottom:1px solid var(--border)}
+.data-grid input[type="checkbox"]{width:16px;height:16px;vertical-align:middle}.detail-grid-section .pane-header .text-action{margin-left:auto}
+@media(max-width:900px){.validation-summary{align-items:flex-start;flex-direction:column}.action-result{align-items:flex-start;flex-wrap:wrap}.action-result .text-action{margin-left:0}}
+
+/* v43 KBX Business Theme: hierarchy first, decoration second */
+.brand strong{color:var(--primary)}.nav-row .nav-entry.active{box-shadow:inset 4px 0 0 var(--primary);padding-left:10px}.attention-zone{border-color:var(--amber-200)}.attention-item{border-left:4px solid var(--amber-200)}.attention-item.critical{border-left-color:var(--danger)}.continue-source{justify-self:start;border:1px solid var(--border);border-radius:999px;background:var(--muted);padding:3px 8px}.continue-item[data-source="dirty"] .continue-source{background:var(--amber-50);border-color:var(--amber-200)}.continue-item[data-source="favorite"] .continue-source{background:var(--blue-50);border-color:var(--blue-100)}
+.kbx-app[data-theme="dark"] .global-search:hover,.kbx-app[data-theme="dark"] .home-search:hover{background:var(--blue-50)}
+
+/* v44 OS high-contrast bridge: OS colors override Light/Dark without changing workflow geometry. */
+@media (forced-colors: active){
+  :root,.kbx-app[data-theme="dark"],.kbx-app[data-theme="light"]{--surface:Canvas;--surface-muted:Canvas;--surface-subtle:Canvas;--surface-hover:Highlight;--text:CanvasText;--muted:CanvasText;--border:ButtonBorder;--border-strong:CanvasText;--primary:LinkText;--success:CanvasText;--warning:CanvasText;--danger:CanvasText;--info-surface:Canvas;--warning-surface:Canvas;--danger-surface:Canvas}
+  button,input,select,textarea,a{forced-color-adjust:auto}.active,[aria-current="page"],[aria-pressed="true"],[aria-selected="true"]{outline:1px solid Highlight;outline-offset:-2px}
+}
+
+/* v44 non-modal runtime centers: preserve workspace context while inspecting jobs/notifications. */
+.system-panel{position:fixed;z-index:82;right:8px;top:60px;width:min(420px,calc(100vw - 24px));max-height:70vh;overflow:auto;border:1px solid var(--border);border-radius:6px;background:var(--surface);box-shadow:var(--shadow)}
+.system-panel[hidden]{display:none}.system-panel>header{min-height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;border-bottom:1px solid var(--border)}.system-panel>header button{width:28px;height:28px;border:0;border-radius:4px;background:transparent;color:var(--text)}.system-panel>header button:hover{background:var(--surface-hover)}.system-panel-body{padding:8px}
+
+/* v45 safe screen preference: keep repetitive filters without persisting free-text business data. */
+.search-preference{min-height:34px;display:grid;grid-template-columns:18px auto;align-items:center;column-gap:6px;margin-left:auto;padding:0 4px;color:var(--text-muted);font-size:12px}.search-preference input{width:16px;height:16px;margin:0}.search-preference span{color:var(--text);font-size:13px}.search-preference small{grid-column:2;max-width:320px;color:var(--text-muted)}
+@media(max-width:900px){.search-preference{margin-left:0}}
+
+.tab-resumed{font-size:var(--font-sm);font-weight:700;color:var(--primary);line-height:1}
+
+
+.problem-feedback{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--info-border);border-left:4px solid var(--primary);background:var(--info-surface)}
+.problem-feedback.warning{border-color:var(--warning-border);border-left-color:var(--warning);background:var(--warning-surface)}
+.problem-feedback.danger{border-color:var(--danger-border);border-left-color:var(--danger);background:var(--danger-surface)}
+.problem-copy{display:grid;gap:4px;min-width:0}.problem-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.problem-heading span{font-size:12px;font-weight:600;color:var(--text-muted)}.problem-copy p,.problem-copy small{margin:0;color:var(--text-muted);font-size:13px;line-height:1.5}.problem-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap}
+@media(max-width:48rem){.problem-feedback{flex-direction:column}.problem-actions{width:100%;justify-content:flex-start}}
+
+
+/* v51 FE presentation workbench: module identity is chrome-only; business status keeps semantic colors. */
+:root{--workspace:#f5f7fa;--shell:#fff;--nav-surface:#fbfcfe;--section-heading:#f7f9fc;--module-accent:#175cd3;--module-accent-surface:#eff8ff;--module-accent-border:#b2ddff;--shell-shadow:0 1px 2px rgba(16,24,40,.05)}
+.kbx-app[data-theme="dark"]{--workspace:#0a1020;--shell:#111827;--nav-surface:#0d1524;--section-heading:#151f31;--module-accent:#84adff;--module-accent-surface:#102a43;--module-accent-border:#285b8f;--shell-shadow:0 1px 2px rgba(0,0,0,.42)}
+[data-module="OMS"]{--module-accent:#175cd3;--module-accent-surface:#eff8ff;--module-accent-border:#b2ddff}
+[data-module="ERP"]{--module-accent:#6938ef;--module-accent-surface:#f4f3ff;--module-accent-border:#d9d6fe}
+[data-module="WMS"]{--module-accent:#087e8b;--module-accent-surface:#ecfdff;--module-accent-border:#a5f0fc}
+[data-module="COMMON"]{--module-accent:#475467;--module-accent-surface:#f2f4f7;--module-accent-border:#d0d5dd}
+.kbx-app[data-theme="dark"] [data-module="OMS"],.kbx-app[data-theme="dark"][data-module="OMS"]{--module-accent:#84adff;--module-accent-surface:#102a43;--module-accent-border:#285b8f}
+.kbx-app[data-theme="dark"] [data-module="ERP"],.kbx-app[data-theme="dark"][data-module="ERP"]{--module-accent:#b9a2ff;--module-accent-surface:#241b45;--module-accent-border:#6d5bd0}
+.kbx-app[data-theme="dark"] [data-module="WMS"],.kbx-app[data-theme="dark"][data-module="WMS"]{--module-accent:#63c5da;--module-accent-surface:#0d2f36;--module-accent-border:#1f6672}
+.kbx-app[data-theme="dark"] [data-module="COMMON"],.kbx-app[data-theme="dark"][data-module="COMMON"]{--module-accent:#b3b8c4;--module-accent-surface:#172033;--module-accent-border:#475467}
+.kbx-app{background:var(--workspace)}.global-header{background:var(--shell);box-shadow:var(--shell-shadow)}.brand strong,.header-actions b{color:var(--module-accent)}.global-search:hover{border-color:var(--module-accent);background:var(--module-accent-surface)}.side-nav{background:var(--nav-surface)}.side-nav-top{background:var(--nav-surface)}.nav-home:hover,.nav-home.active,.module-switcher button.active{background:var(--module-accent-surface);color:var(--module-accent);border-color:var(--module-accent-border)}.nav-row .nav-entry.active{color:var(--module-accent);box-shadow:inset 4px 0 0 var(--module-accent)}.nav-row .star.on{color:var(--module-accent)}.workspace-shell,.workspace{background:var(--workspace)}.tab-shell.active{box-shadow:inset 0 2px 0 var(--module-accent)}
+.screen{background:var(--workspace)}.page-header{background:var(--shell);box-shadow:var(--shell-shadow);border-left:4px solid var(--module-accent)}.status-chip{border-color:var(--module-accent-border);background:var(--module-accent-surface);color:var(--module-accent)}.command-bar{background:var(--shell);box-shadow:var(--shell-shadow)}.screen-body{background:var(--workspace)}
+.home-page{max-width:1280px}.home-pulse{min-height:40px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);background:var(--surface)}.home-pulse button{min-height:40px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 8px;padding:4px 12px;border:0;border-right:1px solid var(--border);background:transparent;text-align:left}.home-pulse button:last-child{border-right:0}.home-pulse button:hover:not(:disabled){background:var(--muted)}.home-pulse button:disabled{cursor:default}.home-pulse span{font-size:12px;color:var(--text-muted)}.home-pulse b{grid-row:1 / span 2;grid-column:2;font-size:16px;font-variant-numeric:tabular-nums}.home-pulse small{font-size:12px;color:var(--module-accent)}.module-column .module-title{box-shadow:inset 4px 0 0 var(--module-accent);background:var(--section-heading)}.module-column .module-title strong{color:var(--module-accent)}
+.screen[data-template="T01"] .search-panel{box-shadow:inset 4px 0 0 var(--module-accent)}.screen[data-template="T02"] .master-pane,.screen[data-template="T02"] .detail-pane,.screen[data-template="T03"] .form-section,.screen[data-template="T03"] .grid-wrap,.screen[data-template="T04"] .grid-wrap,.screen[data-template="T05"] .pane,.screen[data-template="T06"] .grid-wrap,.screen[data-template="T07"] .grid-wrap,.screen[data-template="T08"] .import-stage{box-shadow:var(--shell-shadow)}.screen[data-template="T02"] .detail-pane,.screen[data-template="T03"] .form-section,.screen[data-template="T04"] .fast-guide,.screen[data-template="T05"] .master-pane,.screen[data-template="T06"] .queue-summary,.screen[data-template="T07"] .reconcile-summary,.screen[data-template="T08"] .import-steps{border-top:2px solid var(--module-accent)}.screen[data-template="T06"] .queue-summary{background:var(--surface)}.screen[data-template="T07"] .reconcile-summary{background:var(--surface)}.screen[data-template="T08"] .import-steps{background:var(--section-heading)}
+@media(max-width:820px){.home-pulse{grid-template-columns:repeat(2,minmax(0,1fr))}.home-pulse button:nth-child(2){border-right:0}.home-pulse button:nth-child(-n+2){border-bottom:1px solid var(--border)}}
+@media(forced-colors:active){:root,.kbx-app[data-theme="dark"],.kbx-app[data-theme="light"]{--workspace:Canvas;--shell:Canvas;--nav-surface:Canvas;--section-heading:Canvas;--module-accent:Highlight;--module-accent-surface:Canvas;--module-accent-border:Highlight;--shell-shadow:none}}
+
+/* v52 operational navigation: Home is a launcher, resume point, exception ingress, and full work explorer. */
+.home-module-rail{display:grid;grid-template-columns:auto repeat(5,minmax(0,1fr));align-items:stretch;border:1px solid var(--border);background:var(--surface)}
+.home-module-label{display:flex;align-items:center;padding:0 var(--space-3);border-right:1px solid var(--border);background:var(--section-heading);font-size:.75rem;font-weight:600;color:var(--text-muted)}
+.home-module-rail button{min-width:0;min-height:var(--control-h);display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:0;border-right:1px solid var(--border);background:transparent;text-align:left}
+.home-module-rail button:last-child{border-right:0}.home-module-rail button:hover{background:var(--muted)}
+.home-module-rail button b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.home-module-rail button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;color:var(--text-muted);font-variant-numeric:tabular-nums}
+.home-module-rail button[aria-pressed="true"]{box-shadow:inset 0 -.125rem 0 var(--module-accent);background:var(--module-accent-surface);color:var(--module-accent)}
+.home-module-rail button[data-module="OMS"],.home-module-rail button[data-module="ERP"],.home-module-rail button[data-module="WMS"],.home-module-rail button[data-module="COMMON"]{border-top:.125rem solid var(--module-accent)}
+#homeExplorer:focus-visible{outline:.125rem solid var(--module-accent);outline-offset:var(--space-1)}
+@media(max-width:64rem){.home-module-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.home-module-label{grid-column:1 / -1;min-height:var(--control-h);border-right:0;border-bottom:1px solid var(--border)}.home-module-rail button{border-bottom:1px solid var(--border)}.home-module-rail button:nth-last-child(-n+2){border-bottom:0}}
+@media(max-width:40rem){.home-module-rail{grid-template-columns:1fr}.home-module-rail button{border-right:0}.home-module-rail button:nth-last-child(2){border-bottom:1px solid var(--border)}}
+@media(forced-colors:active){.home-module-rail button[aria-pressed="true"]{outline:1px solid Highlight;outline-offset:-1px;box-shadow:none}}
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/kbx-fe.js b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/kbx-fe.js
new file mode 100644
index 00000000..fc34121d
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/kbx-fe.js
@@ -0,0 +1,753 @@
+(() => {
+  'use strict';
+
+  const screens = [
+    { id:'HOME', title:'홈', module:'COMMON', group:'홈', type:'home', template:'HOME', path:'#home', keywords:['시작','메뉴'] },
+    { id:'OMS-ORD-001', title:'주문관리', module:'OMS', group:'주문', type:'list', template:'T01', path:'#orders', keywords:['주문조회','출고대기','오류'] },
+    { id:'ERP-MST-ITEM-001', title:'품목관리', module:'ERP', group:'기준정보', type:'master', template:'T02', path:'#items', keywords:['품목','상품','SKU'] },
+    { id:'OMS-ORD-002', title:'주문등록', module:'OMS', group:'주문', type:'transaction', template:'T03', path:'#order-new', keywords:['신규주문','등록'] },
+    { id:'ERP-PRICE-001', title:'품목단가 일괄입력', module:'ERP', group:'기준정보', type:'fast-entry', template:'T04', path:'#prices', keywords:['단가','Fast Entry','붙여넣기'] },
+    { id:'ERP-INV-001', title:'재고현황', module:'ERP', group:'재고', type:'master-detail', template:'T05', path:'#inventory', keywords:['현재고','가용재고','로케이션'] },
+    { id:'WMS-WORK-001', title:'오늘 물류작업', module:'WMS', group:'작업관리', type:'queue', template:'T06', path:'#wms-work', keywords:['피킹','입고','예외','Queue'] },
+    { id:'COMMON-REC-001', title:'재고·출고 대사', module:'COMMON', group:'운영', type:'reconcile', template:'T07', path:'#reconcile', keywords:['대사','불일치','정합성'] },
+    { id:'OMS-ORD-003', title:'주문 Excel 업로드', module:'OMS', group:'주문', type:'import', template:'T08', path:'#import', keywords:['엑셀','업로드','매핑'] },
+    { id:'WMS-PICK-001', title:'출고 피킹', module:'WMS', group:'현장업무', type:'wms-mobile', template:'T09', path:'#picking', keywords:['PDA','스캔','바코드'] },
+  ];
+
+  const orders = [
+    {no:'ORD-260811-1024',channel:'쿠팡',time:'16:42',buyer:'김민수',item:'런닝화 외 1',qty:3,amount:128000,stock:'정상',status:'출고대기',exception:''},
+    {no:'ORD-260811-1023',channel:'스마트스토어',time:'16:39',buyer:'이지은',item:'셔츠 BLACK',qty:1,amount:48000,stock:'⚠ 부족',status:'보류',exception:'재고부족'},
+    {no:'ORD-260811-1022',channel:'자사몰',time:'16:31',buyer:'박서준',item:'운동화 270',qty:2,amount:196000,stock:'정상',status:'할당완료',exception:''},
+    {no:'ORD-260811-1021',channel:'쿠팡',time:'16:28',buyer:'최유진',item:'양말 3PACK',qty:4,amount:36000,stock:'정상',status:'출고대기',exception:''},
+    {no:'ORD-260811-1018',channel:'11번가',time:'16:12',buyer:'정하늘',item:'후드티 GRAY',qty:1,amount:69000,stock:'정상',status:'오류',exception:'송장실패'},
+    {no:'ORD-260811-1014',channel:'쿠팡',time:'15:57',buyer:'한도윤',item:'운동화 BLACK',qty:2,amount:178000,stock:'정상',status:'출고대기',exception:''},
+    {no:'ORD-260811-1007',channel:'자사몰',time:'15:43',buyer:'오서연',item:'스니커즈 WHITE',qty:1,amount:82000,stock:'정상',status:'신규',exception:''},
+    {no:'ORD-260811-1002',channel:'스마트스토어',time:'15:31',buyer:'윤지호',item:'양말 WHITE',qty:5,amount:45000,stock:'정상',status:'출고대기',exception:'주소확인'},
+  ];
+
+  const masterItems = [
+    {id:'ABC001',name:'남성 운동화',group:'신발',spec:'BLACK / 270',unit:'EA',warehouse:'서울물류센터',warehouseCode:'WH01',barcode:'8801234567890',lot:true,expiry:false,status:'사용'},
+    {id:'ABC002',name:'러닝화',group:'신발',spec:'WHITE / 265',unit:'EA',warehouse:'서울물류센터',warehouseCode:'WH01',barcode:'8801234567891',lot:false,expiry:false,status:'사용'},
+    {id:'ABC003',name:'양말',group:'의류',spec:'WHITE / FREE',unit:'PACK',warehouse:'부산물류센터',warehouseCode:'WH02',barcode:'8801234567892',lot:false,expiry:false,status:'사용'},
+    {id:'ABC004',name:'셔츠',group:'의류',spec:'BLACK / L',unit:'EA',warehouse:'서울물류센터',warehouseCode:'WH01',barcode:'8801234567893',lot:false,expiry:false,status:'사용'},
+    {id:'ABC005',name:'후드티',group:'의류',spec:'GRAY / XL',unit:'EA',warehouse:'인천물류센터',warehouseCode:'WH03',barcode:'8801234567894',lot:false,expiry:false,status:'사용'},
+  ];
+
+  const inventoryItems = [
+    {id:'ABC001',name:'운동화',stock:1280,locations:[['서울센터','A-01-01',300,100,20],['서울센터','A-01-02',530,0,0],['부산센터','B-03-01',450,30,10]]},
+    {id:'ABC002',name:'양말',stock:721,locations:[['서울센터','A-02-01',421,50,0],['부산센터','B-02-07',300,0,10]]},
+    {id:'ABC003',name:'셔츠',stock:312,locations:[['서울센터','A-05-03',212,20,5],['인천센터','C-01-01',100,0,0]]},
+    {id:'ABC004',name:'후드티',stock:187,locations:[['서울센터','A-06-02',87,10,0],['부산센터','B-06-01',100,0,0]]},
+  ];
+
+  const queueRows = [
+    {no:'WK-260811-184',type:'피킹',wave:'W260811-12',worker:'김작업',progress:'72%',sla:'17:10',status:'진행',exception:false},
+    {no:'WK-260811-182',type:'검수',wave:'W260811-11',worker:'박물류',progress:'91%',sla:'16:55',status:'지연',exception:true},
+    {no:'WK-260811-176',type:'입고',wave:'-',worker:'이현장',progress:'38%',sla:'17:30',status:'진행',exception:false},
+    {no:'WK-260811-171',type:'피킹',wave:'W260811-10',worker:'최창고',progress:'100%',sla:'16:30',status:'완료',exception:false},
+  ];
+
+  const reconcileRows = [
+    {no:'ORD-001',expected:10,actual:10,diff:0,reason:'-',status:'정상'},
+    {no:'ORD-002',expected:10,actual:9,diff:-1,reason:'피킹부족',status:'확인필요'},
+    {no:'ORD-003',expected:5,actual:0,diff:-5,reason:'연계실패',status:'미처리'},
+    {no:'ORD-004',expected:12,actual:12,diff:0,reason:'-',status:'정상'},
+  ];
+
+  const state = {
+    activeId:'HOME', module:'ALL', collapsed:false, density:'compact', theme:'light', homeAttentionExpanded:false,
+    favorites:new Set(['OMS-ORD-001','ERP-INV-001','WMS-WORK-001']), recents:['OMS-ORD-001','ERP-MST-ITEM-001','ERP-INV-001'], tabs:[],
+    selectedOrders:new Set(), orderQuickFilter:'all', orderAdvanced:false, orderDataState:'ready', commandProblem:null, searchIndex:0,
+    orderSearch:{channel:'all',status:'all',keyword:'',exception:'all'}, orderRememberSearch:false, orderSavedDefaults:null,
+    selectedMasterId:'ABC001', masterQuery:'', masterMode:'edit', masterDraft:null, masterErrors:{}, pendingMasterId:null,
+    transactionStatus:'작성', transactionErrors:[], transactionHeader:{orderDate:'2026-08-11',channel:'직접주문',customerCode:'10001',customerName:'대한상사',owner:'홍길동',warehouseCode:'WH01',warehouseName:'서울물류센터',receiver:'홍길동',phone:'010-1234-5678',postal:'06236',address:'서울특별시 강남구 테헤란로'},
+    transactionLines:[{code:'ABC001',name:'운동화',spec:'BLACK / 270',available:83,qty:2,price:98000,remark:''},{code:'XYZ003',name:'양말',spec:'WHITE',available:721,qty:3,price:9000,remark:''}],
+    inventoryItemId:'ABC001', inventorySearch:{warehouse:'all',keyword:''}, inventoryDataState:'ready',
+    queueFilter:'all', queueSearch:{worker:'',keyword:''}, queueDataState:'ready', selectedQueueRows:new Set(), queueActionResult:'',
+    mismatchOnly:true, reconcileSearch:{date:'2026-08-11',keyword:''}, reconcileDataState:'ready', selectedReconcileRows:new Set(), reconcileActionResult:'',
+    importStep:1, importFileName:'', importFileSize:0, importFileType:'', importJobStatus:'idle', importProgress:0, importProcessed:0,
+    pickingQty:4, pickingRequired:6, scanBuffer:'', scanError:'', networkStatus:'online', pendingSync:0, lastScanValue:'', lastScanAt:0,
+    pendingCloseId:null, pendingNavigationId:null, pendingNavigationOptions:null, pendingUnsavedMode:null, workspaceDirtyDiscarded:0,
+    lookupEntity:'', lookupField:'', lookupIndex:0,
+    fastRows:[
+      {code:'ABC001',name:'운동화',price:'98,000',date:'2026-08-11',remark:''},
+      {code:'ABC002',name:'러닝화',price:'89,000',date:'2026-08-11',remark:''},
+      {code:'ABC003',name:'양말',price:'9,000',date:'2026-08-11',remark:''},
+      {code:'ABC004',name:'셔츠',price:'48,000',date:'2026-08-11',remark:''},
+      ...Array.from({length:8},()=>({code:'',name:'',price:'',date:'',remark:''})),
+    ],
+  };
+
+  const $ = (selector, root=document) => root.querySelector(selector);
+  const $$ = (selector, root=document) => [...root.querySelectorAll(selector)];
+  const esc = value => String(value ?? '').replace(/[&<>"']/g, ch => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[ch]));
+  const knownIds = new Set(screens.map(x=>x.id));
+  const app=$('#app'), workspace=$('#workspace'), sideNav=$('#sideNav'), tabs=$('#workspaceTabs');
+  const searchDialog=$('#menuSearchDialog'), searchInput=$('#menuSearchInput'), searchResults=$('#menuSearchResults');
+  const unsavedDialog=$('#unsavedDialog'), lookupDialog=$('#lookupDialog'), lookupSearchInput=$('#lookupSearchInput'), lookupResults=$('#lookupResults'), quantityDialog=$('#quantityDialog'), exceptionDialog=$('#exceptionDialog');
+  const drawer=$('#drawer'), drawerTitle=$('#drawerTitle'), drawerBody=$('#drawerBody'), drawerBackdrop=$('#drawerBackdrop');
+  const systemPanel=$('#systemPanel'),systemPanelTitle=$('#systemPanelTitle'),systemPanelBody=$('#systemPanelBody');
+  let drawerRestoreFocus=null,systemPanelRestoreFocus=null;
+  let lookupRestoreFocus=null;
+  let importTimer=null;
+  const lookupData={
+    customer:[
+      {id:'c-10001',code:'10001',name:'대한상사',secondary:'서울 · 정상'},
+      {id:'c-10002',code:'10002',name:'대한유통',secondary:'경기 · 정상'},
+      {id:'c-10003',code:'10003',name:'대한물류',secondary:'인천 · 정상'},
+      {id:'c-20001',code:'20001',name:'한빛상사',secondary:'부산 · 정상'},
+    ],
+    warehouse:[
+      {id:'w-WH01',code:'WH01',name:'서울물류센터',secondary:'상온 · 사용'},
+      {id:'w-WH02',code:'WH02',name:'부산물류센터',secondary:'상온 · 사용'},
+      {id:'w-WH03',code:'WH03',name:'인천물류센터',secondary:'상온 · 사용'},
+    ],
+  };
+
+  function screen(id){ return screens.find(x=>x.id===id) || screens[0]; }
+  function labelModule(module){ return module==='COMMON'?'공통':module; }
+  function iconFor(item){ return ({T01:'조',T02:'기',T03:'등',T04:'입',T05:'재',T06:'작',T07:'대',T08:'엑',T09:'피'})[item.template] || '·'; }
+  function announce(message){ $('#liveRegion').textContent=message; }
+  function toast(message,tone='success'){
+    const el=document.createElement('div'); el.className=`toast ${tone}`; el.textContent=message; $('#toastRegion').append(el); announce(message); setTimeout(()=>el.remove(),2600);
+  }
+  function persist(){
+    try{ localStorage.setItem('kbx-fe-reference-state',JSON.stringify({favorites:[...state.favorites],density:state.density,collapsed:state.collapsed,theme:state.theme,orderRememberSearch:state.orderRememberSearch,orderSavedDefaults:state.orderSavedDefaults})); }catch{}
+  }
+  function persistWorkspaceSession(){
+    const payload={tabs:state.tabs.filter(tab=>!tab.dirty).slice(0,10).map(tab=>({id:tab.id,pinned:Boolean(tab.pinned)})),dirtyDiscardedCount:Math.min(10,state.tabs.filter(tab=>tab.dirty).length)};
+    try{sessionStorage.setItem('kbx-fe-reference-workspace-v1',JSON.stringify(payload));}catch{}
+  }
+  function restoreWorkspaceSession(){
+    let raw='';try{raw=sessionStorage.getItem('kbx-fe-reference-workspace-v1')||'';}catch{return;}
+    if(!raw||raw.length>16000)return;
+    try{const value=JSON.parse(raw);if(!Array.isArray(value.tabs))return;const seen=new Set();state.tabs=value.tabs.slice(0,10).flatMap(item=>{const id=typeof item?.id==='string'&&knownIds.has(item.id)&&item.id!=='HOME'?item.id:'';if(!id||seen.has(id))return [];seen.add(id);return [{id,title:screen(id).title,pinned:Boolean(item.pinned),dirty:false,resumed:true}];});state.workspaceDirtyDiscarded=Math.min(10,Math.max(0,Number(value.dirtyDiscardedCount)||0));}catch{}
+  }
+  function restore(){
+    let raw='';
+    try{ raw=localStorage.getItem('kbx-fe-reference-state')||''; }catch{return;}
+    if(!raw)return;
+    try{
+      const value=JSON.parse(raw);
+      if(Array.isArray(value.favorites))state.favorites=new Set(value.favorites.filter(id=>knownIds.has(id)&&id!=='HOME'));
+      if(['compact','comfortable'].includes(value.density))state.density=value.density;
+      if(typeof value.collapsed==='boolean')state.collapsed=value.collapsed;
+      if(['light','dark'].includes(value.theme))state.theme=value.theme;
+      if(typeof value.orderRememberSearch==='boolean')state.orderRememberSearch=value.orderRememberSearch;
+      if(value.orderSavedDefaults&&typeof value.orderSavedDefaults==='object'){
+        const d=value.orderSavedDefaults;
+        const safe={channel:['all','쿠팡','스마트스토어','자사몰','11번가'].includes(d.channel)?d.channel:'all',status:['all','신규','출고대기','할당완료','보류','오류'].includes(d.status)?d.status:'all',exception:['all','재고부족','주소확인','송장실패'].includes(d.exception)?d.exception:'all'};
+        state.orderSavedDefaults=safe;state.orderSearch={...state.orderSearch,...safe,keyword:''};
+      }
+    }catch{}
+  }
+  function markDirty(id,dirty=true){ const tab=state.tabs.find(x=>x.id===id); if(tab){tab.dirty=dirty;tab.resumed=false;persistWorkspaceSession();renderTabs();} }
+  function addRecent(id){ if(id==='HOME')return; state.recents=[id,...state.recents.filter(x=>x!==id)].slice(0,6); }
+  function setHash(s){ if(location.hash!==s.path)location.hash=s.path; }
+  function openScreen(id,{focus=true,updateHash=true,force=false}={}){
+    const target=screen(id);
+    const current=state.tabs.find(t=>t.id===state.activeId);
+    if(!force&&target.id!==state.activeId&&current?.dirty){
+      state.pendingNavigationId=target.id;
+      state.pendingNavigationOptions={focus,updateHash};
+      state.pendingUnsavedMode='navigate';
+      $('#unsavedMessage').textContent=`${current.title}에 저장하지 않은 변경사항이 있습니다. 이동하기 전에 저장하거나 변경을 버리세요.`;
+      if(!unsavedDialog.open)unsavedDialog.showModal();
+      return false;
+    }
+    state.activeId=target.id; addRecent(target.id);
+    const existingTab=state.tabs.find(t=>t.id===target.id);if(existingTab)existingTab.resumed=false;
+    if(target.id!=='HOME'&&!existingTab)state.tabs.push({id:target.id,title:target.title,pinned:false,dirty:false,resumed:false});
+    persistWorkspaceSession();if(updateHash)setHash(target); renderAll(); if(focus)workspace.focus({preventScroll:true});
+    return true;
+  }
+  function closeTabNow(id){
+    const index=state.tabs.findIndex(t=>t.id===id); if(index<0)return;
+    const wasActive=state.activeId===id; state.tabs.splice(index,1);persistWorkspaceSession();
+    if(wasActive){ const fallback=state.tabs[index-1] || state.tabs[index] || null; openScreen(fallback?.id || 'HOME'); }
+    else renderTabs();
+  }
+  function requestCloseTab(id){
+    const tab=state.tabs.find(t=>t.id===id); if(!tab)return;
+    if(!tab.dirty){closeTabNow(id);return;}
+    state.pendingCloseId=id; state.pendingUnsavedMode='close';
+    $('#unsavedMessage').textContent=`${tab.title}에 저장하지 않은 변경사항이 있습니다.`;
+    if(!unsavedDialog.open)unsavedDialog.showModal();
+  }
+
+  function groupScreens(list=screens.filter(x=>x.id!=='HOME')){
+    const map=new Map();
+    list.forEach(item=>{ if(!map.has(item.module))map.set(item.module,new Map());const groups=map.get(item.module);if(!groups.has(item.group))groups.set(item.group,[]);groups.get(item.group).push(item); });
+    return map;
+  }
+  function isFav(id){return state.favorites.has(id)}
+  function toggleFavorite(id){ if(!knownIds.has(id)||id==='HOME')return; isFav(id)?state.favorites.delete(id):state.favorites.add(id);persist();renderNavigation();if(state.activeId==='HOME')renderHome(); }
+
+  function navRow(item,favorite=true,icon=''){
+    const collapsedLabel=icon||iconFor(item);
+    return `<div class="nav-row" data-screen="${esc(item.id)}"><button class="nav-entry ${state.activeId===item.id?'active':''}" type="button" title="${esc(item.title)}" ${state.activeId===item.id?'aria-current="page"':''}>${state.collapsed?esc(collapsedLabel):esc(item.title)}</button>${favorite?`<button class="star ${isFav(item.id)?'on':''}" type="button" aria-label="${isFav(item.id)?'즐겨찾기 해제':'즐겨찾기 추가'}" aria-pressed="${isFav(item.id)}">${isFav(item.id)?'★':'☆'}</button>`:''}</div>`;
+  }
+  function bindNavRow(row){ const id=row.dataset.screen; $('.nav-entry',row).onclick=()=>openScreen(id);const star=$('.star',row);if(star)star.onclick=e=>{e.stopPropagation();toggleFavorite(id)}; }
+  function renderNavigation(){
+    app.dataset.density=state.density;app.dataset.theme=state.theme;app.dataset.nav=state.collapsed?'collapsed':'expanded';app.dataset.module=state.module==='ALL'?(screen(state.activeId).module||'COMMON'):state.module;document.documentElement.style.colorScheme=state.theme;sideNav.classList.toggle('collapsed',state.collapsed);
+    $('#collapseButton').textContent=state.collapsed?'›':'‹';$('#collapseButton').setAttribute('aria-label',state.collapsed?'메뉴 펼치기':'메뉴 접기');$('#collapseButton').setAttribute('aria-expanded',String(!state.collapsed));
+    $('#densityButton').textContent=state.density==='compact'?'Compact':'Comfortable';
+    const themeButton=$('#themeButton');if(themeButton){themeButton.innerHTML=state.theme==='dark'?'<span aria-hidden="true">☾</span> <span>Dark</span>':'<span aria-hidden="true">☀</span> <span>Light</span>';themeButton.setAttribute('aria-label',state.theme==='dark'?'밝은 테마로 변경':'어두운 테마로 변경');}
+    const modules=['OMS','ERP','WMS','COMMON'];
+    $('#moduleSwitcher').innerHTML=modules.map(m=>`<button type="button" class="${state.module===m?'active':''}" data-module="${m}" aria-pressed="${state.module===m}" title="${esc(labelModule(m))}">${state.collapsed?(m==='COMMON'?'공':m[0]):esc(labelModule(m))}</button>`).join('');
+    $$('#moduleSwitcher button').forEach(button=>button.onclick=()=>{state.module=button.dataset.module;$('#moduleSelect').value=state.module;renderNavigation();if(state.activeId==='HOME')renderHome();});
+    $('#moduleSelect').value=state.module;
+    const favoriteItems=screens.filter(x=>isFav(x.id)&&x.id!=='HOME'&&(state.module==='ALL'||x.module===state.module));
+    $('#favoriteNav').innerHTML=favoriteItems.length?`<h2>즐겨찾기</h2>${favoriteItems.slice(0,6).map(item=>navRow(item)).join('')}`:'';
+    const recentItems=state.recents.map(screen).filter(x=>x.id!=='HOME'&&(state.module==='ALL'||x.module===state.module));
+    $('#recentNav').innerHTML=recentItems.length?`<h2>최근메뉴</h2>${recentItems.slice(0,4).map(item=>navRow(item,false,'↺')).join('')}`:'';
+    const visible=screens.filter(x=>x.id!=='HOME'&&(state.module==='ALL'||x.module===state.module));const grouped=groupScreens(visible);
+    $('#menuNav').innerHTML=[...grouped.entries()].map(([module,groups])=>`<section class="menu-group"><h2>${esc(labelModule(module))} 업무</h2>${[...groups.entries()].map(([group,items])=>`<div class="menu-subgroup"><h2>${esc(group)}</h2>${items.map(item=>navRow(item)).join('')}</div>`).join('')}</section>`).join('');
+    $$('.nav-row',sideNav).forEach(bindNavRow);$('#sideHomeButton').classList.toggle('active',state.activeId==='HOME');$('#sideHomeButton').setAttribute('aria-current',state.activeId==='HOME'?'page':'false');
+  }
+
+  function renderTabs(){
+    if(!state.tabs.length){tabs.innerHTML='<div class="empty-tabs">열린 업무가 없습니다.</div>';return;}
+    const focusableId=state.tabs.some(t=>t.id===state.activeId)?state.activeId:state.tabs[0]?.id;
+    tabs.innerHTML=state.tabs.map(t=>`<div class="tab-shell ${state.activeId===t.id?'active':''}" data-tab="${esc(t.id)}"><button class="tab-main" role="tab" aria-selected="${state.activeId===t.id}" tabindex="${focusableId===t.id?'0':'-1'}" type="button">${t.resumed&&!t.dirty?'<span class="tab-resumed" title="이전 세션에서 복원된 업무 위치" aria-label="이전 세션에서 복원됨">↺</span>':''}<span class="tab-title">${esc(t.title)}</span>${t.dirty?'<span class="tab-dirty" title="저장하지 않은 변경" aria-label="저장하지 않은 변경">●</span>':''}</button><button class="tab-pin" type="button" aria-label="${t.pinned?'고정 해제':'고정'}" aria-pressed="${t.pinned}">${t.pinned?'◆':'◇'}</button><button class="tab-close" type="button" aria-label="${esc(t.title)} 닫기">×</button></div>`).join('');
+    const shells=$$('.tab-shell',tabs);
+    shells.forEach((shell,index)=>{
+      const id=shell.dataset.tab;const main=$('.tab-main',shell);
+      main.onclick=()=>openScreen(id);$('.tab-close',shell).onclick=e=>{e.stopPropagation();requestCloseTab(id)};
+      $('.tab-pin',shell).onclick=e=>{e.stopPropagation();const tab=state.tabs.find(x=>x.id===id);if(tab){tab.pinned=!tab.pinned;persistWorkspaceSession();renderTabs();}};
+      main.onkeydown=e=>{let next=index;if(e.key==='ArrowRight')next=(index+1)%shells.length;else if(e.key==='ArrowLeft')next=(index-1+shells.length)%shells.length;else if(e.key==='Home')next=0;else if(e.key==='End')next=shells.length-1;else return;e.preventDefault();const target=shells[next]?.dataset.tab;if(target){openScreen(target,{focus:false});$('.tab-main',shells[next])?.focus();}};
+    });
+  }
+
+  const btn=(label,cls='',id='',disabled=false)=>`<button ${id?`id="${esc(id)}"`:''} type="button" class="btn ${cls}" ${disabled?'disabled aria-disabled="true"':''}>${esc(label)}</button>`;
+  function defaultCommands(primary='저장 F8',prefix='default'){
+    return `<div class="command-group">${btn('조회 F3','',''+prefix+'Search')}${btn('신규','',''+prefix+'New')}${btn(primary,'primary',''+prefix+'Save')}</div><span class="command-separator"></span><div class="command-group">${btn('엑셀 ▼')}${btn('더보기 ⋯')}</div>`;
+  }
+  function pageShell(s,body,commands=''){
+    return `<section class="screen" data-screen-id="${esc(s.id)}" data-template="${esc(s.template)}" data-module="${esc(s.module)}"><header class="page-header"><div class="page-identity"><div class="breadcrumb">${esc(s.module)} &gt; ${esc(s.group)}</div><div class="title-row"><h1>${esc(s.title)}</h1><span class="status-chip">${esc(s.template)}</span></div></div><div class="page-tools"><button id="pageFavorite" type="button" aria-label="${isFav(s.id)?'즐겨찾기 해제':'즐겨찾기 추가'}" aria-pressed="${isFav(s.id)}">${isFav(s.id)?'★':'☆'}</button><button id="pageHelp" type="button">도움말</button><button id="pageAi" type="button">AI</button><button id="pageSuggestion" type="button">제안</button></div></header>${commands?`<div class="command-bar">${commands}</div>`:''}<div class="screen-body">${body}</div></section>`;
+  }
+  function setBackgroundInert(value){for(const el of [$('.global-header'),$('.shell-body')]){if(!el)continue;value?el.setAttribute('inert',''):el.removeAttribute('inert');}}
+  function openDrawerContent(title,html){
+    drawerRestoreFocus=document.activeElement instanceof HTMLElement?document.activeElement:null;drawerTitle.textContent=title;drawerBody.innerHTML=html;
+    drawer.classList.add('open');drawer.setAttribute('aria-hidden','false');drawerBackdrop.hidden=false;setBackgroundInert(true);setTimeout(()=>$('#drawerClose').focus(),0);
+  }
+  function applyIntent(intent){
+    if(intent==='order-stock'){state.orderQuickFilter='stock';state.selectedOrders.clear();state.orderDataState='ready';return openScreen('OMS-ORD-001');}
+    if(intent==='order-errors'){state.orderQuickFilter='error';state.selectedOrders.clear();state.orderDataState='ready';return openScreen('OMS-ORD-001');}
+    if(intent==='reconcile-mismatch'){state.mismatchOnly=true;return openScreen('COMMON-REC-001');}
+    if(intent==='import-progress'){state.importStep=state.importJobStatus==='completed'?6:Math.max(1,state.importStep);return openScreen('OMS-ORD-003');}
+  }
+  function showUtilityPanel(s,kind){
+    if(kind==='help'){openDrawerContent(`${s.title} 도움말`,`<section class="utility-panel"><p class="utility-kicker">화면 도움말 · ${esc(s.id)}</p><h2>${esc(s.title)}</h2><p>이 화면은 ${esc(s.group)} 업무를 표준 ${esc(s.template)} 문법으로 처리합니다.</p><h3>기본 사용법</h3><ol><li>조회 조건 또는 업무 대상을 확인합니다.</li><li>필요한 행이나 값을 선택합니다.</li><li>Command Bar의 업무 동사를 실행합니다.</li></ol><h3>단축키</h3><dl class="shortcut-list"><div><dt>F2</dt><dd>Lookup</dd></div><div><dt>F3</dt><dd>조회</dd></div><div><dt>F8</dt><dd>저장</dd></div><div><dt>Esc</dt><dd>현재 Context 닫기</dd></div></dl><div class="utility-note">화면의 Disabled 상태는 UX 표현이며 최종 권한과 업무 규칙은 서버에서 재검증해야 합니다.</div></section>`);return;}
+    if(kind==='ai'){openDrawerContent(`${s.title} AI 도우미`,`<section class="utility-panel"><p class="utility-kicker">현재 화면 · ${esc(s.id)}</p><h2>확인할 항목</h2><div class="ai-attention"><button type="button" data-ai-intent="order-stock"><span>재고부족</span><b>7건</b><small>주문관리에서 보기</small></button><button type="button" data-ai-intent="order-errors"><span>처리오류</span><b>16건</b><small>오류 주문만 보기</small></button><button type="button" data-ai-intent="reconcile-mismatch"><span>대사 불일치</span><b>43건</b><small>불일치만 보기</small></button></div><h3>빠른 질문</h3><div class="utility-actions"><button class="btn" type="button" data-ai-intent="order-stock">왜 출고가 안 된 주문이 있어?</button><button class="btn" type="button" data-ai-intent="reconcile-mismatch">불일치만 보여줘</button></div><div class="utility-note">AI는 설명·제안만 수행합니다. 실제 변경은 구조화된 Proposal과 사용자 확인 후 Domain Command로 실행해야 합니다.</div></section>`);$$('[data-ai-intent]',drawerBody).forEach(button=>button.onclick=()=>{const intent=button.dataset.aiIntent;closeDrawer();setTimeout(()=>applyIntent(intent),0);});return;}
+    openDrawerContent(`${s.title} 제안`,`<form id="suggestionForm" class="utility-panel"><p class="utility-kicker">사용자 제안 · ${esc(s.id)}</p><h2>이 화면에 의견 보내기</h2><fieldset class="suggestion-types"><legend>유형</legend><label><input type="radio" name="type" value="불편" checked> 불편</label><label><input type="radio" name="type" value="오류"> 오류</label><label><input type="radio" name="type" value="개선 제안"> 개선 제안</label></fieldset><label class="suggestion-copy"><span>내용</span><textarea id="suggestionText" required maxlength="500" rows="7" placeholder="업무 중 불편했던 상황과 기대하는 동작을 적어주세요."></textarea></label><label class="suggestion-context"><input type="checkbox" checked> 현재 화면 정보 포함 <small>ScreenId, Route, Version, 필터 구조만 포함 · 업무 민감데이터 제외</small></label><div class="drawer-actions"><button class="btn primary" type="submit">보내기</button></div></form>`);$('#suggestionForm').onsubmit=e=>{e.preventDefault();const value=$('#suggestionText').value.trim();if(!value){$('#suggestionText').focus();return;}closeDrawer();toast('화면 의견을 접수했습니다. 업무 민감데이터는 포함하지 않았습니다.');};setTimeout(()=>$('#suggestionText')?.focus(),0);
+  }
+  function closeSystemPanel(restoreFocus=true){
+    if(systemPanel.hidden)return;systemPanel.hidden=true;$('#jobsButton').setAttribute('aria-expanded','false');$('#noticeButton').setAttribute('aria-expanded','false');
+    const restore=systemPanelRestoreFocus;systemPanelRestoreFocus=null;if(restoreFocus)restore?.focus();
+  }
+  function showSystemPanel(kind){
+    const trigger=kind==='jobs'?$('#jobsButton'):$('#noticeButton');
+    if(!systemPanel.hidden&&trigger.getAttribute('aria-expanded')==='true'){closeSystemPanel();return;}
+    closeDrawer();systemPanelRestoreFocus=document.activeElement instanceof HTMLElement?document.activeElement:null;systemPanelTitle.textContent=kind==='jobs'?'작업 센터':'알림 센터';
+    $('#jobsButton').setAttribute('aria-expanded',String(kind==='jobs'));$('#noticeButton').setAttribute('aria-expanded',String(kind!=='jobs'));
+    if(kind==='jobs'){const progress=state.importJobStatus==='running'?`${state.importProgress}%`:'완료';systemPanelBody.innerHTML=`<section class="utility-panel"><p class="utility-kicker">백그라운드 작업</p><h2>진행 중 / 최근 작업</h2><button class="system-row" type="button" data-system-intent="import-progress"><span><b>Excel 주문 Import</b><small>${esc(progress)} · 정상 ${state.importProcessed.toLocaleString('ko-KR')}건</small></span><span>열기 ›</span></button><div class="system-row static"><span><b>송장 재처리</b><small>대기 · 자동 재시도</small></span><span>대기</span></div></section>`;}else{systemPanelBody.innerHTML=`<section class="utility-panel"><p class="utility-kicker">업무 알림</p><h2>확인 필요 4건</h2><button class="system-row critical" type="button" data-system-intent="order-errors"><span><b>송장 발급 실패 3건</b><small>원인 확인 후 재처리</small></span><span>열기 ›</span></button><button class="system-row" type="button" data-system-intent="order-stock"><span><b>재고부족 주문 7건</b><small>예외 주문만 확인</small></span><span>열기 ›</span></button></section>`;}
+    systemPanel.hidden=false;$$('[data-system-intent]',systemPanelBody).forEach(button=>button.onclick=()=>{const intent=button.dataset.systemIntent;closeSystemPanel(false);setTimeout(()=>applyIntent(intent),0);});setTimeout(()=>systemPanel.focus(),0);
+  }
+  function bindPageTools(s){
+    const fav=$('#pageFavorite');if(fav)fav.onclick=()=>toggleFavorite(s.id);
+    const help=$('#pageHelp');if(help)help.onclick=()=>showUtilityPanel(s,'help');
+    const ai=$('#pageAi');if(ai)ai.onclick=()=>showUtilityPanel(s,'ai');
+    const suggestion=$('#pageSuggestion');if(suggestion)suggestion.onclick=()=>showUtilityPanel(s,'suggestion');
+  }
+  function grid(cols,rows,{caption='업무 데이터',className=''}={}){
+    return `<div class="grid-wrap ${className}"><table class="data-grid"><caption class="sr-only">${esc(caption)}</caption><thead><tr>${cols.map(c=>`<th scope="col">${esc(c)}</th>`).join('')}</tr></thead><tbody>${rows}</tbody></table></div>`;
+  }
+  function formField(label,value,{required=false,name='',readonly=false}={}){
+    return `<div class="form-field"><label class="${required?'required':''}">${esc(label)}</label><input ${name?`data-field="${esc(name)}"`:''} value="${esc(value)}" ${readonly?'readonly':''}></div>`;
+  }
+  function lookupField(label,code,name,{field='',entity=field}={}){
+    return `<div class="form-field"><label>${esc(label)}</label><div class="lookup" data-lookup="${esc(entity)}" data-lookup-field="${esc(field)}"><input ${field?`data-field="${esc(field)}Code"`:''} value="${esc(code)}" autocomplete="off"><input ${field?`data-field="${esc(field)}Name"`:''} value="${esc(name)}" readonly><button type="button" class="lookup-trigger" title="F2 조회" aria-label="${esc(label)} 조회" aria-keyshortcuts="F2">검색</button></div></div>`;
+  }
+  function checkboxField(label,checked,{field=''}={}){return `<div class="form-field"><label>${esc(label)}</label><label class="checkbox-control"><input ${field?`data-field="${esc(field)}"`:''} type="checkbox" ${checked?'checked':''}> 사용</label></div>`;}
+
+  function lookupItems(){
+    const list=lookupData[state.lookupEntity]||[];const q=(lookupSearchInput.value||'').trim().toLowerCase();
+    return list.filter(item=>!q||`${item.code} ${item.name} ${item.secondary}`.toLowerCase().includes(q));
+  }
+  function renderLookupResults(){
+    const list=lookupItems();if(state.lookupIndex>=list.length)state.lookupIndex=Math.max(0,list.length-1);
+    lookupResults.innerHTML=list.length?list.map((item,index)=>`<button type="button" class="lookup-result ${index===state.lookupIndex?'active':''}" data-index="${index}" role="option" aria-selected="${index===state.lookupIndex}"><span class="code">${esc(item.code)}</span><span class="copy"><b>${esc(item.name)}</b><small>${esc(item.secondary)}</small></span></button>`).join(''):'<div class="search-empty">조회된 항목이 없습니다.</div>';
+    $('#lookupStatus').textContent=`${list.length}건 · ↑↓ 이동 · Enter 선택 · Esc 닫기`;
+    $$('.lookup-result',lookupResults).forEach((button,index)=>{button.onmousemove=()=>{state.lookupIndex=index;renderLookupResults();};button.onclick=()=>{state.lookupIndex=index;selectLookup();};});
+    $('#lookupSelectButton').disabled=!list.length;
+  }
+  function openLookup(root){
+    if(!root)return;state.lookupEntity=root.dataset.lookup||'';state.lookupField=root.dataset.lookupField||'';state.lookupIndex=0;lookupRestoreFocus=document.activeElement instanceof HTMLElement?document.activeElement:null;
+    const label=root.closest('.form-field')?.querySelector('label')?.textContent?.trim()||'업무';$('#lookupTitle').textContent=`${label} 검색`;$('#lookupSubtitle').textContent='F2 · 코드/명칭 조회';lookupSearchInput.value='';renderLookupResults();
+    if(!lookupDialog.open)lookupDialog.showModal();setTimeout(()=>lookupSearchInput.focus(),0);
+  }
+  function focusAfterLookup(root){
+    const focusables=$$('input:not([disabled]),select:not([disabled]),button:not([disabled]),textarea:not([disabled])',workspace);
+    const current=root?.querySelector('button.lookup-trigger');const index=focusables.indexOf(current);(focusables[index+1]||lookupRestoreFocus)?.focus();
+  }
+  function applyLookupToActive(field,item){
+    if(state.activeId==='ERP-MST-ITEM-001'&&field==='warehouse'&&state.masterDraft){state.masterDraft.warehouseCode=item.code;state.masterDraft.warehouse=item.name;}
+    if(state.activeId==='OMS-ORD-002'){
+      if(field==='customer'){state.transactionHeader.customerCode=item.code;state.transactionHeader.customerName=item.name;}
+      if(field==='warehouse'){state.transactionHeader.warehouseCode=item.code;state.transactionHeader.warehouseName=item.name;}
+    }
+  }
+  function selectLookup(){
+    const list=lookupItems();const item=list[state.lookupIndex];if(!item)return;const root=$(`.lookup[data-lookup-field="${CSS.escape(state.lookupField)}"]`,workspace);
+    if(root){const code=$(`[data-field="${CSS.escape(state.lookupField)}Code"]`,root);const name=$(`[data-field="${CSS.escape(state.lookupField)}Name"]`,root);if(code)code.value=item.code;if(name)name.value=item.name;applyLookupToActive(state.lookupField,item);markDirty(state.activeId,true);}
+    lookupDialog.close();announce(`${item.code} ${item.name}을 선택했습니다.`);toast(`${item.name}을 선택했습니다.`);setTimeout(()=>focusAfterLookup(root),0);
+  }
+  function bindLookups(){
+    $$('.lookup',workspace).forEach(root=>{const trigger=$('.lookup-trigger',root);if(trigger)trigger.onclick=()=>openLookup(root);$$('input',root).forEach(input=>input.onkeydown=e=>{if(e.key==='F2'){e.preventDefault();openLookup(root);}});});
+  }
+  function dataState(kind,title,detail,retryId=''){
+    const action=retryId?btn('다시 조회','primary',retryId):'';
+    return `<section class="data-state ${esc(kind)}" role="status"><strong>${esc(title)}</strong><span>${esc(detail)}</span>${action}</section>`;
+  }
+
+
+  function homeAttentionItems(){
+    return [
+      {source:'실패 작업',title:'송장 발급 실패 3건',detail:'오류 주문 필터로 바로 이동',id:'OMS-ORD-001',critical:true,intent:'order-errors'},
+      {source:'예외',title:'재고부족 주문 7건',detail:'재고부족 필터를 적용해 이동',id:'OMS-ORD-001',critical:true,intent:'order-stock'},
+      {source:'중요 알림',title:'대사 불일치 43건',detail:'불일치만 표시해 이동',id:'COMMON-REC-001',critical:false,intent:'reconcile-mismatch'},
+      {source:'진행 작업',title:state.importJobStatus==='running'?`Excel 주문 반영 ${state.importProgress}%`:state.importJobStatus==='completed'?'Excel 주문 반영 완료':'Excel 주문 업로드 대기',detail:'작업상태 보기',id:'OMS-ORD-003',critical:false,intent:'import-progress'},
+      {source:'미저장',title:'주문등록 수정 중',detail:'저장하지 않은 변경사항 이어서 편집',id:'OMS-ORD-002',critical:false,intent:''},
+      {source:'알림',title:'주소 확인 필요 4건',detail:'배송지 오류 주문만 확인',id:'OMS-ORD-001',critical:false,intent:'order-errors'},
+      {source:'알림',title:'SKU 매칭 실패 2건',detail:'상품 매핑 오류 주문만 확인',id:'OMS-ORD-001',critical:false,intent:'order-errors'},
+      {source:'진행 작업',title:'피킹 작업 1건 지연',detail:'현재 물류작업 Queue에서 확인',id:'WMS-WORK-001',critical:false,intent:''},
+      {source:'알림',title:'품목 바코드 확인 1건',detail:'품목 기준정보에서 확인',id:'ERP-MST-ITEM-001',critical:false,intent:''},
+      {source:'진행 작업',title:'재고 실사 작업 확인',detail:'물류 작업 Queue에서 확인',id:'WMS-WORK-001',critical:false,intent:''},
+      ...Array.from({length:18},(_,index)=>({source:index%3===0?'진행 작업':'알림',title:`추가 확인 업무 ${index+1}`,detail:index%3===0?'작업 센터에서 전체 진행상태 확인':'알림 센터에서 전체 알림 확인',id:index%3===0?'WMS-WORK-001':'OMS-ORD-001',critical:false,intent:''})),
+    ];
+  }
+
+  function attention(source,title,detail,id,critical=false,intent=''){return `<button type="button" class="attention-item ${critical?'critical':''}" data-screen="${esc(id)}" ${intent?`data-intent="${esc(intent)}"`:''}><span class="attention-source">${esc(source)}</span><span class="attention-copy"><b>${esc(title)}</b><small>${esc(detail)}</small></span><span class="attention-action">열기</span><span aria-hidden="true">›</span></button>`;}
+  function continueItem(source,title,detail,id,type){return `<button type="button" class="continue-item" data-screen="${esc(id)}" data-source="${esc(type)}"><span class="continue-source">${esc(source)}</span><span class="continue-copy"><b>${esc(title)}</b><small>${esc(detail)}</small></span><span class="attention-action">${type==='dirty'?'이어서':'열기'}</span><span aria-hidden="true">›</span></button>`;}
+  function homeMenuRow(item){return `<div class="home-menu-row" data-screen="${esc(item.id)}"><button class="open-screen" type="button"><span>${esc(item.title)}</span><small>${esc(item.template)}</small></button><button class="fav ${isFav(item.id)?'on':''}" type="button" aria-label="${isFav(item.id)?'즐겨찾기 해제':'즐겨찾기 추가'}" aria-pressed="${isFav(item.id)}">${isFav(item.id)?'★':'☆'}</button></div>`;}
+  function renderHome(){
+    const allScreens=screens.filter(x=>x.id!=='HOME');const visible=allScreens.filter(x=>state.module==='ALL'||x.module===state.module);const grouped=groupScreens(visible);
+    const moduleKeys=['OMS','ERP','WMS','COMMON'].filter(module=>allScreens.some(item=>item.module===module));
+    const moduleRail=`<nav class="home-module-rail" aria-label="업무 영역 바로가기"><span class="home-module-label">업무영역</span><button type="button" data-home-module="ALL" aria-pressed="${state.module==='ALL'}"><b>전체</b><small>${allScreens.length}개 화면</small></button>${moduleKeys.map(module=>{const items=allScreens.filter(item=>item.module===module);const favoriteCount=items.filter(item=>isFav(item.id)).length;const openCount=state.tabs.filter(tab=>screen(tab.id).module===module).length;return `<button type="button" data-home-module="${esc(module)}" data-module="${esc(module)}" aria-pressed="${state.module===module}"><b>${esc(labelModule(module))}</b><small>${items.length}개 · ★ ${favoriteCount} · 열림 ${openCount}</small></button>`;}).join('')}</nav>`;
+    const dirtyTab=state.tabs.find(t=>t.dirty);const resumedTab=state.tabs.find(t=>t.resumed&&!t.dirty);const regularOpen=state.tabs.find(t=>!t.dirty&&!t.resumed);
+    const allAttention=homeAttentionItems();const attentionCap=24;const visibleAttention=state.homeAttentionExpanded?allAttention.slice(0,attentionCap):allAttention.slice(0,8);const attentionOverflow=Math.max(allAttention.length-visibleAttention.length,0);const attentionToggleLabel=state.homeAttentionExpanded?'상위 8개만 보기':allAttention.length<=attentionCap?`전체 ${allAttention.length}개 보기`:`우선 ${attentionCap}개 보기`;const attentionCenters=state.homeAttentionExpanded&&attentionOverflow?`<div class="attention-centers" aria-label="나머지 확인 항목"><button id="homeJobsAll" class="section-toggle" type="button">작업 센터 전체</button><button id="homeNoticesAll" class="section-toggle" type="button">알림 센터 전체</button></div>`:'';
+    workspace.innerHTML=`<section class="home-page"><header class="home-heading"><div><p>KBX 업무 시작</p><h1>홈</h1><small>검색하고, 이어서 처리하고, 예외만 확인하는 한국형 업무 시작점${state.workspaceDirtyDiscarded?` · 이전 미저장 ${state.workspaceDirtyDiscarded}개는 안전상 복원 제외`:''}</small></div><button class="home-search" id="homeSearch" type="button" aria-keyshortcuts="Control+K"><span>업무 화면 검색</span><kbd>Ctrl K</kbd></button></header>
+      <nav class="home-pulse" aria-label="업무 시작 상태"><button id="homePulseScreens" type="button"><span>사용 가능 화면</span><b>${allScreens.length}</b><small>검색</small></button><button id="homePulseDirty" type="button" ${dirtyTab?'':'disabled'}><span>미저장 업무</span><b>${state.tabs.filter(tab=>tab.dirty).length}</b><small>${dirtyTab?'이어서':'없음'}</small></button><button id="homePulseJobs" type="button"><span>진행 작업</span><b>2</b><small>작업 센터</small></button><button id="homePulseNotices" type="button"><span>새 알림</span><b>4</b><small>알림 센터</small></button></nav>
+      ${moduleRail}
+      <section class="attention-zone"><div class="section-head"><div><h2>확인 필요</h2><small>정상 8,224건은 자동 처리 · 사용자는 예외와 실패만 확인</small></div><div class="section-actions"><span class="section-count">전체 ${allAttention.length}개 · ${visibleAttention.length}개 표시</span><button id="homeAttentionToggle" class="section-toggle" type="button" aria-controls="homeAttentionGrid" aria-expanded="${state.homeAttentionExpanded}">${attentionToggleLabel}</button>${attentionCenters}</div></div><div id="homeAttentionGrid" class="attention-grid">${visibleAttention.map(item=>attention(item.source,item.title,item.detail,item.id,item.critical,item.intent)).join('')}</div></section>
+      <section class="home-section"><div class="section-head"><div><h2>바로 시작</h2><small>미저장 → 열린 업무 → 즐겨찾기 → 최근 순으로 중복 없이 연결</small></div><span class="section-count">업무 문맥 유지</span></div><div class="continue-list">${continueItem('미저장',dirtyTab?.title||'주문등록',dirtyTab?`${screen(dirtyTab.id).module} · 저장하지 않은 변경`:'OMS · 주문 · ORD 임시작성',dirtyTab?.id||'OMS-ORD-002','dirty')}${resumedTab?continueItem('복원',resumedTab.title,`${screen(resumedTab.id).module} · 이전 세션의 업무 위치`,resumedTab.id,'open'):continueItem('열림',regularOpen?.title||'품목관리',regularOpen?`${screen(regularOpen.id).module} · 열린 업무`:'ERP · 기준정보',regularOpen?.id||'ERP-MST-ITEM-001','open')}${continueItem('즐겨찾기','재고현황','ERP · 재고','ERP-INV-001','favorite')}${continueItem('최근','오늘 물류작업','WMS · 작업관리','WMS-WORK-001','recent')}</div></section>
+      <section id="homeExplorer" class="home-section" tabindex="-1"><div class="section-head"><div><h2>${state.module==='ALL'?'전체 업무':`${esc(labelModule(state.module))} 업무`}</h2><small>신규 화면은 빈 Canvas가 아니라 T01~T09 원형에서 시작 · 검증된 업무 문법을 재사용</small></div><div class="section-actions">${state.module!=='ALL'?'<button id="homeShowAll" class="section-toggle" type="button">전체 업무 보기</button>':''}<span class="section-count">${visible.length}개 화면</span></div></div><div class="work-explorer">${[...grouped.entries()].map(([module,groups])=>`<section class="module-column" data-module="${esc(module)}"><div class="module-title"><strong>${esc(labelModule(module))}</strong><span>${module==='OMS'?'주문·채널':module==='ERP'?'기준정보·구매·재고':module==='WMS'?'물류 작업':'공통 운영'}</span><small>${[...groups.values()].flat().length}개</small></div>${[...groups.entries()].map(([group,items])=>`<div class="group-block"><h3>${esc(group)}</h3>${items.map(homeMenuRow).join('')}</div>`).join('')}</section>`).join('')}</div></section>
+    </section>`;
+    $('#homeSearch').onclick=openSearch;$('#homePulseScreens').onclick=openSearch;const pulseDirty=$('#homePulseDirty');if(pulseDirty&&!pulseDirty.disabled)pulseDirty.onclick=()=>openScreen(dirtyTab.id);$('#homePulseJobs').onclick=()=>showSystemPanel('jobs');$('#homePulseNotices').onclick=()=>showSystemPanel('notices');$$('[data-home-module]',workspace).forEach(button=>button.onclick=()=>{state.module=button.dataset.homeModule;$('#moduleSelect').value=state.module;renderNavigation();renderHome();setTimeout(()=>$('#homeExplorer')?.scrollIntoView({block:'start',behavior:'smooth'}),0);});const showAll=$('#homeShowAll');if(showAll)showAll.onclick=()=>{state.module='ALL';$('#moduleSelect').value='ALL';renderNavigation();renderHome();setTimeout(()=>$('#homeExplorer')?.focus({preventScroll:true}),0);};const attentionToggle=$('#homeAttentionToggle');if(attentionToggle)attentionToggle.onclick=()=>{state.homeAttentionExpanded=!state.homeAttentionExpanded;renderHome();};const jobsAll=$('#homeJobsAll');if(jobsAll)jobsAll.onclick=()=>showSystemPanel('jobs');const noticesAll=$('#homeNoticesAll');if(noticesAll)noticesAll.onclick=()=>showSystemPanel('notices');$$('.attention-item',workspace).forEach(b=>b.onclick=()=>b.dataset.intent?applyIntent(b.dataset.intent):openScreen(b.dataset.screen));$$('.continue-item',workspace).forEach(b=>b.onclick=()=>openScreen(b.dataset.screen));$$('.home-menu-row',workspace).forEach(row=>{$('.open-screen',row).onclick=()=>openScreen(row.dataset.screen);$('.fav',row).onclick=()=>toggleFavorite(row.dataset.screen);});
+  }
+
+  function filteredOrders(){
+    let visible=orders;
+    if(state.orderQuickFilter==='new')visible=visible.filter(x=>x.status==='신규');
+    else if(state.orderQuickFilter==='ready')visible=visible.filter(x=>x.status==='출고대기');
+    else if(state.orderQuickFilter==='stock')visible=visible.filter(x=>x.stock.includes('부족'));
+    else if(state.orderQuickFilter==='error')visible=visible.filter(x=>x.exception||x.status==='오류');
+    if(state.orderSearch.channel!=='all')visible=visible.filter(x=>x.channel===state.orderSearch.channel);
+    if(state.orderSearch.status!=='all')visible=visible.filter(x=>x.status===state.orderSearch.status);
+    if(state.orderSearch.exception!=='all')visible=visible.filter(x=>x.exception===state.orderSearch.exception || (state.orderSearch.exception==='재고부족'&&x.stock.includes('부족')));
+    const keyword=state.orderSearch.keyword.trim().toLowerCase();
+    if(keyword)visible=visible.filter(x=>`${x.no} ${x.buyer} ${x.item} ${x.channel} ${x.exception}`.toLowerCase().includes(keyword));
+    return visible;
+  }
+  function searchOption(value,label,current){return `<option value="${esc(value)}" ${current===value?'selected':''}>${esc(label)}</option>`;}
+  function problemSurface(problem){
+    if(!problem)return '';
+    const kind={ 'business-rule':'업무 규칙', permission:'권한', 'not-found':'데이터', integration:'외부 연계', system:'시스템' }[problem.type]||'업무 오류';
+    const tone=['permission','system'].includes(problem.type)?'danger':problem.type==='integration'?(problem.retryable?'warning':'danger'):'warning';
+    const actions=(problem.actions||[]).map(action=>`<button type="button" class="btn secondary" data-problem-action="${esc(action.id)}">${esc(action.label)}</button>`).join('');
+    return `<section class="problem-feedback ${tone}" role="alert" data-problem-type="${esc(problem.type)}"><div class="problem-copy"><div class="problem-heading"><span>${esc(kind)}</span><strong>${esc(problem.title)}</strong></div>${problem.detail?`<p>${esc(problem.detail)}</p>`:''}${problem.correlationId?`<small>참조번호 ${esc(problem.correlationId)}</small>`:''}</div><div class="problem-actions">${actions}${problem.retryable?'<button id="problemRetry" type="button" class="btn secondary">다시 시도</button>':''}<button id="problemDismiss" type="button" class="btn ghost">닫기</button></div></section>`;
+  }
+  function clearProblem(){state.commandProblem=null;}
+
+  function activeOrderSearchCount(){return [state.orderSearch.channel!=='all',state.orderSearch.status!=='all',Boolean(state.orderSearch.keyword.trim()),state.orderSearch.exception!=='all'].filter(Boolean).length;}
+  function safeOrderDefaults(){return {channel:['all','쿠팡','스마트스토어','자사몰','11번가'].includes(state.orderSearch.channel)?state.orderSearch.channel:'all',status:['all','신규','출고대기','할당완료','보류','오류'].includes(state.orderSearch.status)?state.orderSearch.status:'all',exception:['all','재고부족','주소확인','송장실패'].includes(state.orderSearch.exception)?state.orderSearch.exception:'all'};}
+  function saveOrderDefaults(message){state.orderSavedDefaults=safeOrderDefaults();persist();toast(message||'현재 조회조건을 기본조건으로 저장했습니다. 자유검색어는 저장하지 않습니다.');}
+  function orderSearchPanel(){
+    const advanced=state.orderAdvanced?`<div class="search-advanced"><label class="field-inline"><span>택배사</span><select class="control" disabled title="Reference Lab: 택배사 데이터셋 미포함"><option>전체</option></select></label><label class="field-inline"><span>창고</span><select class="control" disabled title="Reference Lab: 창고 검색 데이터셋 미포함"><option>전체</option></select></label><label class="field-inline"><span>오류유형</span><select id="orderException" class="control">${searchOption('all','전체',state.orderSearch.exception)}${searchOption('재고부족','재고부족',state.orderSearch.exception)}${searchOption('주소확인','주소확인',state.orderSearch.exception)}${searchOption('송장실패','송장실패',state.orderSearch.exception)}</select></label><label class="search-preference"><input id="rememberOrderSearch" type="checkbox" ${state.orderRememberSearch?'checked':''}><span>마지막 조회조건 기억</span><small>주문자·주문번호·상품 자유검색어는 저장하지 않음</small></label></div>`:'';
+    const activeCount=activeOrderSearchCount();
+    return `<form class="search-panel ${state.orderAdvanced?'expanded':''}" id="orderSearchForm"><div class="search-fields"><label class="field-inline"><span>기간</span><input id="orderPeriod" class="control medium" value="2026-08-11 ~ 2026-08-11" readonly aria-label="주문기간"></label><label class="field-inline"><span>판매채널</span><select id="orderChannel" class="control">${searchOption('all','전체',state.orderSearch.channel)}${searchOption('쿠팡','쿠팡',state.orderSearch.channel)}${searchOption('스마트스토어','스마트스토어',state.orderSearch.channel)}${searchOption('자사몰','자사몰',state.orderSearch.channel)}${searchOption('11번가','11번가',state.orderSearch.channel)}</select></label><label class="field-inline"><span>상태</span><select id="orderStatus" class="control">${searchOption('all','전체',state.orderSearch.status)}${searchOption('신규','신규',state.orderSearch.status)}${searchOption('출고대기','출고대기',state.orderSearch.status)}${searchOption('할당완료','할당완료',state.orderSearch.status)}${searchOption('보류','보류',state.orderSearch.status)}${searchOption('오류','오류',state.orderSearch.status)}</select></label><label class="field-inline"><span>통합검색</span><input id="orderKeyword" class="control wide" value="${esc(state.orderSearch.keyword)}" placeholder="주문번호/주문자/상품" maxlength="80"></label></div><div class="search-actions">${btn('조회','primary','searchExecute')}${btn(state.orderAdvanced?`상세조건 ${activeCount?`(${activeCount})`:''} 닫기`:`상세조건${activeCount?` ${activeCount}`:''}`,'','toggleAdvanced')}${btn('초기화','','searchReset')}${btn('기본조건 저장','','saveOrderDefaults')}</div>${advanced}</form>`;
+  }
+  function captureOrderSearch(){
+    state.orderSearch.channel=$('#orderChannel')?.value||'all';
+    state.orderSearch.status=$('#orderStatus')?.value||'all';
+    state.orderSearch.keyword=$('#orderKeyword')?.value||'';
+    state.orderSearch.exception=$('#orderException')?.value||state.orderSearch.exception||'all';
+    const remember=$('#rememberOrderSearch');if(remember)state.orderRememberSearch=remember.checked;
+  }
+  function orderRows(){
+    return filteredOrders().map((order,index)=>`<tr class="order-data-row ${state.selectedOrders.has(order.no)?'selected-row':''}" data-order-row="${esc(order.no)}" tabindex="${index===0?'0':'-1'}"><td class="center"><input type="checkbox" aria-label="${esc(order.no)} 선택" data-order="${esc(order.no)}" ${state.selectedOrders.has(order.no)?'checked':''}></td><td><a href="#" class="link order-link" data-order="${esc(order.no)}">${esc(order.no)}</a></td><td>${esc(order.channel)}</td><td class="center">${esc(order.time)}</td><td>${esc(order.buyer)}</td><td>${esc(order.item)}</td><td class="num">${order.qty.toLocaleString('ko-KR')}</td><td class="num">₩${order.amount.toLocaleString('ko-KR')}</td><td class="center ${order.stock.includes('부족')?'warn':''}">${esc(order.stock)}</td><td class="center ${order.status==='오류'?'error':''}">${esc(order.status)}</td><td class="${order.exception?'error':''}">${esc(order.exception||'-')}</td></tr>`).join('');
+  }
+  function renderOrderData(){
+    if(state.orderDataState==='loading')return dataState('loading','조회 중...','기존 조회조건을 유지한 채 데이터를 불러오고 있습니다.');
+    if(state.orderDataState==='empty')return dataState('empty','조회된 주문이 없습니다.','조회조건을 변경하거나 초기화해 보세요.','orderRetry');
+    if(state.orderDataState==='error')return dataState('error','주문을 조회하지 못했습니다.','네트워크 연결을 확인한 후 다시 시도하세요. 입력한 조회조건은 보존됩니다.','orderRetry');
+    const visible=filteredOrders();
+    if(!visible.length)return dataState('empty','현재 필터에 해당하는 주문이 없습니다.','다른 빠른 필터를 선택해 보세요.');
+    const allSelected=visible.every(x=>state.selectedOrders.has(x.no));
+    const table=grid([`<input>`,'주문번호','채널','주문시각','주문자','대표상품','수량','주문금액','재고','출고상태','오류'],orderRows(),{caption:'주문 조회 결과'}).replace('<th scope="col">&lt;input&gt;</th>',`<th scope="col" class="center"><input id="selectVisibleOrders" type="checkbox" aria-label="현재 표시된 주문 전체 선택" ${allSelected?'checked':''}></th>`);
+    return table;
+  }
+  function renderT01(s){
+    const selection=state.selectedOrders.size;
+    const quick=[['all','전체','8,241'],['new','신규','2,138'],['ready','출고대기','927'],['stock','재고부족','7'],['error','처리오류','16']];
+    const body=`${problemSurface(state.commandProblem)}${orderSearchPanel()}<div class="quick-filter" role="group" aria-label="주문 빠른 필터">${quick.map(([key,label,count])=>`<button type="button" data-order-filter="${key}" class="${state.orderQuickFilter===key?'active':''} ${['stock','error'].includes(key)?'danger':''}" aria-pressed="${state.orderQuickFilter===key}"><small>${esc(label)}</small><b>${esc(count)}</b></button>`).join('')}</div><div class="context-bar"><strong>오늘 주문</strong><span>조회 8,241건</span><span>표시 ${filteredOrders().length}건</span><span>선택 <b id="selectionContext">${selection}</b>건</span><span>오류 16건</span></div><div id="bulkBar" class="bulk-bar" ${selection?'':'hidden'}><strong><span id="bulkCount">${selection}</span>건 선택</strong>${btn('출고지시','primary','bulkShip')}${btn('보류')}${btn('담당자 변경')}${btn('택배사 변경')}</div><div id="orderDataRegion">${renderOrderData()}</div><div class="summary-bar"><span>전체 8,241건</span><span>선택 <strong id="selectionSummary">${selection}</strong>건</span><span>상품수량 12,824</span><span>금액 <strong>₩182,420,300</strong></span></div>`;
+    const commands=`<div class="command-group">${btn('조회 F3','','commandSearch')}${btn('신규','','commandNew')}${btn('주문복사')}</div><span class="command-separator"></span><div class="command-group">${btn('출고지시','primary','commandShip',selection===0)}${btn('보류','','commandHold',selection===0)}</div><span class="command-separator"></span><div class="command-group">${btn('인쇄')}${btn('엑셀 ▼')}</div>`;
+    workspace.innerHTML=pageShell(s,body,commands);bindPageTools(s);bindT01();
+  }
+  function executeOrderSearch(){ clearProblem();captureOrderSearch();if(state.orderRememberSearch){state.orderSavedDefaults=safeOrderDefaults();persist();}state.selectedOrders.clear();state.orderDataState='loading';renderT01(screen('OMS-ORD-001'));setTimeout(()=>{state.orderDataState='ready';renderT01(screen('OMS-ORD-001'));toast(`현재 조건으로 ${filteredOrders().length}건을 조회했습니다.${state.orderRememberSearch?' 안전한 조회조건을 기억했습니다.':''}`);},260); }
+  function bindT01(){
+    $('#orderSearchForm').onsubmit=e=>{e.preventDefault();executeOrderSearch()};$('#searchExecute').onclick=executeOrderSearch;$('#commandSearch').onclick=executeOrderSearch;
+    $('#toggleAdvanced').onclick=()=>{captureOrderSearch();state.orderAdvanced=!state.orderAdvanced;renderT01(screen('OMS-ORD-001'));};
+    $('#searchReset').onclick=()=>{clearProblem();state.orderQuickFilter='all';state.orderAdvanced=false;state.orderSearch={channel:'all',status:'all',keyword:'',exception:'all'};state.selectedOrders.clear();state.orderDataState='ready';renderT01(screen('OMS-ORD-001'));toast('조회조건을 초기화했습니다.');};
+    const saveDefaults=$('#saveOrderDefaults');if(saveDefaults)saveDefaults.onclick=()=>{captureOrderSearch();saveOrderDefaults();renderT01(screen('OMS-ORD-001'));};
+    const remember=$('#rememberOrderSearch');if(remember)remember.onchange=()=>{captureOrderSearch();state.orderRememberSearch=remember.checked;if(remember.checked)state.orderSavedDefaults=safeOrderDefaults();persist();toast(remember.checked?'마지막 조회조건 기억을 켰습니다. 자유검색어는 저장하지 않습니다.':'마지막 조회조건 기억을 껐습니다.');renderT01(screen('OMS-ORD-001'));};
+    const retry=$('#orderRetry');if(retry)retry.onclick=executeOrderSearch;
+    $$('[data-order-filter]',workspace).forEach(button=>button.onclick=()=>{clearProblem();state.orderQuickFilter=button.dataset.orderFilter;state.selectedOrders.clear();state.orderDataState='ready';renderT01(screen('OMS-ORD-001'));announce(`${button.textContent.trim()} 필터를 적용했습니다.`);});
+    $$('input[data-order]',workspace).forEach(cb=>cb.onchange=()=>{cb.checked?state.selectedOrders.add(cb.dataset.order):state.selectedOrders.delete(cb.dataset.order);renderT01(screen('OMS-ORD-001'));});
+    const all=$('#selectVisibleOrders');if(all)all.onchange=()=>{filteredOrders().forEach(order=>all.checked?state.selectedOrders.add(order.no):state.selectedOrders.delete(order.no));renderT01(screen('OMS-ORD-001'));};
+    $$('.order-link',workspace).forEach(link=>link.onclick=e=>{e.preventDefault();showOrderDetail(link.dataset.order);});
+    const orderRows=$$('.order-data-row',workspace);orderRows.forEach((row,index)=>row.onkeydown=e=>{
+      if(['INPUT','A','BUTTON'].includes(e.target?.tagName))return;
+      if(e.key==='ArrowDown'||e.key==='ArrowUp'){e.preventDefault();const next=Math.max(0,Math.min(orderRows.length-1,index+(e.key==='ArrowDown'?1:-1)));orderRows.forEach((x,i)=>x.tabIndex=i===next?0:-1);orderRows[next]?.focus();}
+      else if(e.key===' '){e.preventDefault();const no=row.dataset.orderRow;no&&(state.selectedOrders.has(no)?state.selectedOrders.delete(no):state.selectedOrders.add(no));renderT01(screen('OMS-ORD-001'));setTimeout(()=>$$('.order-data-row',workspace)[index]?.focus(),0);}
+      else if(e.key==='Enter'){e.preventDefault();showOrderDetail(row.dataset.orderRow);}
+    });
+    for(const id of ['bulkShip','commandShip']){const b=$('#'+id);if(b)b.onclick=()=>{if(!state.selectedOrders.size)return;const selected=orders.filter(order=>state.selectedOrders.has(order.no));const blocked=selected.filter(order=>Boolean(order.exception));if(blocked.length){state.commandProblem={type:'business-rule',title:'출고할 수 없는 주문이 포함되어 있습니다.',detail:`${blocked.length}건은 재고·주소·송장 예외를 먼저 해결해야 합니다. 정상 주문은 이 Reference Lab에서 임의 처리하지 않습니다.`,actions:[{id:'show-blocked',label:`문제 ${blocked.length}건만 선택`}],retryable:false};renderT01(screen('OMS-ORD-001'));return;}toast(`${state.selectedOrders.size}건 출고지시를 요청했습니다.`);};}const dismiss=$('#problemDismiss');if(dismiss)dismiss.onclick=()=>{clearProblem();renderT01(screen('OMS-ORD-001'));};$$('[data-problem-action="show-blocked"]',workspace).forEach(button=>button.onclick=()=>{const blocked=orders.filter(order=>state.selectedOrders.has(order.no)&&order.exception);state.selectedOrders=new Set(blocked.map(order=>order.no));state.orderQuickFilter='all';state.orderSearch.exception='all';clearProblem();renderT01(screen('OMS-ORD-001'));announce(`문제 주문 ${blocked.length}건만 선택했습니다.`);});
+    const newButton=$('#commandNew');if(newButton)newButton.onclick=()=>openScreen('OMS-ORD-002');
+  }
+  function showOrderDetail(orderNo){
+    const order=orders.find(x=>x.no===orderNo);if(!order)return;drawerRestoreFocus=document.activeElement instanceof HTMLElement?document.activeElement:null;
+    openDrawerContent(`주문 ${order.no}`,`<div class="detail-status"><span class="status-chip">${esc(order.status)}</span>${order.exception?`<span class="status-chip danger">${esc(order.exception)}</span>`:''}</div><div class="detail-list"><div class="detail-row"><span>판매채널</span><strong>${esc(order.channel)}</strong></div><div class="detail-row"><span>주문자</span><strong>${esc(order.buyer)} / 010-****-1234</strong></div><div class="detail-row"><span>대표상품</span><strong>${esc(order.item)}</strong></div><div class="detail-row"><span>주문금액</span><strong>₩${order.amount.toLocaleString('ko-KR')}</strong></div><div class="detail-row"><span>예외</span><strong>${esc(order.exception||'없음')}</strong></div></div><h3>처리이력</h3><div class="detail-list"><div class="detail-row"><span>16:42</span><strong>주문수집</strong></div><div class="detail-row"><span>16:43</span><strong>결제확인</strong></div><div class="detail-row"><span>16:45</span><strong>재고할당</strong></div></div><div class="drawer-actions">${btn('전체 상세')}${btn('출고지시','primary','drawerShip',Boolean(order.exception))}</div>`);
+  }
+  function closeDrawer(){drawer.classList.remove('open');drawer.setAttribute('aria-hidden','true');drawerBackdrop.hidden=true;setBackgroundInert(false);const restore=drawerRestoreFocus;drawerRestoreFocus=null;restore?.focus();}
+
+  function masterDraftFrom(item){return item?{...item}:{id:'',name:'',group:'',spec:'',unit:'EA',warehouse:'',warehouseCode:'',barcode:'',lot:false,expiry:false,status:'사용'};}
+  function loadMasterDraft(id){const item=masterItems.find(x=>x.id===id);state.selectedMasterId=item?.id||'';state.masterMode='edit';state.masterDraft=masterDraftFrom(item||masterItems[0]);state.masterErrors={};}
+  function validateMasterDraft(){
+    const draft=state.masterDraft||masterDraftFrom();const errors={};
+    if(!draft.id.trim())errors.id='품목코드를 입력하세요.';
+    if(!draft.name.trim())errors.name='품목명을 입력하세요.';
+    if(!draft.warehouseCode.trim())errors.warehouse='기본창고를 선택하세요.';
+    if(state.masterMode==='new'&&masterItems.some(item=>item.id===draft.id.trim()))errors.id='이미 사용 중인 품목코드입니다.';
+    state.masterErrors=errors;return Object.keys(errors).length===0;
+  }
+  function masterValidationSummary(){const entries=Object.entries(state.masterErrors);return entries.length?`<div class="validation-summary" role="alert"><strong>저장할 수 없습니다. ${entries.length}개 항목을 확인하세요.</strong>${entries.map(([field,message])=>`<button type="button" data-master-error="${esc(field)}">${esc(message)}</button>`).join('')}</div>`:'';}
+  function performMasterTarget(target){
+    if(target==='__NEW__'){state.selectedMasterId='';state.masterMode='new';state.masterDraft=masterDraftFrom();state.masterErrors={};renderT02(screen('ERP-MST-ITEM-001'));setTimeout(()=>$('[data-field="code"]',workspace)?.focus(),0);return;}
+    if(target==='__COPY__'){const source=state.masterDraft||masterItems.find(x=>x.id===state.selectedMasterId)||masterItems[0];state.selectedMasterId='';state.masterMode='new';state.masterDraft={...masterDraftFrom(source),id:'',barcode:'',status:'사용'};state.masterErrors={};renderT02(screen('ERP-MST-ITEM-001'));setTimeout(()=>$('[data-field="code"]',workspace)?.focus(),0);return;}
+    loadMasterDraft(target);renderT02(screen('ERP-MST-ITEM-001'));
+  }
+  function requestMasterTarget(target){const tab=state.tabs.find(x=>x.id==='ERP-MST-ITEM-001');if(tab?.dirty){state.pendingMasterId=target;state.pendingUnsavedMode='master-select';$('#unsavedMessage').textContent='현재 품목에 저장하지 않은 변경사항이 있습니다. 저장하거나 변경을 버린 뒤 다른 품목으로 전환하세요.';if(!unsavedDialog.open)unsavedDialog.showModal();return;}performMasterTarget(target);}
+  function saveMaster(){
+    if(!validateMasterDraft()){renderT02(screen('ERP-MST-ITEM-001'));setTimeout(()=>$('[data-master-error]',workspace)?.focus(),0);return false;}
+    const draft={...state.masterDraft,id:state.masterDraft.id.trim(),name:state.masterDraft.name.trim(),warehouseCode:state.masterDraft.warehouseCode.trim()};
+    if(state.masterMode==='new'){masterItems.push(draft);state.selectedMasterId=draft.id;state.masterMode='edit';}
+    else{const current=masterItems.find(x=>x.id===state.selectedMasterId);if(current)Object.assign(current,draft);}
+    state.masterDraft={...draft};state.masterErrors={};markDirty('ERP-MST-ITEM-001',false);renderT02(screen('ERP-MST-ITEM-001'));toast('품목을 저장했습니다.');return true;
+  }
+  function renderT02(s){
+    if(!state.masterDraft)loadMasterDraft(state.selectedMasterId);
+    const draft=state.masterDraft;
+    const q=state.masterQuery.trim().toLowerCase();const visible=masterItems.filter(x=>!q||`${x.id} ${x.name} ${x.group}`.toLowerCase().includes(q));
+    const rows=visible.map(x=>`<tr class="${x.id===state.selectedMasterId?'selected-row':''}"><td><button type="button" class="row-link master-select" data-item="${esc(x.id)}">${esc(x.id)}</button></td><td>${esc(x.name)}</td><td>${esc(x.group)}</td><td class="center">${esc(x.status)}</td></tr>`).join('');
+    const modeLabel=state.masterMode==='new'?'신규 품목':'품목 상세';
+    const body=`${masterValidationSummary()}<div class="master-layout"><aside class="master-pane"><form class="search-panel" id="masterSearchForm"><div class="search-fields"><label class="field-inline"><span>검색</span><input id="masterQueryInput" class="control medium" value="${esc(state.masterQuery)}" placeholder="품목코드/품목명"></label></div><div class="search-actions">${btn('조회','primary','masterSearch')}</div></form><div class="context-bar"><strong>품목 목록</strong><span>표시 ${visible.length}건</span><span>${state.masterMode==='new'?'신규 입력 중':`선택 ${esc(state.selectedMasterId)}`}</span></div>${grid(['품목코드','품목명','그룹','상태'],rows,{caption:'품목 목록'})}</aside><main class="detail-pane"><div class="pane-header"><strong>${modeLabel}</strong><span>${state.masterMode==='new'?'고유 식별자와 Barcode는 새로 입력':'목록을 바꾸기 전에 미저장 상태를 확인'}</span></div><section class="form-section"><h2>기본정보</h2><div class="form-grid">${formField('품목코드',draft.id,{required:true,name:'code',readonly:state.masterMode!=='new'})}${formField('품목명',draft.name,{required:true,name:'name'})}${formField('품목그룹',draft.group,{name:'group'})}${formField('규격',draft.spec,{name:'spec'})}${formField('단위',draft.unit,{name:'unit'})}</div></section><section class="form-section"><h2>물류정보</h2><div class="form-grid">${lookupField('기본창고',draft.warehouseCode,draft.warehouse,{field:'warehouse'})}${formField('바코드',draft.barcode,{name:'barcode'})}${checkboxField('LOT 관리',draft.lot,{field:'lot'})}${checkboxField('유통기한 관리',draft.expiry,{field:'expiry'})}</div></section><div class="summary-bar"><span>상태 <strong>${esc(draft.status)}</strong></span><span>Mode <strong>${esc(state.masterMode)}</strong></span><span>Version 17</span><button id="auditButton" type="button" class="text-action">변경이력</button></div></main></div>`;
+    const commands=`<div class="command-group">${btn('조회 F3','','masterSearchTop')}${btn('신규','','masterNew')}${btn('저장 F8','primary','masterSave')}${btn('복사','','masterCopy')}</div><span class="command-separator"></span><div class="command-group">${btn(draft.status==='사용'?'사용중지':'사용재개','danger','masterSuspend')}${btn('엑셀 ▼')}</div>`;
+    workspace.innerHTML=pageShell(s,body,commands);bindPageTools(s);bindT02();
+  }
+  function bindT02(){
+    bindLookups();
+    $$('.master-select',workspace).forEach(button=>button.onclick=()=>requestMasterTarget(button.dataset.item));
+    $$('[data-field]',workspace).forEach(input=>{if(input.readOnly)return;const event=input.type==='checkbox'?'change':'input';input.addEventListener(event,()=>{if(!state.masterDraft)return;const key=input.dataset.field;if(key==='warehouseName')return;if(key==='code')state.masterDraft.id=input.value;else if(key==='warehouseCode'){state.masterDraft.warehouseCode=input.value;state.masterDraft.warehouse='';}else state.masterDraft[key]=input.type==='checkbox'?input.checked:input.value;state.masterErrors={};markDirty('ERP-MST-ITEM-001',true);});});
+    $$('[data-master-error]',workspace).forEach(button=>button.onclick=()=>{const field=button.dataset.masterError;const target=field==='warehouse'?$('.lookup-trigger',workspace):$(`[data-field="${CSS.escape(field==='id'?'code':field)}"]`,workspace);target?.focus();});
+    const runSearch=()=>{state.masterQuery=$('#masterQueryInput')?.value||'';renderT02(screen('ERP-MST-ITEM-001'));};
+    $('#masterSearchForm').onsubmit=e=>{e.preventDefault();runSearch();};$('#masterSearch').onclick=runSearch;$('#masterSearchTop').onclick=runSearch;
+    $('#masterSave').onclick=saveMaster;$('#masterNew').onclick=()=>requestMasterTarget('__NEW__');$('#masterCopy').onclick=()=>requestMasterTarget('__COPY__');
+    $('#masterSuspend').onclick=()=>{state.masterDraft.status=state.masterDraft.status==='사용'?'중지':'사용';markDirty('ERP-MST-ITEM-001',true);renderT02(screen('ERP-MST-ITEM-001'));};
+    $('#auditButton').onclick=()=>showUtilityPanel(screen('ERP-MST-ITEM-001'),'help');
+  }
+
+  function transactionTotals(){const valid=state.transactionLines.filter(line=>line.code);return {items:valid.length,qty:valid.reduce((sum,line)=>sum+Number(line.qty||0),0),amount:valid.reduce((sum,line)=>sum+Number(line.qty||0)*Number(line.price||0),0)};}
+  function validateTransaction(){
+    const h=state.transactionHeader;const errors=[];
+    if(!h.orderDate.trim())errors.push({field:'orderDate',message:'주문일을 입력하세요.'});
+    if(!h.customerCode.trim())errors.push({field:'customerCode',message:'거래처를 선택하세요.'});
+    if(!h.warehouseCode.trim())errors.push({field:'warehouseCode',message:'출고창고를 선택하세요.'});
+    if(!h.receiver.trim())errors.push({field:'receiver',message:'수취인을 입력하세요.'});
+    if(!h.address.trim())errors.push({field:'address',message:'주소를 입력하세요.'});
+    state.transactionLines.forEach((line,index)=>{if(!line.code)return;if(Number(line.qty)<=0)errors.push({row:index,field:'qty',message:`${index+1}행 수량은 0보다 커야 합니다.`});if(Number(line.price)<0)errors.push({row:index,field:'price',message:`${index+1}행 단가는 0 이상이어야 합니다.`});});
+    if(!state.transactionLines.some(line=>line.code))errors.push({field:'lines',message:'품목을 1개 이상 입력하세요.'});
+    state.transactionErrors=errors;return errors.length===0;
+  }
+  function transactionValidationSummary(){return state.transactionErrors.length?`<div class="validation-summary" role="alert"><strong>저장할 수 없습니다. ${state.transactionErrors.length}개 항목을 확인하세요.</strong>${state.transactionErrors.map((error,index)=>`<button type="button" data-transaction-error="${index}">${esc(error.message)}</button>`).join('')}</div>`:'';}
+  function resetTransaction(){state.transactionStatus='작성';state.transactionErrors=[];state.transactionHeader={orderDate:'2026-08-11',channel:'직접주문',customerCode:'',customerName:'',owner:'홍길동',warehouseCode:'WH01',warehouseName:'서울물류센터',receiver:'',phone:'',postal:'',address:''};state.transactionLines=[{code:'',name:'',spec:'',available:0,qty:1,price:0,remark:''}];markDirty('OMS-ORD-002',true);renderT03(screen('OMS-ORD-002'));setTimeout(()=>$('[data-field="customerCode"]',workspace)?.focus(),0);}
+  function renderT03(s){
+    const h=state.transactionHeader;const totals=transactionTotals();
+    const lineRows=state.transactionLines.map((line,rowIndex)=>`<tr><td><input class="cell-editor" data-line-row="${rowIndex}" data-line-field="code" value="${esc(line.code)}" aria-label="${rowIndex+1}행 품목코드"></td><td>${esc(line.name||fastName(line.code))}</td><td>${esc(line.spec)}</td><td class="num">${Number(line.available||0).toLocaleString('ko-KR')}</td><td class="num"><input class="cell-editor num" data-line-row="${rowIndex}" data-line-field="qty" inputmode="decimal" value="${esc(line.qty)}" aria-label="${rowIndex+1}행 수량"></td><td class="num"><input class="cell-editor num" data-line-row="${rowIndex}" data-line-field="price" inputmode="decimal" value="${Number(line.price||0).toLocaleString('ko-KR')}" aria-label="${rowIndex+1}행 단가"></td><td class="num">${(Number(line.qty||0)*Number(line.price||0)).toLocaleString('ko-KR')}</td><td><input class="cell-editor" data-line-row="${rowIndex}" data-line-field="remark" value="${esc(line.remark||'')}" aria-label="${rowIndex+1}행 비고"></td></tr>`).join('');
+    const body=`${transactionValidationSummary()}<div class="transaction-layout"><section class="workflow-strip">${['작성','확정','할당','피킹','검수','출고'].map(status=>`<span class="${state.transactionStatus===status?'active':''}">${status}</span>`).join('')}<strong>현재: ${esc(state.transactionStatus)} · ${state.transactionStatus==='작성'?'다음: 저장/확정':'확정 이후 주요 값은 서버 업무 규칙으로 제한'}</strong></section><section class="form-section"><h2>기본정보</h2><div class="form-grid">${formField('주문일',h.orderDate,{required:true,name:'orderDate'})}${formField('판매채널',h.channel,{name:'channel'})}${lookupField('거래처',h.customerCode,h.customerName,{field:'customer'})}${formField('담당자',h.owner,{name:'owner'})}${lookupField('출고창고',h.warehouseCode,h.warehouseName,{field:'warehouse'})}</div></section><section class="form-section"><h2>배송정보</h2><div class="form-grid">${formField('수취인',h.receiver,{required:true,name:'receiver'})}${formField('연락처',h.phone,{name:'phone'})}${formField('우편번호',h.postal,{name:'postal'})}${formField('주소',h.address,{required:true,name:'address'})}</div></section><section class="detail-grid-section"><div class="pane-header"><strong>상품</strong><span>코드·수량·단가 직접 편집 · Enter 다음 셀</span><button id="transactionAddLine" type="button" class="text-action">+ 행추가</button></div>${grid(['품목코드','품목명','규격','가용재고','수량','단가','금액','비고'],lineRows,{caption:'주문 품목 상세'})}</section><div class="summary-bar"><span>품목 <strong id="transactionItemCount">${totals.items}종</strong></span><span>총수량 <strong id="transactionQty">${totals.qty.toLocaleString('ko-KR')}</strong></span><span>주문금액 <strong id="transactionAmount">₩${totals.amount.toLocaleString('ko-KR')}</strong></span><span>상태 <strong>${esc(state.transactionStatus)}</strong></span></div></div>`;
+    const commands=`<div class="command-group">${btn('신규','','transactionNew')}${btn('저장 F8','primary','saveTransaction')}${btn('주문복사','','transactionCopy')}</div><span class="command-separator"></span><div class="command-group">${btn('확정','','confirmTransaction',state.transactionStatus!=='작성')}${btn('엑셀 ▼')}</div>`;
+    workspace.innerHTML=pageShell(s,body,commands);bindPageTools(s);bindT03();
+  }
+  function bindT03(){
+    bindLookups();
+    $$('[data-field]',workspace).forEach(input=>{if(input.readOnly)return;input.addEventListener('input',()=>{const key=input.dataset.field;if(key==='customerCode'){state.transactionHeader.customerCode=input.value;state.transactionHeader.customerName='';}else if(key==='warehouseCode'){state.transactionHeader.warehouseCode=input.value;state.transactionHeader.warehouseName='';}else if(key in state.transactionHeader)state.transactionHeader[key]=input.value;state.transactionErrors=[];markDirty('OMS-ORD-002',true);});});
+    const editors=$$('.cell-editor',workspace);editors.forEach((editor,index)=>{editor.oninput=()=>{const line=state.transactionLines[Number(editor.dataset.lineRow)];const field=editor.dataset.lineField;let value=editor.value;if(['qty','price'].includes(field))value=Number(String(value).replaceAll(',',''))||0;line[field]=value;if(field==='code')line.name=fastName(String(value).trim());state.transactionErrors=[];markDirty('OMS-ORD-002',true);const totals=transactionTotals();$('#transactionItemCount').textContent=`${totals.items}종`;$('#transactionQty').textContent=totals.qty.toLocaleString('ko-KR');$('#transactionAmount').textContent=`₩${totals.amount.toLocaleString('ko-KR')}`;};editor.onkeydown=e=>{if(e.key==='Enter'){e.preventDefault();editors[Math.min(index+1,editors.length-1)]?.focus();}};});
+    $$('[data-transaction-error]',workspace).forEach(button=>button.onclick=()=>{const error=state.transactionErrors[Number(button.dataset.transactionError)];if(!error)return;if(Number.isInteger(error.row))$(`[data-line-row="${error.row}"][data-line-field="${CSS.escape(error.field)}"]`,workspace)?.focus();else if(error.field==='customerCode')$('.lookup[data-lookup-field="customer"] .lookup-trigger',workspace)?.focus();else if(error.field==='warehouseCode')$('.lookup[data-lookup-field="warehouse"] .lookup-trigger',workspace)?.focus();else $(`[data-field="${CSS.escape(error.field)}"]`,workspace)?.focus();});
+    $('#transactionAddLine').onclick=()=>{state.transactionLines.push({code:'',name:'',spec:'',available:0,qty:1,price:0,remark:''});markDirty('OMS-ORD-002',true);renderT03(screen('OMS-ORD-002'));setTimeout(()=>$$('.cell-editor',workspace).at(-4)?.focus(),0);};
+    $('#saveTransaction').onclick=()=>{if(!validateTransaction()){renderT03(screen('OMS-ORD-002'));return;}markDirty('OMS-ORD-002',false);toast('주문을 저장했습니다. 서버 최종 검증을 통과한 것으로 가정한 FE Reference 상태입니다.');};
+    $('#confirmTransaction').onclick=()=>{const tab=state.tabs.find(x=>x.id==='OMS-ORD-002');if(tab?.dirty){toast('저장하지 않은 변경이 있습니다. 먼저 저장하세요.','error');return;}if(!validateTransaction()){renderT03(screen('OMS-ORD-002'));return;}state.transactionStatus='확정';renderT03(screen('OMS-ORD-002'));toast('주문 상태를 확정으로 전환했습니다. 실제 제품에서는 Domain이 최종 검증합니다.');};
+    $('#transactionNew').onclick=()=>{const tab=state.tabs.find(x=>x.id==='OMS-ORD-002');if(tab?.dirty){toast('현재 주문의 미저장 변경을 먼저 저장하거나 버리세요.','error');return;}resetTransaction();};
+    $('#transactionCopy').onclick=()=>{if(state.tabs.find(x=>x.id==='OMS-ORD-002')?.dirty){toast('미저장 변경을 먼저 처리하세요.','error');return;}state.transactionStatus='작성';state.transactionErrors=[];state.transactionHeader={...state.transactionHeader,receiver:'',phone:'',postal:'',address:''};state.transactionLines=state.transactionLines.map(line=>({...line}));markDirty('OMS-ORD-002',true);renderT03(screen('OMS-ORD-002'));toast('주문을 복사했습니다. 수취/배송정보를 새 주문에 맞게 입력하세요.');};
+  }
+
+  function fastName(code){return ({ABC001:'운동화',ABC002:'러닝화',ABC003:'양말',ABC004:'셔츠'})[code]||'';}
+  function fastErrorCount(){return state.fastRows.reduce((sum,row)=>sum+(row.code&&(!row.price||Number(String(row.price).replaceAll(',',''))<=0)?1:0),0);}
+  function renderT04(s){
+    const rows=state.fastRows.map((row,index)=>`<tr><td class="center">${index+1}</td><td><input class="fast-cell" data-row="${index}" data-field="code" value="${esc(row.code)}" aria-label="${index+1}행 품목코드"></td><td>${esc(row.name||fastName(row.code))}</td><td class="num"><input class="fast-cell num ${row.code&&(!row.price||Number(String(row.price).replaceAll(',',''))<=0)?'invalid':''}" data-row="${index}" data-field="price" value="${esc(row.price)}" aria-label="${index+1}행 단가"></td><td><input class="fast-cell" data-row="${index}" data-field="date" value="${esc(row.date)}" aria-label="${index+1}행 적용일"></td><td><input class="fast-cell" data-row="${index}" data-field="remark" value="${esc(row.remark)}" aria-label="${index+1}행 비고"></td></tr>`).join('');
+    const inputCount=state.fastRows.filter(x=>x.code).length;const errorCount=fastErrorCount();
+    const body=`<div class="context-bar"><strong>Fast Entry</strong><span>Enter = 다음 입력 셀</span><span>Ctrl+V = 다중 Cell 붙여넣기</span><span>F2 = 품목 Lookup</span><span class="${errorCount?'error':''}">오류 ${errorCount}개</span></div>${grid(['#','품목코드','품목명','단가','적용일','비고'],rows,{caption:'품목단가 빠른 입력'})}<div class="summary-bar"><span>입력 ${inputCount}행</span><span>오류 <strong>${errorCount}</strong></span><span>빈 행 ${state.fastRows.length-inputCount}</span></div>`;
+    const commands=`<div class="command-group">${btn('저장 F8','primary','fastSave',errorCount>0)}${btn('행추가','','fastAdd')}${btn('행복제','','fastDuplicate')}${btn('Fill Down','','fastFill')}</div><span class="command-separator"></span><div class="command-group">${btn('엑셀 붙여넣기')}${btn('엑셀 ▼')}</div>`;
+    workspace.innerHTML=pageShell(s,body,commands);bindPageTools(s);bindT04();
+  }
+  function bindT04(){
+    const cells=$$('.fast-cell',workspace);
+    cells.forEach((cell,index)=>{
+      cell.oninput=()=>{const row=state.fastRows[Number(cell.dataset.row)];row[cell.dataset.field]=cell.value;if(cell.dataset.field==='code')row.name=fastName(cell.value.trim());markDirty('ERP-PRICE-001',true);};
+      cell.onkeydown=e=>{if(e.key==='Enter'){e.preventDefault();cells[Math.min(index+1,cells.length-1)]?.focus();}};
+      cell.onpaste=e=>{const text=e.clipboardData?.getData('text/plain');if(!text||(!text.includes('\t')&&!text.includes('\n')))return;e.preventDefault();const matrix=text.replace(/\r/g,'').split('\n').filter(Boolean).map(line=>line.split('\t'));const startRow=Number(cell.dataset.row);const fieldOrder=['code','price','date','remark'];const startField=Math.max(0,fieldOrder.indexOf(cell.dataset.field));matrix.forEach((values,rowOffset)=>values.forEach((value,colOffset)=>{const target=state.fastRows[startRow+rowOffset];const field=fieldOrder[startField+colOffset];if(target&&field){target[field]=value.trim();if(field==='code')target.name=fastName(target[field]);}}));markDirty('ERP-PRICE-001',true);renderT04(screen('ERP-PRICE-001'));toast(`${matrix.length}행 붙여넣기를 적용했습니다.`);};
+    });
+    $('#fastAdd').onclick=()=>{state.fastRows.push({code:'',name:'',price:'',date:'',remark:''});markDirty('ERP-PRICE-001',true);renderT04(screen('ERP-PRICE-001'));};
+    $('#fastDuplicate').onclick=()=>{const last=[...state.fastRows].reverse().find(x=>x.code);if(last){state.fastRows.push({...last,code:'',name:''});markDirty('ERP-PRICE-001',true);renderT04(screen('ERP-PRICE-001'));}};
+    $('#fastFill').onclick=()=>{const source=state.fastRows.find(x=>x.date)?.date||'2026-08-11';state.fastRows.forEach(row=>{if(row.code&&!row.date)row.date=source;});markDirty('ERP-PRICE-001',true);renderT04(screen('ERP-PRICE-001'));toast('적용일을 Fill Down 했습니다.');};
+    $('#fastSave').onclick=()=>{markDirty('ERP-PRICE-001',false);toast('오류 없는 변경 행을 저장했습니다.');};
+  }
+
+  function inventoryVisibleItems(){
+    const keyword=state.inventorySearch.keyword.trim().toLocaleLowerCase('ko-KR');
+    return inventoryItems.filter(item=>{
+      const matchesKeyword=!keyword||`${item.id} ${item.name}`.toLocaleLowerCase('ko-KR').includes(keyword);
+      const matchesWarehouse=state.inventorySearch.warehouse==='all'||item.locations.some(location=>location[0]===state.inventorySearch.warehouse);
+      return matchesKeyword&&matchesWarehouse;
+    });
+  }
+  function executeInventorySearch(){
+    const warehouse=$('#inventoryWarehouse')?.value??state.inventorySearch.warehouse;const keyword=$('#inventoryKeyword')?.value??state.inventorySearch.keyword;
+    state.inventorySearch={warehouse,keyword:keyword.trim()};state.inventoryDataState='loading';renderT05(screen('ERP-INV-001'));
+    setTimeout(()=>{state.inventoryDataState='ready';const visible=inventoryVisibleItems();if(!visible.some(item=>item.id===state.inventoryItemId))state.inventoryItemId=visible[0]?.id||'';renderT05(screen('ERP-INV-001'));announce(`재고현황 ${visible.length}개 품목을 조회했습니다.`);},220);
+  }
+  function renderT05(s){
+    const visibleItems=inventoryVisibleItems();let item=visibleItems.find(x=>x.id===state.inventoryItemId)||visibleItems[0]||null;if(item&&state.inventoryItemId!==item.id)state.inventoryItemId=item.id;
+    const search=`<form class="search-panel" id="inventorySearch"><div class="search-fields"><label class="field-inline"><span>창고</span><select id="inventoryWarehouse" class="control"><option value="all" ${state.inventorySearch.warehouse==='all'?'selected':''}>전체</option><option ${state.inventorySearch.warehouse==='서울센터'?'selected':''}>서울센터</option><option ${state.inventorySearch.warehouse==='부산센터'?'selected':''}>부산센터</option><option ${state.inventorySearch.warehouse==='인천센터'?'selected':''}>인천센터</option></select></label><label class="field-inline"><span>품목</span><input id="inventoryKeyword" class="control wide" value="${esc(state.inventorySearch.keyword)}" placeholder="품목코드/품목명"></label></div><div class="search-actions">${btn('조회','primary','inventorySearchInline')}</div></form>`;
+    let content='';
+    if(state.inventoryDataState==='loading')content=dataState('loading','재고 조회 중...','창고와 품목 조건을 유지한 채 재고 Projection을 조회하고 있습니다.');
+    else if(!item)content=dataState('empty','조회된 재고 품목이 없습니다.','조건을 초기화하고 다시 조회해 보세요.','inventoryReset');
+    else{
+      const leftRows=visibleItems.map(x=>`<tr class="${x.id===item.id?'selected-row':''}"><td><button class="row-link inventory-select" data-item="${esc(x.id)}" type="button">${esc(x.id)}</button></td><td>${esc(x.name)}</td><td class="num">${x.stock.toLocaleString('ko-KR')}</td></tr>`).join('');
+      const rightRows=item.locations.filter(row=>state.inventorySearch.warehouse==='all'||row[0]===state.inventorySearch.warehouse).map(row=>`<tr><td>${esc(row[0])}</td><td>${esc(row[1])}</td><td class="num">${Number(row[2]).toLocaleString('ko-KR')}</td><td class="num">${Number(row[3]).toLocaleString('ko-KR')}</td><td class="num">${Number(row[4]).toLocaleString('ko-KR')}</td></tr>`).join('');
+      const history=[['16:31','출고할당','','20',item.stock-20,'ORD-260811-1022'],['14:02','입고','100','',item.stock,'RCV-260811-0081'],['11:24','출고','','12',item.stock-100,'ORD-260811-0931']].map(row=>`<tr>${row.map((value,index)=>`<td class="${index>=2&&index<=4?'num':''}">${esc(value)}</td>`).join('')}</tr>`).join('');
+      content=`<div class="context-bar"><strong>현재 조회</strong><span>품목 <b>${visibleItems.length}</b>개</span><span>창고 ${esc(state.inventorySearch.warehouse==='all'?'전체':state.inventorySearch.warehouse)}</span><button id="inventoryReset" type="button" class="text-action">조건 초기화</button></div><div class="split-layout"><section class="pane"><div class="pane-header"><strong>품목</strong><span>현재고</span></div>${grid(['품목코드','품목명','현재고'],leftRows,{caption:'재고 품목 목록'})}</section><section class="pane"><div class="pane-header"><strong>창고 / Location</strong><span>${esc(item.id)} ${esc(item.name)} · ${item.stock.toLocaleString('ko-KR')}개</span></div>${grid(['창고','Location','현재고','할당','보류'],rightRows||`<tr><td colspan="5" class="center">선택한 창고의 재고 위치가 없습니다.</td></tr>`,{caption:'품목별 창고 로케이션 재고'})}</section></div><section class="pane history-pane"><div class="pane-header"><strong>재고이력</strong><span>현재고 근거 추적 · ${esc(item.id)}</span></div>${grid(['일시','업무','입고','출고','잔량','참조번호'],history,{caption:'재고 이력'})}</section>`;
+    }
+    workspace.innerHTML=pageShell(s,`${search}${content}`,`<div class="command-group">${btn('조회 F3','','inventorySearchButton')}</div><span class="command-separator"></span><div class="command-group">${btn('재고이동')}${btn('엑셀 ▼')}</div>`);bindPageTools(s);
+    $$('.inventory-select',workspace).forEach(button=>button.onclick=()=>{state.inventoryItemId=button.dataset.item;renderT05(s);announce(`${button.dataset.item} 재고 상세를 표시했습니다.`);});
+    $('#inventorySearch').onsubmit=e=>{e.preventDefault();executeInventorySearch();};$('#inventorySearchButton').onclick=executeInventorySearch;const inventoryInline=$('#inventorySearchInline');if(inventoryInline)inventoryInline.onclick=executeInventorySearch;
+    const reset=$('#inventoryReset');if(reset)reset.onclick=()=>{state.inventorySearch={warehouse:'all',keyword:''};state.inventoryItemId=inventoryItems[0].id;state.inventoryDataState='ready';renderT05(s);announce('재고 조회조건을 초기화했습니다.');};
+  }
+
+  function queueVisibleRows(){
+    const keyword=state.queueSearch.keyword.trim().toLocaleLowerCase('ko-KR');const worker=state.queueSearch.worker.trim().toLocaleLowerCase('ko-KR');
+    return queueRows.filter(row=>{
+      const quick=state.queueFilter==='all'||state.queueFilter==='exception'&&row.exception||state.queueFilter===row.type;
+      const workerMatch=!worker||row.worker.toLocaleLowerCase('ko-KR').includes(worker);
+      const keywordMatch=!keyword||`${row.no} ${row.type} ${row.wave} ${row.status}`.toLocaleLowerCase('ko-KR').includes(keyword);
+      return quick&&workerMatch&&keywordMatch;
+    });
+  }
+  function executeQueueSearch(){
+    state.queueSearch={worker:($('#queueWorker')?.value??state.queueSearch.worker).trim(),keyword:($('#queueKeyword')?.value??state.queueSearch.keyword).trim()};state.selectedQueueRows.clear();state.queueActionResult='';state.queueDataState='loading';renderT06(screen('WMS-WORK-001'));setTimeout(()=>{state.queueDataState='ready';renderT06(screen('WMS-WORK-001'));announce(`작업 Queue ${queueVisibleRows().length}건을 조회했습니다.`);},220);
+  }
+  function renderT06(s){
+    const visible=queueVisibleRows();
+    const selectedCount=state.selectedQueueRows.size;const allSelected=visible.length>0&&visible.every(row=>state.selectedQueueRows.has(row.no));
+    const rows=visible.map(row=>`<tr class="${state.selectedQueueRows.has(row.no)?'selected-row':''}"><td class="center"><input type="checkbox" data-queue-row="${esc(row.no)}" aria-label="${esc(row.no)} 선택" ${state.selectedQueueRows.has(row.no)?'checked':''}></td><td>${esc(row.no)}</td><td>${esc(row.type)}</td><td>${esc(row.wave)}</td><td>${esc(row.worker)}</td><td class="num">${esc(row.progress)}</td><td>${esc(row.sla)}</td><td class="center ${row.status==='지연'?'error':''}">${esc(row.status)}</td></tr>`).join('');
+    const table=grid(['선택','작업번호','작업유형','Wave','작업자','진행률','SLA','상태'],rows,{caption:'물류 작업 대기열'}).replace('<th scope="col">선택</th>',`<th scope="col" class="center"><input id="queueSelectAll" type="checkbox" aria-label="현재 표시 작업 전체 선택" ${allSelected?'checked':''}></th>`);
+    const summary=[['입고','입고대기','218'],['적치','적치대기','43'],['피킹','피킹대기','927'],['검수','검수대기','122'],['exception','예외','12']];
+    const result=state.queueActionResult?`<div class="action-result" role="status"><strong>최근 처리</strong><span>${esc(state.queueActionResult)}</span><button id="queueResultClear" type="button" class="text-action">닫기</button></div>`:'';
+    const search=`<form class="search-panel" id="queueSearchForm"><div class="search-fields"><label class="field-inline"><span>작업자</span><input id="queueWorker" class="control medium" value="${esc(state.queueSearch.worker)}" placeholder="작업자명"></label><label class="field-inline"><span>통합검색</span><input id="queueKeyword" class="control wide" value="${esc(state.queueSearch.keyword)}" placeholder="작업번호/Wave/상태"></label></div><div class="search-actions">${btn('조회','primary','queueSearchInline')}</div></form>`;
+    let queueContent='';if(state.queueDataState==='loading')queueContent=dataState('loading','작업 Queue 조회 중...','현재 필터와 검색조건을 유지하고 최신 작업 상태를 조회합니다.');else if(!visible.length)queueContent=dataState('empty','처리할 작업이 없습니다.','검색조건 또는 예외 필터를 초기화해 보세요.','queueClearSearch');else queueContent=`<div class="context-bar"><strong>지금 처리할 업무</strong><span>표시 ${visible.length}건</span><span>선택 <b>${selectedCount}</b>건</span><span>지연 ${visible.filter(row=>row.status==='지연').length}건</span><button id="queueReset" type="button" class="text-action">빠른필터 해제</button></div>${selectedCount?`<div class="bulk-bar"><strong>${selectedCount}건 선택</strong>${btn('작업자 배정','primary','queueAssign')}${btn('Wave 생성','','queueWave')}</div>`:''}${result}${table}`;
+    const body=`${search}<div class="queue-summary" role="group" aria-label="작업 유형 빠른 필터">${summary.map(([key,label,count])=>`<button type="button" data-queue-filter="${esc(key)}" class="${state.queueFilter===key?'active':''} ${key==='exception'?'danger':''}" aria-pressed="${state.queueFilter===key}"><span>${esc(label)}</span><b>${esc(count)}</b></button>`).join('')}</div>${queueContent}`;
+    const commands=`<div class="command-group">${btn('조회 F3','','queueSearch')}</div><span class="command-separator"></span><div class="command-group">${btn('작업자 배정','primary','queueAssignTop',selectedCount===0)}${btn('Wave 생성','','queueWaveTop',selectedCount===0)}${btn('예외만 보기','','queueException')}</div>`;
+    workspace.innerHTML=pageShell(s,body,commands);bindPageTools(s);bindT06();
+  }
+  function bindT06(){
+    $$('[data-queue-filter]',workspace).forEach(button=>button.onclick=()=>{state.queueFilter=button.dataset.queueFilter;state.selectedQueueRows.clear();state.queueActionResult='';state.queueDataState='ready';renderT06(screen('WMS-WORK-001'));});
+    const reset=$('#queueReset');if(reset)reset.onclick=()=>{state.queueFilter='all';state.selectedQueueRows.clear();renderT06(screen('WMS-WORK-001'));};$('#queueException').onclick=()=>{state.queueFilter='exception';state.selectedQueueRows.clear();state.queueDataState='ready';renderT06(screen('WMS-WORK-001'));};$('#queueSearch').onclick=executeQueueSearch;const inlineSearch=$('#queueSearchInline');if(inlineSearch)inlineSearch.onclick=executeQueueSearch;const form=$('#queueSearchForm');if(form)form.onsubmit=e=>{e.preventDefault();executeQueueSearch();};
+    const clearSearch=$('#queueClearSearch');if(clearSearch)clearSearch.onclick=()=>{state.queueFilter='all';state.queueSearch={worker:'',keyword:''};state.queueDataState='ready';state.selectedQueueRows.clear();renderT06(screen('WMS-WORK-001'));};
+    $$('[data-queue-row]',workspace).forEach(box=>box.onchange=()=>{box.checked?state.selectedQueueRows.add(box.dataset.queueRow):state.selectedQueueRows.delete(box.dataset.queueRow);renderT06(screen('WMS-WORK-001'));});
+    const selectAll=$('#queueSelectAll');if(selectAll)selectAll.onchange=()=>{queueVisibleRows().forEach(row=>selectAll.checked?state.selectedQueueRows.add(row.no):state.selectedQueueRows.delete(row.no));renderT06(screen('WMS-WORK-001'));};
+    const assign=()=>{if(!state.selectedQueueRows.size)return;for(const row of queueRows){if(state.selectedQueueRows.has(row.no))row.worker='홍길동';}state.queueActionResult=`${state.selectedQueueRows.size}건을 홍길동 작업자에게 배정했습니다.`;state.selectedQueueRows.clear();renderT06(screen('WMS-WORK-001'));};
+    const wave=()=>{if(!state.selectedQueueRows.size)return;const waveNo='W260811-NEW';let changed=0;for(const row of queueRows){if(state.selectedQueueRows.has(row.no)&&row.wave==='-'){row.wave=waveNo;changed++;}}state.queueActionResult=changed?`${changed}건에 Wave ${waveNo}를 생성했습니다.`:'선택 작업에는 새 Wave를 생성할 대상이 없습니다.';state.selectedQueueRows.clear();renderT06(screen('WMS-WORK-001'));};
+    for(const id of ['queueAssign','queueAssignTop']){const button=$('#'+id);if(button)button.onclick=assign;}for(const id of ['queueWave','queueWaveTop']){const button=$('#'+id);if(button)button.onclick=wave;}const clear=$('#queueResultClear');if(clear)clear.onclick=()=>{state.queueActionResult='';renderT06(screen('WMS-WORK-001'));};
+  }
+
+  function reconcileVisibleRows(){
+    const keyword=state.reconcileSearch.keyword.trim().toLocaleLowerCase('ko-KR');return reconcileRows.filter(row=>(!state.mismatchOnly||row.diff!==0)&&(!keyword||`${row.no} ${row.reason} ${row.status}`.toLocaleLowerCase('ko-KR').includes(keyword)));
+  }
+  function executeReconcileSearch(){
+    state.reconcileSearch={date:($('#reconcileDate')?.value??state.reconcileSearch.date).trim(),keyword:($('#reconcileKeyword')?.value??state.reconcileSearch.keyword).trim()};state.selectedReconcileRows.clear();state.reconcileActionResult='';state.reconcileDataState='loading';renderT07(screen('COMMON-REC-001'));setTimeout(()=>{state.reconcileDataState='ready';renderT07(screen('COMMON-REC-001'));announce(`대사 결과 ${reconcileVisibleRows().length}건을 표시했습니다.`);},220);
+  }
+  function renderT07(s){
+    const visible=reconcileVisibleRows();const selectedCount=state.selectedReconcileRows.size;const allSelected=visible.length>0&&visible.every(row=>state.selectedReconcileRows.has(row.no));
+    const rows=visible.map(row=>`<tr class="${state.selectedReconcileRows.has(row.no)?'selected-row':''}"><td class="center"><input type="checkbox" data-reconcile-row="${esc(row.no)}" aria-label="${esc(row.no)} 선택" ${state.selectedReconcileRows.has(row.no)?'checked':''}></td><td>${esc(row.no)}</td><td class="num">${row.expected}</td><td class="num">${row.actual}</td><td class="num ${row.diff!==0?'error':''}">${row.diff}</td><td>${esc(row.reason)}</td><td>${esc(row.status)}</td></tr>`).join('');
+    const table=grid(['선택','주문번호','OMS','WMS','차이','원인','처리상태'],rows,{caption:'OMS WMS 재고 출고 대사'}).replace('<th scope="col">선택</th>',`<th scope="col" class="center"><input id="reconcileSelectAll" type="checkbox" aria-label="현재 표시 대사 전체 선택" ${allSelected?'checked':''}></th>`);
+    const result=state.reconcileActionResult?`<div class="action-result" role="status"><strong>최근 처리</strong><span>${esc(state.reconcileActionResult)}</span><button id="reconcileResultClear" type="button" class="text-action">닫기</button></div>`:'';
+    const search=`<form class="search-panel" id="reconcileSearch"><div class="search-fields"><label class="field-inline"><span>기준일</span><input id="reconcileDate" class="control" type="date" value="${esc(state.reconcileSearch.date)}"></label><label class="field-inline"><span>통합검색</span><input id="reconcileKeyword" class="control wide" value="${esc(state.reconcileSearch.keyword)}" placeholder="주문번호/원인/상태"></label><label class="field-inline checkbox-inline"><input id="mismatchOnly" type="checkbox" ${state.mismatchOnly?'checked':''}><span>불일치만 표시</span></label></div><div class="search-actions">${btn('조회','primary','reconcileSearchInline')}</div></form>`;
+    let resultContent='';if(state.reconcileDataState==='loading')resultContent=dataState('loading','대사 결과 조회 중...','Expected/Actual/Difference Projection을 다시 조회하고 있습니다.');else if(!visible.length)resultContent=dataState('empty','조건에 맞는 대사 건이 없습니다.','불일치 필터 또는 검색어를 초기화해 보세요.','reconcileReset');else resultContent=`${selectedCount?`<div class="bulk-bar"><strong>${selectedCount}건 선택</strong>${btn('원인 재조회','','reconcileReason')}${btn('재처리','primary','reconcileRun')}${btn('처리사유 등록','','reconcileReasonNote')}</div>`:''}${result}${table}`;
+    const body=`${search}<div class="reconcile-summary"><span>전체 <strong>12,482</strong></span><span>정상 <strong>12,439</strong></span><span class="mismatch">불일치 <strong>43</strong></span><span>표시 <strong>${visible.length}</strong></span><span>선택 <strong>${selectedCount}</strong></span></div>${resultContent}`;
+    const commands=`<div class="command-group">${btn('조회 F3','','reconcileSearchButton')}</div><span class="command-separator"></span><div class="command-group">${btn('재처리','primary','reconcileRunTop',selectedCount===0)}${btn('엑셀 ▼')}</div>`;
+    workspace.innerHTML=pageShell(s,body,commands);bindPageTools(s);bindT07();
+  }
+  function bindT07(){
+    const mismatch=$('#mismatchOnly');if(mismatch)mismatch.onchange=e=>{state.mismatchOnly=e.target.checked;state.selectedReconcileRows.clear();state.reconcileDataState='ready';renderT07(screen('COMMON-REC-001'));};const form=$('#reconcileSearch');if(form)form.onsubmit=e=>{e.preventDefault();executeReconcileSearch();};const reconcileInline=$('#reconcileSearchInline');if(reconcileInline)reconcileInline.onclick=executeReconcileSearch;$('#reconcileSearchButton').onclick=executeReconcileSearch;
+    const reset=$('#reconcileReset');if(reset)reset.onclick=()=>{state.mismatchOnly=false;state.reconcileSearch={date:'2026-08-11',keyword:''};state.selectedReconcileRows.clear();state.reconcileDataState='ready';renderT07(screen('COMMON-REC-001'));};
+    $$('[data-reconcile-row]',workspace).forEach(box=>box.onchange=()=>{box.checked?state.selectedReconcileRows.add(box.dataset.reconcileRow):state.selectedReconcileRows.delete(box.dataset.reconcileRow);renderT07(screen('COMMON-REC-001'));});
+    const all=$('#reconcileSelectAll');if(all)all.onchange=()=>{reconcileVisibleRows().forEach(row=>all.checked?state.selectedReconcileRows.add(row.no):state.selectedReconcileRows.delete(row.no));renderT07(screen('COMMON-REC-001'));};
+    const rerun=()=>{if(!state.selectedReconcileRows.size)return;const count=state.selectedReconcileRows.size;for(const row of reconcileRows){if(state.selectedReconcileRows.has(row.no)){row.actual=row.expected;row.diff=0;row.reason='재처리 완료';row.status='해결';}}state.reconcileActionResult=`${count}건을 재처리하여 현재 Reference 데이터 기준 차이를 0으로 맞췄습니다.`;state.selectedReconcileRows.clear();renderT07(screen('COMMON-REC-001'));};
+    for(const id of ['reconcileRun','reconcileRunTop']){const button=$('#'+id);if(button)button.onclick=rerun;}const reason=$('#reconcileReason');if(reason)reason.onclick=()=>{state.reconcileActionResult=`${state.selectedReconcileRows.size}건의 원인 Projection을 다시 조회했습니다.`;renderT07(screen('COMMON-REC-001'));};const note=$('#reconcileReasonNote');if(note)note.onclick=()=>{state.reconcileActionResult=`${state.selectedReconcileRows.size}건에 처리사유가 필요합니다. 실제 제품에서는 사유 입력 Drawer를 사용합니다.`;renderT07(screen('COMMON-REC-001'));};const clear=$('#reconcileResultClear');if(clear)clear.onclick=()=>{state.reconcileActionResult='';renderT07(screen('COMMON-REC-001'));};
+  }
+
+  function applyImportFile(file){
+    if(!file)return false;const name=String(file.name||'').trim();const size=Number(file.size||0);const validExt=/\.xlsx?$/i.test(name);const max=20*1024*1024;
+    if(!validExt){toast('Excel .xlsx 또는 .xls 파일을 선택하세요.','error');return false}if(size>max){toast('파일 크기는 20MB 이하여야 합니다.','error');return false}
+    state.importFileName=name;state.importFileSize=size;state.importFileType=file.type||'';state.importJobStatus='idle';state.importProgress=0;state.importProcessed=0;renderT08(screen('OMS-ORD-003'));announce(`${name} 파일을 선택했습니다.`);return true;
+  }
+  function renderT08(s){
+    const step=state.importStep;const steps=['파일','매핑','검증','미리보기','반영','결과'];
+    let content='';
+    if(step===1)content=`<input id="importFileInput" class="sr-only" type="file" accept=".xlsx,.xls,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel"><div class="drop-zone" id="dropZone" tabindex="0" role="button" aria-controls="importFileInput"><div><strong>${state.importFileName?esc(state.importFileName):'Excel 파일을 선택하세요'}</strong><p>${state.importFileName?`${state.importFileSize?`${(state.importFileSize/1024/1024).toFixed(2)}MB · `:''}파일 선택 완료 · 다음 단계에서 필드 매핑을 확인합니다.`:'파일 선택은 필수 접근 경로이며 Drag & Drop은 편의 기능입니다. .xlsx/.xls · 최대 20MB'}</p>${btn(state.importFileName?'파일 다시 선택':'파일 선택','primary','fileSelect')} ${btn('업로드 양식 다운로드')}</div></div>`;
+    if(step===2)content=`<div class="mapping-table"><div class="mapping-head"><strong>Excel Column</strong><strong>System Field</strong><strong>매핑 근거</strong></div>${[['주문번호','주문번호','정확 일치'],['상품코드','품목코드','Alias 일치'],['수량','주문수량','Alias 일치'],['구매자','주문자명','Alias 일치'],['업체코드','거래처코드','사용자 확인 필요']].map(row=>`<div class="mapping-row"><span>${esc(row[0])}</span><span>→ ${esc(row[1])}</span><span>${esc(row[2])}</span></div>`).join('')}</div>`;
+    if(step===3)content=`<div class="validation-cards"><div class="validation-card"><span>전체</span><b>18,230</b></div><div class="validation-card"><span>정상</span><b>17,894</b></div><div class="validation-card error"><span>오류</span><b>336</b></div></div>${grid(['행','필드','값','오류'],`<tr><td>8</td><td>품목코드</td><td>ABC99</td><td class="error">존재하지 않는 품목</td></tr><tr><td>12</td><td>수량</td><td>-1</td><td class="error">수량은 0보다 커야 합니다.</td></tr>`,{caption:'Excel 검증 오류'})}`;
+    if(step===4)content=`<section class="commit-panel"><div class="pane-header"><strong>반영 미리보기</strong><span>오류 336건 제외</span></div><div class="commit-body"><p><strong>17,894건</strong>을 반영할 수 있습니다.</p><dl><div><dt>신규</dt><dd>17,201</dd></div><div><dt>수정</dt><dd>693</dd></div><div><dt>제외 오류</dt><dd>336</dd></div></dl><p class="warning-copy">실제 제품은 Staging 데이터를 Domain 검증한 뒤 Commit합니다.</p></div></section>`;
+    if(step===5){const running=state.importJobStatus==='running';const completed=state.importJobStatus==='completed';content=`<section class="commit-panel"><div class="pane-header"><strong>Background 반영 작업</strong><span>${completed?'완료':running?'처리 중':'대기'}</span></div><div class="commit-body"><div class="job-progress"><div class="job-progress-track"><span style="width:${state.importProgress}%"></span></div><strong>${state.importProgress}%</strong><p>${state.importProcessed.toLocaleString('ko-KR')} / 17,894 처리</p></div><p>다른 화면으로 이동해도 작업은 계속됩니다. 홈의 진행 작업에서 다시 들어올 수 있습니다.</p>${!running&&!completed?btn('17,894건 반영','primary','importCommit'):''}${completed?btn('결과 보기','primary','importResult'):''}</div></section>`;}
+    if(step===6)content=`<section class="commit-panel"><div class="pane-header"><strong>반영 결과</strong><span>완료</span></div><div class="commit-body"><div class="validation-cards"><div class="validation-card"><span>성공</span><b>17,894</b></div><div class="validation-card error"><span>오류</span><b>336</b></div></div><p>오류 데이터는 Domain DB에 반영하지 않았습니다.</p><div class="inline-actions">${btn('오류 336건 다운로드')}${btn('새 업로드','primary','importReset')}</div></div></section>`;
+    const nav=`<div class="import-steps">${steps.map((label,index)=>`<div class="import-step ${index+1===step?'active':''} ${index+1<step?'done':''}"><b>${index+1}</b><span>${label}</span></div>`).join('')}</div>`;
+    const buttons=step<5?`<div class="wizard-actions">${step>1?btn('이전','','importBack'):''}${step<4?btn('다음','primary','importNext',step===1&&!state.importFileName):step===4?btn('반영 단계','primary','importNext'):''}</div>`:'';
+    workspace.innerHTML=pageShell(s,`${nav}${content}${buttons}`,`<div class="command-group">${btn('양식 다운로드')}</div><span class="command-separator"></span><div class="command-group">${btn('최근 업로드 결과')}</div>`);bindPageTools(s);bindT08();
+  }
+  function startImportJob(){
+    if(importTimer)clearInterval(importTimer);state.importStep=5;state.importJobStatus='running';state.importProgress=0;state.importProcessed=0;renderT08(screen('OMS-ORD-003'));
+    importTimer=setInterval(()=>{const increment=state.importProgress<60?11:state.importProgress<90?7:3;state.importProgress=Math.min(100,state.importProgress+increment);state.importProcessed=Math.floor(17894*state.importProgress/100);if(state.activeId==='OMS-ORD-003'&&state.importStep===5)renderT08(screen('OMS-ORD-003'));if(state.importProgress>=100){clearInterval(importTimer);importTimer=null;state.importJobStatus='completed';state.importProcessed=17894;if(state.activeId==='OMS-ORD-003'&&state.importStep===5)renderT08(screen('OMS-ORD-003'));toast('Excel 주문 Import가 완료되었습니다.');}},180);
+  }
+  function bindT08(){
+    const trigger=$('#fileSelect');const input=$('#importFileInput');if(trigger&&input)trigger.onclick=()=>input.click();if(input)input.onchange=()=>{const file=input.files?.[0];if(file)applyImportFile(file);};
+    const drop=$('#dropZone');if(drop){drop.ondragover=e=>{e.preventDefault();drop.classList.add('dragging')};drop.ondragleave=()=>drop.classList.remove('dragging');drop.ondrop=e=>{e.preventDefault();drop.classList.remove('dragging');applyImportFile(e.dataTransfer?.files?.[0]);};drop.onkeydown=e=>{if(e.key==='Enter'||e.key===' '){e.preventDefault();input?.click();}};}
+    const next=$('#importNext');if(next)next.onclick=()=>{if(state.importStep===1&&!state.importFileName)return;state.importStep=Math.min(5,state.importStep+1);renderT08(screen('OMS-ORD-003'));};
+    const back=$('#importBack');if(back)back.onclick=()=>{state.importStep=Math.max(1,state.importStep-1);renderT08(screen('OMS-ORD-003'));};
+    const commit=$('#importCommit');if(commit)commit.onclick=startImportJob;const result=$('#importResult');if(result)result.onclick=()=>{state.importStep=6;renderT08(screen('OMS-ORD-003'));};
+    const reset=$('#importReset');if(reset)reset.onclick=()=>{state.importStep=1;state.importFileName='';state.importFileSize=0;state.importFileType='';state.importJobStatus='idle';state.importProgress=0;state.importProcessed=0;renderT08(screen('OMS-ORD-003'));};
+  }
+
+  function renderT09(s){
+    const remain=Math.max(0,state.pickingRequired-state.pickingQty);const completed=remain===0;
+    const network=state.networkStatus==='online'?['●','온라인 · 동기화 완료','online']:state.networkStatus==='unstable'?['▲','연결 불안정 · 서버 확인 필요','unstable']:['○','오프라인 · 작업 반영 중지','offline'];
+    const errorTitle=state.scanError?.startsWith('NETWORK:')?'네트워크를 확인하세요.':'다른 상품입니다.';const errorCopy=(state.scanError||'').replace(/^NETWORK:/,'');
+    workspace.innerHTML=`<div class="mobile-stage"><main class="wms-phone" data-screen-id="${esc(s.id)}"><header class="wms-header"><div><h1>출고 피킹</h1><strong>23 / 138</strong></div><span class="network ${network[2]}">${network[0]} ${network[1]}</span></header><section class="wms-content"><span class="wms-label">LOCATION</span><div class="scan-location">A-03-02</div><p>위치 확인 완료 · 상품을 스캔하세요.</p><div id="scanBox" class="scan-box ${state.scanError?'scan-error':''}" tabindex="0" role="textbox" aria-label="바코드 스캔 입력" aria-describedby="scanHint"><strong>${state.scanBuffer?esc(state.scanBuffer):'SCAN READY'}</strong><small id="scanHint">스캐너 입력 후 Enter · 기대 바코드 8801234567890</small></div><section class="wms-item"><strong>ABC 운동화</strong><p>BLACK / 270</p></section><div class="qty-grid"><div><span>필요</span><b>${state.pickingRequired}</b></div><div><span>피킹</span><b>${state.pickingQty}</b></div><div><span>남음</span><b>${remain}</b></div></div>${completed?'<div class="success-panel"><strong>상품 완료</strong><span>다음 품목으로 자동 진행할 수 있습니다.</span></div>':''}${state.scanError?`<div class="error-panel" role="alert"><strong>${esc(errorTitle)}</strong><span>${esc(errorCopy)}</span></div>`:''}</section><footer class="wms-actions">${btn('+1 피킹','primary','pickOne',completed||state.networkStatus!=='online')}${btn('수량입력','','pickQty',state.networkStatus!=='online')}${btn('재고부족 신고','danger full','stockIssue')}</footer></main></div>`;
+    bindT09();
+  }
+  function applyScan(value){
+    const normalized=value.trim();state.scanBuffer='';if(!normalized)return;const now=Date.now();
+    if(normalized===state.lastScanValue&&now-state.lastScanAt<700){toast('중복 스캔을 감지해 무시했습니다. 수량은 변경되지 않았습니다.','error');setTimeout(()=>$('#scanBox')?.focus(),0);return;}
+    state.lastScanValue=normalized;state.lastScanAt=now;
+    if(state.networkStatus!=='online'){state.scanError=`NETWORK:${state.networkStatus==='unstable'?'연결이 불안정하여 서버 검증을 완료하지 못했습니다. 수량은 반영하지 않았습니다.':'오프라인에서는 서버 검증이 필요한 피킹 수량을 반영하지 않습니다.'}`;renderT09(screen('WMS-PICK-001'));setTimeout(()=>$('#scanBox')?.focus(),0);return;}
+    if(normalized!=='8801234567890'){state.scanError=`스캔 ${normalized} · 필요 ABC001 / 8801234567890`;renderT09(screen('WMS-PICK-001'));setTimeout(()=>$('#scanBox')?.focus(),0);return;}
+    state.scanError='';if(state.pickingQty<state.pickingRequired)state.pickingQty++;renderT09(screen('WMS-PICK-001'));toast(state.pickingQty===state.pickingRequired?'상품 피킹 완료.':'정상 상품을 1개 피킹했습니다.');setTimeout(()=>$('#scanBox')?.focus(),0);
+  }
+  function bindT09(){
+    const scan=$('#scanBox');if(scan){scan.onkeydown=e=>{if(e.key==='Enter'){e.preventDefault();applyScan(state.scanBuffer);return;}if(e.key==='Backspace'){state.scanBuffer=state.scanBuffer.slice(0,-1);}else if(e.key.length===1&&!e.ctrlKey&&!e.metaKey&&!e.altKey){state.scanBuffer+=e.key;}const strong=$('strong',scan);if(strong)strong.textContent=state.scanBuffer||'SCAN READY';};}
+    $('#pickOne').onclick=()=>{if(state.pickingQty<state.pickingRequired)state.pickingQty++;state.scanError='';renderT09(screen('WMS-PICK-001'));if(state.pickingQty===state.pickingRequired)toast('상품 피킹 완료. 다음 상품으로 진행합니다.');};
+    $('#pickQty').onclick=()=>{$('#quantityInput').value=String(state.pickingQty);$('#quantityInput').max=String(state.pickingRequired);quantityDialog.showModal();setTimeout(()=>$('#quantityInput').focus(),0);};
+    $('#stockIssue').onclick=()=>{exceptionDialog.showModal();setTimeout(()=>$('input[name="exceptionReason"]',exceptionDialog)?.focus(),0);};
+  }
+
+  function renderActive(){ const s=screen(state.activeId);app.dataset.mode=s.template==='T09'?'wms-mobile':'desktop';if(s.id==='HOME')return renderHome();({T01:renderT01,T02:renderT02,T03:renderT03,T04:renderT04,T05:renderT05,T06:renderT06,T07:renderT07,T08:renderT08,T09:renderT09}[s.template]||renderHome)(s); }
+  function renderAll(){renderNavigation();renderTabs();renderActive();}
+
+  function openSearch(){closeSystemPanel(false);state.searchIndex=0;searchInput.value='';searchInput.setAttribute('aria-expanded','true');renderSearchResults();if(!searchDialog.open)searchDialog.showModal();setTimeout(()=>searchInput.focus(),0);}
+  function searchMatches(){const q=searchInput.value.trim().toLowerCase();return screens.filter(x=>x.id!=='HOME').filter(x=>!q||[x.id,x.title,x.module,x.group,...x.keywords].join(' ').toLowerCase().includes(q));}
+  function renderSearchResults(){
+    const list=searchMatches();if(state.searchIndex>=list.length)state.searchIndex=Math.max(0,list.length-1);searchInput.setAttribute('aria-activedescendant',list[state.searchIndex]?`menu-result-${list[state.searchIndex].id}`:'');
+    searchResults.innerHTML=list.length?list.map((item,index)=>`<button id="menu-result-${esc(item.id)}" type="button" class="search-result ${index===state.searchIndex?'active':''}" data-screen="${esc(item.id)}" role="option" aria-selected="${index===state.searchIndex}"><span class="code">${esc(item.id)}</span><span class="copy"><b>${esc(item.title)}</b><small>${esc(item.group)} · ${esc(item.template)}</small></span><span class="module">${esc(labelModule(item.module))}</span></button>`).join(''):'<div class="search-empty">검색 결과가 없습니다.</div>';
+    $$('.search-result',searchResults).forEach((button,index)=>{button.onmousemove=()=>{state.searchIndex=index;$$('.search-result',searchResults).forEach((x,i)=>x.classList.toggle('active',i===index));};button.onclick=()=>{searchDialog.close();openScreen(button.dataset.screen);};});
+  }
+
+  searchInput.oninput=()=>{state.searchIndex=0;renderSearchResults();};
+  searchInput.onkeydown=e=>{const list=searchMatches();if(e.key==='ArrowDown'){e.preventDefault();state.searchIndex=Math.min(list.length-1,state.searchIndex+1);renderSearchResults();$('.search-result.active',searchResults)?.scrollIntoView({block:'nearest'});}else if(e.key==='ArrowUp'){e.preventDefault();state.searchIndex=Math.max(0,state.searchIndex-1);renderSearchResults();$('.search-result.active',searchResults)?.scrollIntoView({block:'nearest'});}else if(e.key==='Enter'&&list[state.searchIndex]){e.preventDefault();searchDialog.close();openScreen(list[state.searchIndex].id);}};
+
+  $('#homeButton').onclick=()=>openScreen('HOME');$('#sideHomeButton').onclick=()=>openScreen('HOME');$('#globalSearchButton').onclick=openSearch;$('#sideSearchButton').onclick=openSearch;$('#searchCloseButton').onclick=()=>searchDialog.close();
+  searchDialog.addEventListener('close',()=>searchInput.setAttribute('aria-expanded','false'));
+  $('#lookupCloseButton').onclick=()=>lookupDialog.close();$('#lookupSearchForm').onsubmit=e=>{e.preventDefault();state.lookupIndex=0;renderLookupResults();};lookupSearchInput.oninput=()=>{state.lookupIndex=0;renderLookupResults();};
+  lookupSearchInput.onkeydown=e=>{const list=lookupItems();if(e.key==='ArrowDown'){e.preventDefault();state.lookupIndex=Math.min(Math.max(0,list.length-1),state.lookupIndex+1);renderLookupResults();$('.lookup-result.active',lookupResults)?.scrollIntoView({block:'nearest'});}else if(e.key==='ArrowUp'){e.preventDefault();state.lookupIndex=Math.max(0,state.lookupIndex-1);renderLookupResults();$('.lookup-result.active',lookupResults)?.scrollIntoView({block:'nearest'});}else if(e.key==='Enter'&&list[state.lookupIndex]){e.preventDefault();selectLookup();}};$('#lookupSelectButton').onclick=selectLookup;lookupDialog.addEventListener('close',()=>{if(document.activeElement===document.body)lookupRestoreFocus?.focus();});
+  $('#collapseButton').onclick=()=>{state.collapsed=!state.collapsed;persist();renderNavigation();};
+  $('#densityButton').onclick=()=>{state.density=state.density==='compact'?'comfortable':'compact';persist();renderNavigation();toast(`화면 밀도를 ${state.density==='compact'?'Compact':'Comfortable'}로 변경했습니다.`);};
+  $('#themeButton').onclick=()=>{state.theme=state.theme==='dark'?'light':'dark';persist();renderNavigation();toast(`KBX Business ${state.theme==='dark'?'Dark':'Light'} 테마를 적용했습니다.`);};
+  $('#moduleSelect').onchange=e=>{state.module=e.target.value;renderNavigation();if(state.activeId==='HOME')renderHome();};
+  $('#drawerClose').onclick=closeDrawer;drawerBackdrop.onclick=closeDrawer;$('#systemPanelClose').onclick=()=>closeSystemPanel();$$('[data-panel]').forEach(button=>button.onclick=()=>showSystemPanel(button.dataset.panel));
+  drawer.onkeydown=e=>{if(e.key==='Escape'){e.preventDefault();closeDrawer();return;}if(e.key!=='Tab')return;const focusables=$$('button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),a[href]',drawer);if(!focusables.length)return;const first=focusables[0],last=focusables[focusables.length-1];if(e.shiftKey&&document.activeElement===first){e.preventDefault();last.focus();}else if(!e.shiftKey&&document.activeElement===last){e.preventDefault();first.focus();}};
+
+  function clearUnsavedPending(){state.pendingCloseId=null;state.pendingNavigationId=null;state.pendingNavigationOptions=null;state.pendingMasterId=null;state.pendingUnsavedMode=null;}
+  function continuePendingNavigation(message){
+    const target=state.pendingNavigationId;const options=state.pendingNavigationOptions||{};clearUnsavedPending();unsavedDialog.close();
+    if(target){openScreen(target,{...options,force:true});toast(message);}
+  }
+  function trySaveDirtyScreen(id){
+    if(id==='ERP-MST-ITEM-001'){if(!validateMasterDraft())return false;return saveMaster();}
+    if(id==='OMS-ORD-002'){if(!validateTransaction())return false;markDirty(id,false);toast('주문을 저장했습니다.');return true;}
+    if(id==='ERP-PRICE-001'){if(fastErrorCount()>0)return false;markDirty(id,false);toast('오류 없는 변경 행을 저장했습니다.');return true;}
+    markDirty(id,false);return true;
+  }
+  $('#unsavedStay').onclick=()=>{clearUnsavedPending();};
+  $('#unsavedDiscard').onclick=()=>{
+    if(state.pendingUnsavedMode==='master-select'){const target=state.pendingMasterId;markDirty('ERP-MST-ITEM-001',false);clearUnsavedPending();unsavedDialog.close();if(target)performMasterTarget(target);toast('저장하지 않은 품목 변경을 버리고 전환했습니다.');return;}
+    if(state.pendingUnsavedMode==='navigate'){markDirty(state.activeId,false);continuePendingNavigation('저장하지 않은 변경을 버리고 이동했습니다.');return;}
+    const id=state.pendingCloseId;clearUnsavedPending();unsavedDialog.close();if(id){markDirty(id,false);closeTabNow(id);toast('저장하지 않은 변경을 버리고 화면을 닫았습니다.');}
+  };
+  $('#unsavedSave').onclick=()=>{
+    if(state.pendingUnsavedMode==='master-select'){const target=state.pendingMasterId;if(!validateMasterDraft()){clearUnsavedPending();unsavedDialog.close();renderT02(screen('ERP-MST-ITEM-001'));setTimeout(()=>$('[data-master-error]',workspace)?.focus(),0);return;}saveMaster();clearUnsavedPending();unsavedDialog.close();if(target)performMasterTarget(target);return;}
+    if(state.pendingUnsavedMode==='navigate'){const activeId=state.activeId;if(!trySaveDirtyScreen(activeId)){const mode=state.pendingUnsavedMode;clearUnsavedPending();unsavedDialog.close();if(activeId==='ERP-MST-ITEM-001')renderT02(screen(activeId));if(activeId==='OMS-ORD-002')renderT03(screen(activeId));if(activeId==='ERP-PRICE-001')renderT04(screen(activeId));toast('입력 오류가 있어 저장 후 이동할 수 없습니다.','error');return;}continuePendingNavigation('변경사항을 저장하고 이동했습니다.');return;}
+    const id=state.pendingCloseId;if(id&&!trySaveDirtyScreen(id)){clearUnsavedPending();unsavedDialog.close();toast('입력 오류가 있어 저장 후 닫을 수 없습니다.','error');return;}clearUnsavedPending();unsavedDialog.close();if(id){closeTabNow(id);toast('변경사항을 저장하고 화면을 닫았습니다.');}
+  };
+  $('#quantityApply').onclick=()=>{const value=Number($('#quantityInput').value);if(!Number.isInteger(value)||value<0||value>state.pickingRequired){$('#quantityHelp').textContent=`0 ~ ${state.pickingRequired} 사이 정수를 입력하세요.`;$('#quantityInput').focus();return;}state.pickingQty=value;state.scanError='';quantityDialog.close();renderT09(screen('WMS-PICK-001'));toast('피킹 수량을 변경했습니다.');};
+  $('#exceptionApply').onclick=()=>{const reason=$('input[name="exceptionReason"]:checked',exceptionDialog)?.value||'기타';exceptionDialog.close();toast(`재고부족 사유 '${reason}'를 등록했습니다.`,'error');};
+
+  document.addEventListener('keydown',e=>{
+    if(e.defaultPrevented)return;
+    const modalOpen=[searchDialog,lookupDialog,unsavedDialog,quantityDialog,exceptionDialog].some(dialog=>dialog.open);
+    if(modalOpen)return;
+    if(e.key==='Escape'&&!systemPanel.hidden){e.preventDefault();closeSystemPanel();return;}
+    if(e.key==='Escape'&&drawer.classList.contains('open')){e.preventDefault();closeDrawer();return;}
+    if(drawer.classList.contains('open'))return;
+    if((e.ctrlKey||e.metaKey)&&e.key.toLowerCase()==='k'){e.preventDefault();openSearch();return;}
+    if(e.key==='F2'&&['T02','T03'].includes(screen(state.activeId).template)){const root=document.activeElement?.closest?.('.lookup')||$('.lookup',workspace);if(root){e.preventDefault();openLookup(root);return;}}
+    if(e.key==='F3'&&state.activeId!=='HOME'){e.preventDefault();const searchButton=state.activeId==='OMS-ORD-001'?$('#commandSearch'):state.activeId==='ERP-MST-ITEM-001'?$('#masterSearchTop'):state.activeId==='ERP-INV-001'?$('#inventorySearchButton'):state.activeId==='WMS-WORK-001'?$('#queueSearch'):state.activeId==='COMMON-REC-001'?$('#reconcileSearchButton'):null;if(searchButton)searchButton.click();else toast(`${screen(state.activeId).title} 조회를 실행했습니다.`);}
+    if(e.key==='F8'&&['T02','T03','T04'].includes(screen(state.activeId).template)){e.preventDefault();const saveButton=state.activeId==='ERP-MST-ITEM-001'?$('#masterSave'):state.activeId==='OMS-ORD-002'?$('#saveTransaction'):state.activeId==='ERP-PRICE-001'?$('#fastSave'):null;if(saveButton&&!saveButton.disabled)saveButton.click();}
+  });
+  window.addEventListener('hashchange',()=>{const found=screens.find(x=>x.path===location.hash);if(!found||found.id===state.activeId)return;const opened=openScreen(found.id,{updateHash:false});if(!opened){state.pendingNavigationOptions={...(state.pendingNavigationOptions||{}),updateHash:true};history.replaceState(null,'',screen(state.activeId).path);}});
+  window.addEventListener('beforeunload',event=>{if(state.tabs.some(tab=>tab.dirty)){event.preventDefault();event.returnValue='';}});
+
+  unsavedDialog.addEventListener('close',()=>{if(state.pendingUnsavedMode)clearUnsavedPending();});
+  restore();restoreWorkspaceSession();
+  const params=new URLSearchParams(location.search);const demoState=params.get('state');if(['ready','loading','empty','error'].includes(demoState))state.orderDataState=demoState;const network=params.get('network');if(['online','unstable','offline'].includes(network))state.networkStatus=network;const theme=params.get('theme');if(['light','dark'].includes(theme))state.theme=theme;
+  const byHash=screens.find(x=>x.path===location.hash);if(byHash)state.activeId=byHash.id;
+  if(state.activeId!=='HOME'&&!state.tabs.some(t=>t.id===state.activeId))state.tabs.push({id:state.activeId,title:screen(state.activeId).title,pinned:false,dirty:false,resumed:false});persistWorkspaceSession();
+  renderAll();
+})();
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/browser-interaction-v38.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/browser-interaction-v38.json
new file mode 100644
index 00000000..1d6fe9bc
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/browser-interaction-v38.json
@@ -0,0 +1,20 @@
+{
+  "viewport": "1440x900",
+  "method": "Headless Chromium interaction harness using the same index/css/js with resources inlined because loopback/file navigation is blocked by the execution sandbox.",
+  "runtimeErrors": 0,
+  "checks": {
+    "homeRendered": true,
+    "ctrlKSearchOpenedT01": true,
+    "t01QuickFilterChangedRows": true,
+    "t01SelectionEnabledBulkAction": true,
+    "drawerEscapeRecovery": true,
+    "dirtyTabCloseGuard": true,
+    "t05MasterDetailChanged": true,
+    "t06ExceptionFilter": true,
+    "t07MismatchToggle": true,
+    "t08FileGateAndStep2": true,
+    "t09WrongBarcodeError": true,
+    "t09CorrectBarcodeIncrement": true,
+    "t09QuantityDialog": true
+  }
+}
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/browser-interaction-v39.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/browser-interaction-v39.json
new file mode 100644
index 00000000..823998e8
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/browser-interaction-v39.json
@@ -0,0 +1,162 @@
+{
+  "version": "v39",
+  "passed": 31,
+  "total": 31,
+  "results": [
+    {
+      "name": "home stock intent opens T01",
+      "ok": true,
+      "detail": ""
+    },
+    {
+      "name": "home stock intent applies filter",
+      "ok": true,
+      "detail": ""
+    },
+    {
+      "name": "stock filter narrows visible rows",
+      "ok": true,
+      "detail": "1"
+    },
+    {
+      "name": "T01 Space selects focused row",
+      "ok": true,
+      "detail": ""
+    },
+    {
+      "name": "T01 Enter opens detail drawer",
+      "ok": true,
+      "detail": ""
+    },
+    {
+      "name": "drawer makes background inert",
+      "ok": true,
+      "detail": ""
+    },
+    {
+      "name": "drawer Esc restores background",
+      "ok": true,
+      "detail": ""
+    },
+    {
+      "name": "dirty navigation opens guard",
+      "ok": true,
+      "detail": ""
+    },
+    {
+      "name": "dirty navigation keeps T03 until decision",
+      "ok": true,
+      "detail": ""
+    },
+    {
+      "name": "discard continues pending navigation",
+      "ok": true,
+      "detail": ""
+    },
+    {
+      "name": "T02 F2 opens lookup dialog",
+      "ok": true,
+      "detail": ""
+    },
+    {
+      "name": "lookup Enter selects warehouse",
+      "ok": true,
+      "detail": ""
+    },
+    {
+      "name": "lookup selection advances focus",
+      "ok": true,
+      "detail": "barcode"
+    },
+    {
+      "name": "help opens actual drawer content",
+      "ok": true,
+      "detail": ""
+    },
+    {
+      "name": "suggestion form submits and closes",
+      "ok": true,
+      "detail": ""
+    },
+    {
+      "name": "T08 opens after save",
+      "ok": true,
+      "detail": ""
+    },
+    {
+      "name": "T08 reaches preview step",
+      "ok": true,
+      "detail": ""
+    },
+    {
+      "name": "T08 background job progresses",
+      "ok": true,
+      "detail": "22"
+    },
+    {
+      "name": "T08 can leave while job runs",
+      "ok": true,
+      "detail": ""
+    },
+    {
+      "name": "T08 return restores progress",
+      "ok": true,
+      "detail": "(22, 55)"
+    },
+    {
+      "name": "T08 job completes",
+      "ok": true,
+      "detail": ""
+    },
+    {
+      "name": "WMS valid scan increments once",
+      "ok": true,
+      "detail": "5"
+    },
+    {
+      "name": "WMS duplicate scan does not increment",
+      "ok": true,
+      "detail": "(5, 5)"
+    },
+    {
+      "name": "runtime console/page errors",
+      "ok": true,
+      "detail": "[]"
+    },
+    {
+      "name": "1280x720 no document horizontal overflow",
+      "ok": true,
+      "detail": "[1280, 1280]"
+    },
+    {
+      "name": "1280x720 grid remains in local scroll container",
+      "ok": true,
+      "detail": ""
+    },
+    {
+      "name": "1280 runtime errors",
+      "ok": true,
+      "detail": "[]"
+    },
+    {
+      "name": "narrow/zoom-pressure shell avoids document overflow",
+      "ok": true,
+      "detail": "[720, 720]"
+    },
+    {
+      "name": "narrow shell collapses side nav",
+      "ok": true,
+      "detail": "56px"
+    },
+    {
+      "name": "narrow runtime errors",
+      "ok": true,
+      "detail": "[]"
+    },
+    {
+      "name": "WMS 390x844 uses full mobile viewport",
+      "ok": true,
+      "detail": "mode=wms-mobile, header=none, width=390px, scroll=[390, 390], errors=[]"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/browser-interaction-v40.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/browser-interaction-v40.json
new file mode 100644
index 00000000..fc3f784a
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/browser-interaction-v40.json
@@ -0,0 +1,254 @@
+{
+  "version": "v40",
+  "passed": 49,
+  "total": 49,
+  "results": [
+    {
+      "name": "home renders",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "home actionable attention 4",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T01 channel+keyword filters actual rows",
+      "pass": true,
+      "detail": "rows=1"
+    },
+    {
+      "name": "T01 query values preserved after loading render",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T01 selection enables ship",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T01 reset clears actual criteria",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T02 F8 uses validation not dirty bypass",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T02 lookup dialog opens",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T02 lookup selected warehouse",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T02 new master save adds list row",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T02 save clears dirty indicator",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T02 master selection dirty guard",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T02 discard then select target",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T03 F8 blocks invalid line",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T03 valid save clears dirty",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T03 explicit state transition",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T03 confirmed disables confirm",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T06 selection enables assign",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T06 assignment changes row state",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T06 action result visible",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T07 reprocess resolves selected mismatch",
+      "pass": true,
+      "detail": "2->1"
+    },
+    {
+      "name": "T07 result feedback persists",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "browser hash navigation dirty guard opens",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "browser hash rolled back while pending",
+      "pass": true,
+      "detail": "#items"
+    },
+    {
+      "name": "discard completes pending route",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T08 background job running",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T08 can leave job",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T09 mobile hides desktop shell",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T09 validated scan increments",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "runtime console/page errors zero",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "Ctrl+K opens menu search",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "menu search Enter opens target",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "side nav collapse state",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "density toggle applies comfortable",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "utility drawer opens",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "drawer makes shell inert",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "drawer Esc restores shell",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T04 invalid price disables save",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T04 corrected price restores save",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T04 save clears dirty before navigation",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T05 master detail context changes",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T08 job progresses while away",
+      "pass": true,
+      "detail": "11->33"
+    },
+    {
+      "name": "T08 job completes asynchronously",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T08 result step reachable",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T09 duplicate scan does not double increment",
+      "pass": true,
+      "detail": "5->5"
+    },
+    {
+      "name": "T09 wrong barcode recovery visible",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T09 390 full viewport width",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "1280x720 document horizontal overflow none",
+      "pass": true,
+      "detail": "0"
+    },
+    {
+      "name": "supplement runtime errors zero",
+      "pass": true,
+      "detail": ""
+    }
+  ],
+  "runtimeErrors": [],
+  "note": "Production DOM/CSS/JS tested in inline-asset browser harness because container browser navigation is administratively blocked."
+}
\ No newline at end of file
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/home-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/home-1440x900.png
new file mode 100644
index 00000000..40f55a00
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/home-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/home-v38-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/home-v38-1440x900.png
new file mode 100644
index 00000000..97223ed5
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/home-v38-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/home-v39-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/home-v39-1440x900.png
new file mode 100644
index 00000000..796027ff
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/home-v39-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/home-v39-zoom-pressure-720x450.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/home-v39-zoom-pressure-720x450.png
new file mode 100644
index 00000000..9dcb24f0
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/home-v39-zoom-pressure-720x450.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/home-v40-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/home-v40-1440x900.png
new file mode 100644
index 00000000..796027ff
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/home-v40-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/home-v43-dark-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/home-v43-dark-1440x900.png
new file mode 100644
index 00000000..77fea2cd
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/home-v43-dark-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/home-v43-light-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/home-v43-light-1440x900.png
new file mode 100644
index 00000000..64a63684
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/home-v43-light-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/lookup-v39-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/lookup-v39-1440x900.png
new file mode 100644
index 00000000..6e3af3eb
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/lookup-v39-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t01-order-list-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t01-order-list-1440x900.png
new file mode 100644
index 00000000..176e0268
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t01-order-list-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t01-order-list-v38-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t01-order-list-v38-1440x900.png
new file mode 100644
index 00000000..4f281bed
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t01-order-list-v38-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t01-order-stock-v39-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t01-order-stock-v39-1440x900.png
new file mode 100644
index 00000000..38adfc62
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t01-order-stock-v39-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t01-v39-1280x720.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t01-v39-1280x720.png
new file mode 100644
index 00000000..d4aebb83
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t01-v39-1280x720.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t01-v43-dark-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t01-v43-dark-1440x900.png
new file mode 100644
index 00000000..d348fc3b
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t01-v43-dark-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t02-lookup-v39-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t02-lookup-v39-1440x900.png
new file mode 100644
index 00000000..4b111af6
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t02-lookup-v39-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t02-master-v40-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t02-master-v40-1440x900.png
new file mode 100644
index 00000000..1641b7f0
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t02-master-v40-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t03-transaction-v40-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t03-transaction-v40-1440x900.png
new file mode 100644
index 00000000..3c55407b
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t03-transaction-v40-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t07-reconcile-v40-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t07-reconcile-v40-1440x900.png
new file mode 100644
index 00000000..b1e41b47
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t07-reconcile-v40-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t08-job-v39-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t08-job-v39-1440x900.png
new file mode 100644
index 00000000..d00f718d
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t08-job-v39-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t09-picking-phone-v38.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t09-picking-phone-v38.png
new file mode 100644
index 00000000..0ba476be
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t09-picking-phone-v38.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t09-picking-v39-390x844.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t09-picking-v39-390x844.png
new file mode 100644
index 00000000..67ca28df
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t09-picking-v39-390x844.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t09-picking-v40-390x844.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t09-picking-v40-390x844.png
new file mode 100644
index 00000000..6d6c0148
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/t09-picking-v40-390x844.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/theme-browser-v43.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/theme-browser-v43.json
new file mode 100644
index 00000000..eeaddd39
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/theme-browser-v43.json
@@ -0,0 +1,89 @@
+{
+  "version": "v43",
+  "scope": "inline-asset browser QA for FE Reference Lab; production CSP remains statically validated",
+  "passed": 16,
+  "total": 16,
+  "checks": [
+    {
+      "name": "initial-light",
+      "pass": true,
+      "detail": "light"
+    },
+    {
+      "name": "toggle-dark",
+      "pass": true,
+      "detail": "dark"
+    },
+    {
+      "name": "dark-text-recomputed",
+      "pass": true,
+      "detail": "rgb(229, 231, 235)"
+    },
+    {
+      "name": "theme-aria",
+      "pass": true,
+      "detail": "밝은 테마로 변경"
+    },
+    {
+      "name": "T01-dark-render",
+      "pass": true,
+      "detail": "OMS-ORD-001:T01"
+    },
+    {
+      "name": "T02-dark-render",
+      "pass": true,
+      "detail": "ERP-MST-ITEM-001:T02"
+    },
+    {
+      "name": "T03-dark-render",
+      "pass": true,
+      "detail": "OMS-ORD-002:T03"
+    },
+    {
+      "name": "T04-dark-render",
+      "pass": true,
+      "detail": "ERP-PRICE-001:T04"
+    },
+    {
+      "name": "T05-dark-render",
+      "pass": true,
+      "detail": "ERP-INV-001:T05"
+    },
+    {
+      "name": "T06-dark-render",
+      "pass": true,
+      "detail": "WMS-WORK-001:T06"
+    },
+    {
+      "name": "T07-dark-render",
+      "pass": true,
+      "detail": "COMMON-REC-001:T07"
+    },
+    {
+      "name": "T08-dark-render",
+      "pass": true,
+      "detail": "OMS-ORD-003:T08"
+    },
+    {
+      "name": "T09-dark-render",
+      "pass": true,
+      "detail": "WMS-PICK-001:wms-mobile:wms-mobile"
+    },
+    {
+      "name": "1280-no-document-overflow",
+      "pass": true,
+      "detail": "False"
+    },
+    {
+      "name": "toggle-light-back",
+      "pass": true,
+      "detail": "light"
+    },
+    {
+      "name": "runtime-errors-zero",
+      "pass": true,
+      "detail": ""
+    }
+  ],
+  "pageErrors": []
+}
\ No newline at end of file
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v44-home-dark-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v44-home-dark-1440x900.png
new file mode 100644
index 00000000..f2e5eaba
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v44-home-dark-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v44-home-light-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v44-home-light-1440x900.png
new file mode 100644
index 00000000..64a63684
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v44-home-light-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v44-runtime-panel-dark-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v44-runtime-panel-dark-1440x900.png
new file mode 100644
index 00000000..92aecfab
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v44-runtime-panel-dark-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v44-t01-dark-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v44-t01-dark-1440x900.png
new file mode 100644
index 00000000..4680fbd4
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v44-t01-dark-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v44-t01-forced-colors-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v44-t01-forced-colors-1440x900.png
new file mode 100644
index 00000000..b38baf3f
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v44-t01-forced-colors-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v44-t09-dark-390x844.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v44-t09-dark-390x844.png
new file mode 100644
index 00000000..14852c9d
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v44-t09-dark-390x844.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v45-home-dark-1280x720.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v45-home-dark-1280x720.png
new file mode 100644
index 00000000..f0e62522
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v45-home-dark-1280x720.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v45-t01-preference-dark-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v45-t01-preference-dark-1440x900.png
new file mode 100644
index 00000000..f8ec6acc
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v45-t01-preference-dark-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v46-home-resume-dark-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v46-home-resume-dark-1440x900.png
new file mode 100644
index 00000000..10d3d918
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v46-home-resume-dark-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v47-t01-problem-dark-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v47-t01-problem-dark-1440x900.png
new file mode 100644
index 00000000..d7e83e75
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v47-t01-problem-dark-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v48-t05-inventory-dark-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v48-t05-inventory-dark-1440x900.png
new file mode 100644
index 00000000..8afa5425
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v48-t05-inventory-dark-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v48-t08-file-dark-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v48-t08-file-dark-1440x900.png
new file mode 100644
index 00000000..656cc9f6
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v48-t08-file-dark-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v49-home-attention-dark-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v49-home-attention-dark-1440x900.png
new file mode 100644
index 00000000..7f8a43f2
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v49-home-attention-dark-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v50-home-overflow-dark-1440x900.png b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v50-home-overflow-dark-1440x900.png
new file mode 100644
index 00000000..30ceb1b1
Binary files /dev/null and b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/fe-reference/previews/v50-home-overflow-dark-1440x900.png differ
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/index.html b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/index.html
new file mode 100644
index 00000000..84fef1e4
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/index.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="color-scheme" content="light dark" />
+    <meta name="referrer" content="strict-origin-when-cross-origin" />
+    <title>KBX 업무 플랫폼</title>
+  </head>
+  <body>
+    <noscript>KBX 업무 화면을 사용하려면 JavaScript가 필요합니다.</noscript>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/package.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/package.json
new file mode 100644
index 00000000..33679df9
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/package.json
@@ -0,0 +1,35 @@
+{
+  "name": "@kbx/web",
+  "version": "0.45.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite --host 127.0.0.1",
+    "dev:demo": "vite --mode demo --host 127.0.0.1",
+    "build": "vue-tsc --noEmit && vite build",
+    "build:demo": "vue-tsc --noEmit && vite build --mode demo",
+    "typecheck": "vue-tsc --noEmit",
+    "preview": "vite preview --host 127.0.0.1"
+  },
+  "dependencies": {
+    "@kbx/contracts": "workspace:*",
+    "@kbx/ui": "workspace:*",
+    "@microsoft/signalr": "^10.0.0",
+    "@primeuix/themes": "^1.2.3",
+    "@tanstack/vue-query": "^5.85.5",
+    "ag-grid-community": "^34.1.2",
+    "ag-grid-vue3": "^34.1.2",
+    "axios": "^1.11.0",
+    "pinia": "^3.0.3",
+    "primevue": "^4.3.7",
+    "vue": "^3.5.18",
+    "vue-router": "^4.5.1",
+    "zod": "^4.0.17"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^7.0.0",
+    "typescript": "^5.9.2",
+    "vite": "^8.0.0",
+    "vue-tsc": "^3.0.5"
+  }
+}
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/App.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/App.vue
new file mode 100644
index 00000000..8b2239e1
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/App.vue
@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { kbxPermissionCatalog } from '@kbx/contracts'
+import KbxAppFrame from './shell/KbxAppFrame.vue'
+
+const demoMode = import.meta.env.VITE_KBX_DEMO_MODE === 'true'
+const permissions = computed(() => demoMode ? kbxPermissionCatalog.map(permission => permission.id) : [])
+</script>
+
+<template>
+  <KbxAppFrame
+    product-name="KBX"
+    :granted-permissions="permissions"
+    :preference-scope="demoMode ? 'demo-tenant:qa-user' : 'anonymous:secure-default'"
+    app-version="v51-fe-presentation-workbench"
+    :user-role="demoMode ? 'QA' : 'anonymous'"
+  />
+</template>
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/app/installKbx.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/app/installKbx.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/app/installKbx.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/app/installKbx.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/experiments/createExperimentRolloutConnection.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/experiments/createExperimentRolloutConnection.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/experiments/createExperimentRolloutConnection.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/experiments/createExperimentRolloutConnection.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/experiments/kbxExperimentClient.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/experiments/kbxExperimentClient.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/experiments/kbxExperimentClient.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/experiments/kbxExperimentClient.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/help/helpRegistry.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/help/helpRegistry.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/help/helpRegistry.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/help/helpRegistry.ts
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/http/demo/installFrontendDemoApi.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/http/demo/installFrontendDemoApi.ts
new file mode 100644
index 00000000..2f462f64
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/http/demo/installFrontendDemoApi.ts
@@ -0,0 +1,217 @@
+import type { AxiosAdapter, AxiosRequestConfig, AxiosResponse } from 'axios'
+import { kbxHttp } from '../http/kbxHttpClient'
+
+const now = () => new Date().toISOString()
+const clone = <T>(value: T): T => structuredClone(value)
+const uid = () => crypto.randomUUID()
+
+const customers = [
+  { id:'11111111-1111-4111-8111-111111111111', code:'10001', displayName:'대한상사', secondaryText:'서울 · 정상', status:'active', metadata:{ businessNumber:'123-45-67890', representative:'김대표' } },
+  { id:'22222222-2222-4222-8222-222222222222', code:'10002', displayName:'한빛유통', secondaryText:'경기 · 정상', status:'active', metadata:{ businessNumber:'234-56-78901', representative:'이대표' } },
+  { id:'33333333-3333-4333-8333-333333333333', code:'10003', displayName:'새봄물류', secondaryText:'인천 · 정상', status:'active', metadata:{ businessNumber:'345-67-89012', representative:'박대표' } },
+]
+const warehouses = [
+  { id:'aaaaaaaa-aaaa-4aaa-8aaa-aaaaaaaaaaaa', code:'WH01', displayName:'서울물류센터', secondaryText:'수도권', status:'active' },
+  { id:'bbbbbbbb-bbbb-4bbb-8bbb-bbbbbbbbbbbb', code:'WH02', displayName:'인천물류센터', secondaryText:'수도권', status:'active' },
+  { id:'cccccccc-cccc-4ccc-8ccc-cccccccccccc', code:'WH03', displayName:'부산물류센터', secondaryText:'영남권', status:'active' },
+]
+
+const items = [
+  { id:'10000000-0000-4000-8000-000000000001', code:'ABC001', name:'운동화 BLACK 270', displayName:'운동화 BLACK 270', categoryName:'신발', specification:'BLACK / 270', unit:'EA', barcode:'8801234567001', defaultWarehouseId:warehouses[0].id, defaultWarehouseName:warehouses[0].displayName, lotManaged:false, expiryManaged:false, active:true, version:3 },
+  { id:'10000000-0000-4000-8000-000000000002', code:'ABC002', name:'운동화 WHITE 265', displayName:'운동화 WHITE 265', categoryName:'신발', specification:'WHITE / 265', unit:'EA', barcode:'8801234567002', defaultWarehouseId:warehouses[0].id, defaultWarehouseName:warehouses[0].displayName, lotManaged:false, expiryManaged:false, active:true, version:2 },
+  { id:'10000000-0000-4000-8000-000000000003', code:'DEF001', name:'기능성 양말', displayName:'기능성 양말', categoryName:'의류', specification:'FREE / BLACK', unit:'EA', barcode:'8801234567003', defaultWarehouseId:warehouses[1].id, defaultWarehouseName:warehouses[1].displayName, lotManaged:false, expiryManaged:false, active:true, version:5 },
+  { id:'10000000-0000-4000-8000-000000000004', code:'FOOD01', name:'에너지바 40g', displayName:'에너지바 40g', categoryName:'식품', specification:'40g', unit:'EA', barcode:'8801234567004', defaultWarehouseId:warehouses[1].id, defaultWarehouseName:warehouses[1].displayName, lotManaged:true, expiryManaged:true, active:true, version:1 },
+]
+
+const orderDetails = new Map<string, any>([
+  ['20000000-0000-4000-8000-000000000001', {
+    orderId:'20000000-0000-4000-8000-000000000001', orderNo:'ORD-260811-0001', version:4, status:'출고대기', orderDate:'2026-08-11', customerId:customers[0].id, warehouseId:warehouses[0].id,
+    receiverName:'홍길동', phone:'010-1234-5678', postalCode:'06236', address1:'서울특별시 강남구 테헤란로 1', address2:'101호',
+    lines:[{id:'line-1',clientId:'line-1',itemId:items[0].id,itemCode:'ABC001',itemName:items[0].name,orderQty:2,unitPrice:89000,amount:178000,remark:''}],
+  }],
+  ['20000000-0000-4000-8000-000000000002', {
+    orderId:'20000000-0000-4000-8000-000000000002', orderNo:'ORD-260811-0002', version:2, status:'신규', orderDate:'2026-08-11', customerId:customers[1].id, warehouseId:warehouses[0].id,
+    receiverName:'김하나', phone:'010-2345-6789', postalCode:'04524', address1:'서울특별시 중구 세종대로 10', address2:'',
+    lines:[{id:'line-2',clientId:'line-2',itemId:items[2].id,itemCode:'DEF001',itemName:items[2].name,orderQty:5,unitPrice:12000,amount:60000,remark:'선물포장'}],
+  }],
+  ['20000000-0000-4000-8000-000000000003', {
+    orderId:'20000000-0000-4000-8000-000000000003', orderNo:'ORD-260811-0003', version:6, status:'출고대기', orderDate:'2026-08-11', customerId:customers[2].id, warehouseId:warehouses[1].id,
+    receiverName:'박현장', phone:'010-3456-7890', postalCode:'22382', address1:'인천광역시 중구 공항동로 1', address2:'물류동',
+    lines:[{id:'line-3',clientId:'line-3',itemId:items[1].id,itemCode:'ABC002',itemName:items[1].name,orderQty:1,unitPrice:92000,amount:92000,remark:''}],
+  }],
+])
+
+let orderRows = [
+  { id:'20000000-0000-4000-8000-000000000001', orderNo:'ORD-260811-0001', channelName:'쿠팡', orderedAt:'2026-08-11T09:15:00+09:00', customerName:'홍길동', itemSummary:'운동화 BLACK 270', totalQty:2, amount:178000, allocationStatus:'부족', shipmentStatus:'출고대기', exceptionCount:1, status:'READY' },
+  { id:'20000000-0000-4000-8000-000000000002', orderNo:'ORD-260811-0002', channelName:'스마트스토어', orderedAt:'2026-08-11T09:38:00+09:00', customerName:'김하나', itemSummary:'기능성 양말', totalQty:5, amount:60000, allocationStatus:'정상', shipmentStatus:'신규', exceptionCount:0, status:'NEW' },
+  { id:'20000000-0000-4000-8000-000000000003', orderNo:'ORD-260811-0003', channelName:'자사몰', orderedAt:'2026-08-11T10:02:00+09:00', customerName:'박현장', itemSummary:'운동화 WHITE 265', totalQty:1, amount:92000, allocationStatus:'정상', shipmentStatus:'출고대기', exceptionCount:0, status:'READY' },
+  { id:'20000000-0000-4000-8000-000000000004', orderNo:'ORD-260811-0004', channelName:'쿠팡', orderedAt:'2026-08-11T10:17:00+09:00', customerName:'이소라', itemSummary:'에너지바 40g', totalQty:12, amount:36000, allocationStatus:'정상', shipmentStatus:'보류', exceptionCount:1, status:'HOLD' },
+  { id:'20000000-0000-4000-8000-000000000005', orderNo:'ORD-260811-0005', channelName:'스마트스토어', orderedAt:'2026-08-11T11:05:00+09:00', customerName:'정우진', itemSummary:'기능성 양말 외 1종', totalQty:4, amount:84000, allocationStatus:'정상', shipmentStatus:'출고완료', exceptionCount:0, status:'SHIPPED' },
+]
+
+const auditByEntity = new Map<string, any[]>()
+function audit(id:string, action:string, changes:any[] = []) {
+  const list = auditByEntity.get(id) ?? []
+  list.unshift({ id:uid(), occurredAt:now(), actor:{type:'user',displayName:'QA 사용자'}, action, changes })
+  auditByEntity.set(id, list)
+}
+for (const id of orderDetails.keys()) audit(id, '주문 조회용 데모 데이터 생성')
+for (const item of items) audit(item.id, '품목 기준정보 생성')
+
+let notifications:any[] = [
+  { id:'noti-1', severity:'warning', title:'재고부족 주문 7건', message:'출고 전 확인이 필요합니다.', createdAt:now(), screenId:'OMS-ORD-001', action:{id:'open',label:'주문 보기',route:'/oms/orders?exceptionOnly=true'} },
+  { id:'noti-2', severity:'error', title:'OMS ↔ WMS 대사 불일치 3건', message:'원인 확인 후 재처리하세요.', createdAt:now(), screenId:'COMMON-REC-001', action:{id:'open',label:'대사 보기',route:'/operations/reconcile'} },
+]
+let operations:any[] = [
+  { id:'job-1', type:'excel-import', title:'주문 Excel Import', sourceScreenId:'OMS-ORD-003', status:'running', requestedAt:now(), startedAt:now(), processed:13421, total:17894, succeeded:13218, failed:203, resultMessage:'75% 처리 중' },
+]
+
+const workItems = [
+  { id:'op-1', module:'OMS', category:'재고', code:'STOCK_SHORTAGE', title:'주문 재고 부족', detail:'ABC001 가용재고 부족', severity:'warning', status:'open', owner:'', occurredAt:now(), screenId:'OMS-ORD-001', entityId:orderRows[0].id },
+  { id:'op-2', module:'WMS', category:'연계', code:'SHIPMENT_SYNC', title:'출고 연계 지연', detail:'WMS 전송 재시도 대기', severity:'error', status:'open', owner:'', occurredAt:now(), screenId:'COMMON-OPS-001', entityId:'sync-2' },
+]
+const reconcileItems = [
+  { id:'rec-1', reconcileType:'OMS_WMS_SHIPMENT', referenceNo:'ORD-260811-0001', expected:2, actual:1, difference:-1, reason:'피킹부족', status:'mismatch', resolutionStatus:'미처리' },
+  { id:'rec-2', reconcileType:'OMS_WMS_SHIPMENT', referenceNo:'ORD-260811-0003', expected:1, actual:1, difference:0, reason:'', status:'matched', resolutionStatus:'정상' },
+]
+
+const pickingTask:any = {
+  taskId:'30000000-0000-4000-8000-000000000001', taskNo:'PICK-260811-001', status:'ready', stage:'ready', version:1,
+  currentLine:{ lineId:'pick-line-1', lineNo:23, locationCode:'A-03-02', itemId:items[0].id, itemCode:items[0].code, itemName:items[0].name, itemOption:items[0].specification, barcode:items[0].barcode, requiredQty:6, pickedQty:4, remainingQty:2 },
+  completedLines:22, totalLines:138, completedQty:71, totalQty:427, message:'작업을 시작하세요.',
+}
+
+const imports = new Map<string, any>()
+
+function ok(config: AxiosRequestConfig, data: unknown, status = 200): AxiosResponse {
+  return { data, status, statusText: status === 204 ? 'No Content' : 'OK', headers:{}, config:config as any, request:{} }
+}
+function text(v:unknown){ return String(v ?? '').trim().toLowerCase() }
+function body(config:AxiosRequestConfig):any {
+  if (typeof config.data === 'string') { try { return JSON.parse(config.data) } catch { return config.data } }
+  return config.data ?? {}
+}
+function params(config:AxiosRequestConfig):Record<string,any>{ return (config.params ?? {}) as Record<string,any> }
+function path(config:AxiosRequestConfig){ return String(config.url ?? '').split('?')[0] }
+function findLookup(list:any[], codeOrId:string){ return list.find(x=>x.id===codeOrId||x.code.toLowerCase()===codeOrId.toLowerCase()) ?? null }
+function lookupResponse(list:any[], q:any){
+  const keyword=text(q.query)
+  const filtered=keyword?list.filter(x=>`${x.code} ${x.displayName} ${x.secondaryText??''}`.toLowerCase().includes(keyword)):list
+  return { items:clone(filtered.slice(0,Number(q.pageSize??20))), totalCount:filtered.length }
+}
+
+const demoAdapter:AxiosAdapter = async config => {
+  await new Promise(resolve => setTimeout(resolve, 90))
+  const method=String(config.method??'get').toUpperCase(); const url=path(config); const q=params(config); const data=body(config)
+
+  if(method==='GET'&&url==='/api/kbx/runtime/notice') return ok(config,null)
+  if(method==='GET'&&url==='/api/kbx/runtime/operations') return ok(config,clone(operations))
+  if(method==='GET'&&url==='/api/kbx/runtime/notifications') return ok(config,clone(notifications))
+  if(method==='POST'&&/^\/api\/kbx\/runtime\/notifications\/[^/]+\/read$/.test(url)){const id=url.split('/').at(-2)!;const n=notifications.find(x=>x.id===id);if(n)n.readAt=now();return ok(config,undefined,204)}
+  if(method==='POST'&&url==='/api/kbx/ux/events') return ok(config,undefined,204)
+  if(method==='POST'&&url==='/api/common/suggestions') return ok(config,{id:uid(),receivedAt:now()})
+  if(method==='POST'&&url==='/api/common/ai/ask') return ok(config,{answer:'현재 화면의 예외와 선택 상태를 기준으로 확인할 항목을 정리했습니다.',actions:[]})
+
+  if(method==='GET'&&url==='/api/oms/orders'){
+    let rows=[...orderRows]; const keyword=text(q.keyword)
+    if(q.status) rows=rows.filter(x=>x.status===q.status)
+    if(String(q.exceptionOnly)==='true'||q.exceptionOnly===true) rows=rows.filter(x=>x.exceptionCount>0)
+    if(keyword) rows=rows.filter(x=>`${x.orderNo} ${x.customerName} ${x.itemSummary} ${x.channelName}`.toLowerCase().includes(keyword))
+    const counters={all:orderRows.length,new:orderRows.filter(x=>x.status==='NEW').length,readyToShip:orderRows.filter(x=>x.status==='READY').length,exceptions:orderRows.filter(x=>x.exceptionCount>0).length}
+    const pageSize=Number(q.pageSize??100); const page=Math.max(Number(q.page??1),1); const slice=rows.slice((page-1)*pageSize,page*pageSize)
+    return ok(config,{items:clone(slice),totalCount:rows.length,totalQty:rows.reduce((s,x)=>s+x.totalQty,0),totalAmount:rows.reduce((s,x)=>s+x.amount,0),counters})
+  }
+  if(method==='GET'&&/^\/api\/oms\/orders\/[^/]+$/.test(url)){const id=url.split('/').at(-1)!;const existing=orderDetails.get(id);if(existing)return ok(config,clone(existing));const row=orderRows.find(x=>x.id===id);if(row)return ok(config,{orderId:id,orderNo:row.orderNo,version:1,status:row.shipmentStatus,orderDate:'2026-08-11',customerId:customers[0].id,warehouseId:warehouses[0].id,receiverName:row.customerName,phone:'010-0000-0000',address1:'서울특별시',lines:[]});return ok(config,null)}
+  if(method==='GET'&&/^\/api\/oms\/orders\/[^/]+\/audit$/.test(url)){const id=url.split('/').at(-2)!;return ok(config,clone(auditByEntity.get(id)??[]))}
+  if(method==='POST'&&url==='/api/oms/orders/ship'){
+    const ids:Array<string>=data.mode==='ids'?(data.ids??[]):orderRows.filter(row=>row.status==='READY').map(row=>row.id)
+    let accepted=0; for(const id of ids){const row=orderRows.find(x=>x.id===id);if(row&&row.status==='READY'){row.shipmentStatus='출고지시';accepted++}}
+    return ok(config,{requested:ids.length,accepted,rejected:ids.length-accepted})
+  }
+  if(method==='POST'&&url==='/api/oms/orders/register'){
+    const id=uid();const orderNo=`ORD-260811-${String(orderRows.length+1).padStart(4,'0')}`;const detail={...data,orderId:id,orderNo,version:1,status:'작성',lines:(data.lines??[]).map((line:any,index:number)=>{const item=items.find(x=>x.id===line.itemId);return{id:`${id}-${index+1}`,clientId:line.clientId,itemId:line.itemId,itemCode:item?.code??'',itemName:item?.name??'',orderQty:Number(line.orderQty),unitPrice:Number(line.unitPrice),amount:Number(line.orderQty)*Number(line.unitPrice),remark:line.remark??''}})};orderDetails.set(id,detail);orderRows.unshift({id,orderNo,channelName:'직접주문',orderedAt:now(),customerName:data.receiverName,itemSummary:detail.lines[0]?.itemName??'상품 없음',totalQty:detail.lines.reduce((s:number,x:any)=>s+x.orderQty,0),amount:detail.lines.reduce((s:number,x:any)=>s+x.amount,0),allocationStatus:'미확인',shipmentStatus:'작성',exceptionCount:0,status:'NEW'});audit(id,'주문 등록');return ok(config,{orderId:id,orderNo,version:1,status:'작성'})
+  }
+  if(method==='PUT'&&/^\/api\/oms\/orders\/[^/]+$/.test(url)){const id=url.split('/').at(-1)!;const existing=orderDetails.get(id);const version=Number(existing?.version??0)+1;const next={...(existing??{}),...data,orderId:id,orderNo:existing?.orderNo??`ORD-${id.slice(0,8)}`,version,status:existing?.status??'작성',lines:(data.lines??existing?.lines??[]).map((line:any,index:number)=>{const item=items.find(x=>x.id===line.itemId);return{...line,id:line.id??`${id}-${index+1}`,itemCode:item?.code??line.itemCode??'',itemName:item?.name??line.itemName??'',amount:Number(line.orderQty)*Number(line.unitPrice)}})};orderDetails.set(id,next);audit(id,'주문 수정');return ok(config,{orderId:id,orderNo:next.orderNo,version,status:next.status})}
+  if(method==='POST'&&/^\/api\/oms\/orders\/[^/]+\/confirm$/.test(url)){const id=url.split('/').at(-2)!;const existing=orderDetails.get(id);if(existing){existing.version=Number(existing.version)+1;existing.status='확정';audit(id,'주문 확정');return ok(config,{orderId:id,orderNo:existing.orderNo,version:existing.version,status:'확정'})}return ok(config,{orderId:id,orderNo:'',version:1,status:'확정'})}
+
+  if(url.startsWith('/api/lookups/customers')){
+    if(method==='GET'&&url==='/api/lookups/customers')return ok(config,lookupResponse(customers,q))
+    const key=decodeURIComponent(url.split('/').at(-1)!);return ok(config,clone(findLookup(customers,key)))
+  }
+  if(url.startsWith('/api/lookups/warehouses')){
+    if(method==='GET'&&url==='/api/lookups/warehouses')return ok(config,lookupResponse(warehouses,q))
+    const key=decodeURIComponent(url.split('/').at(-1)!);return ok(config,clone(findLookup(warehouses,key)))
+  }
+  if(url.startsWith('/api/lookups/items')){
+    const lookupItems=items.map(x=>({id:x.id,code:x.code,displayName:x.name,secondaryText:`${x.specification} · ${x.unit}`,status:x.active?'active':'disabled',metadata:{availableQty:x.code==='ABC001'?8:120}}))
+    if(method==='GET'&&url==='/api/lookups/items')return ok(config,lookupResponse(lookupItems,q))
+    const key=decodeURIComponent(url.split('/').at(-1)!);return ok(config,clone(findLookup(lookupItems,key)))
+  }
+
+  if(method==='GET'&&url==='/api/erp/items'){const keyword=text(q.keyword);const found=keyword?items.filter(x=>`${x.code} ${x.name}`.toLowerCase().includes(keyword)):items;return ok(config,{items:clone(found),totalCount:found.length})}
+  if(method==='GET'&&/^\/api\/erp\/items\/[^/]+$/.test(url)){const id=url.split('/').at(-1)!;return ok(config,clone(items.find(x=>x.id===id)??null))}
+  if(method==='GET'&&/^\/api\/erp\/items\/[^/]+\/audit$/.test(url)){const id=url.split('/').at(-2)!;return ok(config,clone(auditByEntity.get(id)??[]))}
+  if(method==='POST'&&url==='/api/erp/items'){const id=uid();const created={id,version:1,active:true,defaultWarehouseName:warehouses.find(x=>x.id===data.defaultWarehouseId)?.displayName??'',...data};items.push(created);audit(id,'품목 등록');return ok(config,{id,version:1,status:'사용'})}
+  if(method==='PUT'&&/^\/api\/erp\/items\/[^/]+$/.test(url)){const id=url.split('/').at(-1)!;const target=items.find(x=>x.id===id);if(target){Object.assign(target,data,{version:Number(target.version)+1,defaultWarehouseName:warehouses.find(x=>x.id===data.defaultWarehouseId)?.displayName??target.defaultWarehouseName});audit(id,'품목 수정');return ok(config,{id,version:target.version,status:target.active?'사용':'사용중지'})}return ok(config,{id,version:1,status:'사용'})}
+  if(method==='POST'&&/^\/api\/erp\/items\/[^/]+\/deactivate$/.test(url)){const id=url.split('/').at(-2)!;const target=items.find(x=>x.id===id);if(target){target.active=false;target.version=Number(target.version)+1;audit(id,'품목 사용중지');return ok(config,{id,version:target.version,status:'사용중지'})}return ok(config,{id,version:1,status:'사용중지'})}
+
+  if(method==='GET'&&url==='/api/erp/inventory'){
+    const inv=items.map((x,index)=>({itemId:x.id,itemCode:x.code,itemName:x.name,specification:x.specification,unit:x.unit,totalQty:[1280,721,312,96][index]??0,availableQty:[830,650,290,80][index]??0,allocatedQty:[430,61,12,8][index]??0,holdQty:[20,10,10,8][index]??0}))
+    const keyword=text(q.keyword);const found=keyword?inv.filter(x=>`${x.itemCode} ${x.itemName}`.toLowerCase().includes(keyword)):inv;return ok(config,{items:found,totalCount:found.length})
+  }
+  if(method==='GET'&&/^\/api\/erp\/inventory\/[^/]+\/locations$/.test(url)){return ok(config,{items:[{warehouseCode:'WH01',warehouseName:'서울물류센터',locationCode:'A-01-01',onHandQty:300,availableQty:260},{warehouseCode:'WH01',warehouseName:'서울물류센터',locationCode:'A-01-02',onHandQty:530,availableQty:500}]})}
+  if(method==='GET'&&/^\/api\/erp\/inventory\/[^/]+\/history$/.test(url)){return ok(config,{items:[{occurredAt:'2026-08-11T10:21:00+09:00',businessType:'출고',inQty:0,outQty:2,balanceQty:830,referenceNo:'ORD-260811-0001'},{occurredAt:'2026-08-11T08:40:00+09:00',businessType:'입고',inQty:100,outQty:0,balanceQty:832,referenceNo:'GR-260811-001'}]})}
+  if(method==='POST'&&url==='/api/erp/item-prices/bulk'){return ok(config,{requested:data.rows?.length??0,saved:data.rows?.length??0,created:data.rows?.length??0,updated:0})}
+
+  if(method==='GET'&&url==='/api/operations/work-items'){return ok(config,{items:clone(workItems),totalCount:workItems.length,counters:{all:workItems.length,open:workItems.filter(x=>x.status==='open').length,critical:workItems.filter(x=>x.severity==='error').length}})}
+  if(method==='POST'&&url==='/api/operations/work-items/claim'){for(const id of data.ids??[]){const item=workItems.find(x=>x.id===id);if(item)item.owner='QA 사용자'}return ok(config,{updated:(data.ids??[]).length})}
+  if(method==='POST'&&url==='/api/operations/work-items/resolve'){for(const id of data.ids??[]){const item=workItems.find(x=>x.id===id);if(item)item.status='resolved'}return ok(config,{updated:(data.ids??[]).length})}
+  if(method==='POST'&&/^\/api\/operations\/work-items\/[^/]+\/retry$/.test(url))return ok(config,{accepted:true})
+  if(method==='GET'&&url==='/api/reconcile/items'){return ok(config,{items:clone(reconcileItems),totalCount:reconcileItems.length,mismatchCount:reconcileItems.filter(x=>x.difference!==0).length})}
+  if(method==='POST'&&url==='/api/reconcile/items/create-exceptions')return ok(config,{created:(data.ids??[]).length})
+
+  if(method==='GET'&&url==='/api/oms/claims')return ok(config,{items:[{id:'claim-1',claimNo:'CLM-260811-01',orderNo:'ORD-260811-0001',type:'RETURN',reason:'사이즈 교환',status:'접수',customerName:'홍길동',requestedAt:now(),version:1}],totalCount:1})
+  if(method==='POST'&&/^\/api\/oms\/claims\/[^/]+\/(approve|hold|start|complete)$/.test(url)){const transition=url.split('/').at(-1)!;return ok(config,{id:url.split('/').at(-2),status:{approve:'승인',hold:'보류',start:'처리중',complete:'완료'}[transition],version:2})}
+
+  if(method==='GET'&&/^\/api\/wms\/picking\/tasks\/[^/]+$/.test(url))return ok(config,clone(pickingTask))
+  if(method==='POST'&&/^\/api\/wms\/picking\/tasks\/[^/]+\/start$/.test(url)){pickingTask.status='picking';pickingTask.stage='await-location';pickingTask.message='A-03-02 위치를 스캔하세요.';pickingTask.version++;return ok(config,clone(pickingTask))}
+  if(method==='POST'&&/^\/api\/wms\/picking\/tasks\/[^/]+\/scan$/.test(url)){
+    const raw=String(data.normalizedValue??data.rawValue??data.barcode??'')
+    if(pickingTask.stage==='await-location'){
+      const accepted=raw===pickingTask.currentLine?.locationCode
+      if(accepted){pickingTask.stage='await-item';pickingTask.message='상품을 스캔하세요.';pickingTask.version++}
+      return ok(config,{accepted,duplicate:false,task:clone(pickingTask),feedback:accepted?'success':'error',message:accepted?'위치를 확인했습니다.':`잘못된 위치입니다. ${pickingTask.currentLine?.locationCode}로 이동하세요.`})
+    }
+    const expected=pickingTask.currentLine?.barcode
+    if(raw===expected&&pickingTask.currentLine){pickingTask.currentLine.pickedQty++;pickingTask.currentLine.remainingQty=Math.max(pickingTask.currentLine.requiredQty-pickingTask.currentLine.pickedQty,0);pickingTask.completedQty++;pickingTask.version++;pickingTask.message=pickingTask.currentLine.remainingQty===0?'현재 상품 피킹을 완료했습니다.':'수량을 반영했습니다.';return ok(config,{accepted:true,duplicate:false,task:clone(pickingTask),feedback:'success',message:pickingTask.message})}
+    return ok(config,{accepted:false,duplicate:false,task:clone(pickingTask),feedback:'error',message:'다른 상품입니다.'})
+  }
+  if(method==='POST'&&/^\/api\/wms\/picking\/tasks\/[^/]+\/quantity$/.test(url)){if(pickingTask.currentLine){const before=pickingTask.currentLine.pickedQty;pickingTask.currentLine.pickedQty=Number(data.pickedQty??0);pickingTask.currentLine.remainingQty=Math.max(pickingTask.currentLine.requiredQty-pickingTask.currentLine.pickedQty,0);pickingTask.completedQty+=pickingTask.currentLine.pickedQty-before;pickingTask.version++;pickingTask.message='피킹 수량을 변경했습니다.'}return ok(config,{accepted:true,duplicate:false,task:clone(pickingTask),feedback:'success',message:pickingTask.message})}
+  if(method==='POST'&&/^\/api\/wms\/picking\/tasks\/[^/]+\/exceptions$/.test(url)){pickingTask.status='exception';pickingTask.version++;return ok(config,clone(pickingTask))}
+
+  if(method==='POST'&&url==='/api/imports/sessions'){
+    const id=uid();const session={id,importType:'oms.orders.v1',screenId:'OMS-ORD-003',fileName:'demo-orders.xlsx',status:'mapping-required',totalRows:128,validRows:0,invalidRows:0,warningRows:0,createdRows:0,updatedRows:0,progressPercent:10,mapping:[],sourceColumns:['주문번호','상품코드','수량','구매자'],createdAt:now()};imports.set(id,session);operations=[{id:`import:${id}`,type:'excel-import',title:'주문 Excel Import',sourceScreenId:'OMS-ORD-003',status:'running',requestedAt:now(),startedAt:now(),processed:0,total:128,succeeded:0,failed:0},...operations];return ok(config,clone(session))
+  }
+  if(method==='GET'&&/^\/api\/imports\/sessions\/[^/]+$/.test(url)){const id=url.split('/').at(-1)!;return ok(config,clone(imports.get(id)??null))}
+  if(method==='PUT'&&/^\/api\/imports\/sessions\/[^/]+\/mapping$/.test(url)){const id=url.split('/').at(-2)!;const s=imports.get(id);if(s){s.mapping=data.mappings??[];s.status='uploaded';s.progressPercent=20}return ok(config,clone(s))}
+  if(method==='POST'&&/^\/api\/imports\/sessions\/[^/]+\/validate$/.test(url)){const id=url.split('/').at(-2)!;const s=imports.get(id);if(s){Object.assign(s,{status:'validated',validRows:125,invalidRows:3,warningRows:2,progressPercent:60,errors:[{rowNumber:8,field:'itemCode',sourceColumn:'상품코드',code:'ITEM_NOT_FOUND',message:'존재하지 않는 품목코드입니다.',severity:'error'}]})}return ok(config,clone(s))}
+  if(method==='POST'&&/^\/api\/imports\/sessions\/[^/]+\/commit$/.test(url)){const id=url.split('/').at(-2)!;const s=imports.get(id);if(s){Object.assign(s,{status:'partially-completed',createdRows:120,updatedRows:5,progressPercent:100,completedAt:now()});const op=operations.find(x=>x.id===`import:${id}`);if(op)Object.assign(op,{status:'partially-completed',processed:128,succeeded:125,failed:3,completedAt:now(),resultMessage:'125건 반영 / 3건 오류'})}return ok(config,clone(s))}
+  if(method==='POST'&&/^\/api\/imports\/sessions\/[^/]+\/saved-mappings$/.test(url))return ok(config,undefined,204)
+  if(method==='GET'&&/^\/api\/imports\/oms.orders.v1\/template$/.test(url))return ok(config,new Blob(['KBX demo workbook'],{type:'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'}))
+  if(method==='GET'&&/^\/api\/imports\/sessions\/[^/]+\/errors.xlsx$/.test(url))return ok(config,new Blob(['KBX demo errors'],{type:'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'}))
+
+  if(method==='GET'&&url==='/api/kbx/external-data/status')return ok(config,{items:[{datasetId:'krx.daily',name:'KRX 일별 시세',provider:'KRX OPEN API',status:'healthy',lastSucceededAt:now(),freshness:{observedAt:now(),source:'KRX'}},{datasetId:'dart.corp',name:'DART 기업정보',provider:'OPENDART',status:'healthy',lastSucceededAt:now(),freshness:{observedAt:now(),source:'DART'}}]})
+  if(method==='POST'&&/^\/api\/kbx\/external-data\/[^/]+\/refresh$/.test(url))return ok(config,{accepted:true})
+  if(method==='GET'&&url==='/api/kbx/ux/metrics')return ok(config,{summary:{taskCompletionRate:0.96,manualInterventionRate:0.0318,validationFailureRate:0.012},screens:[]})
+  if(method==='GET'&&url==='/api/kbx/experiments')return ok(config,{items:[]})
+  if(method==='GET'&&url==='/api/kbx/experiments/assignments')return ok(config,{assignments:[]})
+
+  // Frontend demo mode never fabricates a successful write for an unknown operation.
+  // Returning a visible unsupported response makes missing FE/API coverage explicit during QA.
+  console.warn(`[KBX demo API] unsupported ${method} ${url}`)
+  return ok(config,{ type:'system', code:'DEMO_OPERATION_UNSUPPORTED', title:'이 화면의 Demo API가 아직 준비되지 않았습니다.', detail:`${method} ${url}` },501)
+}
+
+export function installFrontendDemoApi() {
+  kbxHttp.defaults.adapter = demoAdapter
+}
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/http/generated/kbxApiClient.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/http/generated/kbxApiClient.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/http/generated/kbxApiClient.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/http/generated/kbxApiClient.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/http/kbxHttpClient.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/http/kbxHttpClient.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/http/kbxHttpClient.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/http/kbxHttpClient.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/http/useKbxProblemHandler.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/http/useKbxProblemHandler.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/http/useKbxProblemHandler.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/http/useKbxProblemHandler.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/imports/createImportProgressConnection.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/imports/createImportProgressConnection.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/imports/createImportProgressConnection.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/imports/createImportProgressConnection.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/lookups/lookupRegistry.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/lookups/lookupRegistry.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/lookups/lookupRegistry.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/lookups/lookupRegistry.ts
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/main.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/main.ts
new file mode 100644
index 00000000..4c0bdc12
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/main.ts
@@ -0,0 +1,33 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import { QueryClient, VueQueryPlugin } from '@tanstack/vue-query'
+import { createRouter, createWebHistory } from 'vue-router'
+import PrimeVue from 'primevue/config'
+import Aura from '@primeuix/themes/aura'
+import App from './App.vue'
+import { appRoutes } from './router/appRoutes'
+import { installKbx } from './app/installKbx'
+import { installFrontendDemoApi } from './http/demo/installFrontendDemoApi'
+import './styles/app.css'
+
+if (import.meta.env.VITE_KBX_DEMO_MODE === 'true') installFrontendDemoApi()
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: appRoutes,
+  scrollBehavior: () => ({ top: 0 }),
+})
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: { retry: 1, refetchOnWindowFocus: false },
+    mutations: { retry: 0 },
+  },
+})
+
+const app = createApp(App)
+app.use(createPinia())
+app.use(router)
+app.use(VueQueryPlugin, { queryClient })
+app.use(PrimeVue, { theme: { preset: Aura, options: { darkModeSelector: '[data-kbx-theme=\"dark\"]' } }, ripple: false })
+installKbx(app)
+app.mount('#app')
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/common/design-system/ComponentCatalogPage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/design-system/ComponentCatalogPage.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/common/design-system/ComponentCatalogPage.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/design-system/ComponentCatalogPage.vue
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/common/design-system/design-system.definition.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/design-system/design-system.definition.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/common/design-system/design-system.definition.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/design-system/design-system.definition.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/common/experiments/ExperimentsPage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/experiments/ExperimentsPage.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/common/experiments/ExperimentsPage.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/experiments/ExperimentsPage.vue
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/common/experiments/experimentApi.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/experiments/experimentApi.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/common/experiments/experimentApi.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/experiments/experimentApi.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/common/experiments/experiments.definition.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/experiments/experiments.definition.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/common/experiments/experiments.definition.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/experiments/experiments.definition.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/common/external-data/ExternalDataStatusPage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/external-data/ExternalDataStatusPage.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/common/external-data/ExternalDataStatusPage.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/external-data/ExternalDataStatusPage.vue
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/common/external-data/external-data.definition.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/external-data/external-data.definition.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/common/external-data/external-data.definition.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/external-data/external-data.definition.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/common/external-data/externalDataApi.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/external-data/externalDataApi.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/common/external-data/externalDataApi.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/external-data/externalDataApi.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/common/home/HomeRoutePage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/home/HomeRoutePage.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/common/home/HomeRoutePage.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/home/HomeRoutePage.vue
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/common/not-found/NotFoundRoutePage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/not-found/NotFoundRoutePage.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/common/not-found/NotFoundRoutePage.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/not-found/NotFoundRoutePage.vue
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/common/operations/OperationsQueuePage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/operations/OperationsQueuePage.vue
similarity index 70%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/common/operations/OperationsQueuePage.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/operations/OperationsQueuePage.vue
index 0f24e576..a3c4fa07 100644
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/common/operations/OperationsQueuePage.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/operations/OperationsQueuePage.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
+import { isKbxProblem, type KbxProblem } from '@kbx/contracts'
 import { useQuery } from '@tanstack/vue-query'
 import {
   KbxDataGrid,
@@ -19,6 +20,8 @@ const applied = ref<OperationsFilter>({ status: 'open', page: 1, pageSize: 200 }
 const selectedRows = ref<KbxWorkItem[]>([])
 const detail = ref<KbxWorkItem | null>(null)
 const quickCode = ref<string | null>(null)
+const problem=ref<KbxProblem|null>(null)
+let retryAction:(()=>Promise<void>)|null=null
 const pageContext=computed(()=>({label:'예외 업무 Queue',hint:'정상 건은 제외하고 해결이 필요한 업무만 표시합니다.',metrics:[{key:'total',label:'대상',value:query.data.value?.totalCount??0},{key:'selected',label:'선택',value:selectedRows.value.length}]}))
 
 const query = useQuery({
@@ -29,6 +32,7 @@ const query = useQuery({
 useKbxPageShortcuts([{ key: 'F3', execute: () => search() }])
 
 async function search() {
+  problem.value=null; retryAction=null
   selectedRows.value = []
   applied.value = {
     module: asString(searchModel.value.module),
@@ -50,21 +54,30 @@ async function selectQuickFilter(code: string | null) {
   await search()
 }
 
+async function runProblemAware(action:()=>Promise<void>){
+  problem.value=null; retryAction=null
+  try{await action()}catch(error){if(isKbxProblem(error)){problem.value=error;retryAction=()=>runProblemAware(action);return}throw error}
+}
 async function executeCommand(id: string) {
   const ids = selectedRows.value.map(x => x.id)
   if (id === 'search') return search()
-  if (id === 'claim' && ids.length) { await operationsApi.claim(ids); return query.refetch() }
+  if (id === 'claim' && ids.length) return runProblemAware(async()=>{await operationsApi.claim(ids);selectedRows.value=[];await query.refetch()})
 }
 
 async function executeAction(action: KbxWorkItemAction) {
   if (!detail.value) return
-  if (action.kind === 'claim') await operationsApi.claim([detail.value.id])
-  if (action.kind === 'resolve') { const item=detail.value; await operationsApi.resolve([item.id]); kbxTelemetry.track('exception.resolved',{screenId:operationsQueueScreen.id,screenVersion:operationsQueueScreen.version,durationMs:Math.max(0,item.ageMinutes*60000),attributes:{exceptionType:item.code,resolutionType:'manual'}}) }
-  if (action.kind === 'retry') await operationsApi.retry(detail.value.id)
-  if (action.kind === 'navigate') window.dispatchEvent(new CustomEvent('kbx:navigate-source', { detail: detail.value }))
-  detail.value = null
-  await query.refetch()
+  const item=detail.value
+  if(action.kind==='navigate'){window.dispatchEvent(new CustomEvent('kbx:navigate-source',{detail:item}));detail.value=null;return}
+  await runProblemAware(async()=>{
+    if (action.kind === 'claim') await operationsApi.claim([item.id])
+    if (action.kind === 'resolve') { await operationsApi.resolve([item.id]); kbxTelemetry.track('exception.resolved',{screenId:operationsQueueScreen.id,screenVersion:operationsQueueScreen.version,durationMs:Math.max(0,item.ageMinutes*60000),attributes:{exceptionType:item.code,resolutionType:'manual'}}) }
+    if (action.kind === 'retry') await operationsApi.retry(item.id)
+    detail.value = null
+    await query.refetch()
+  })
 }
+async function retryProblem(){const retry=retryAction;problem.value=null;retryAction=null;if(retry)await retry()}
+function dismissProblem(){problem.value=null;retryAction=null}
 </script>
 
 <template>
@@ -74,7 +87,10 @@ async function executeAction(action: KbxWorkItemAction) {
     :context="pageContext"
     :content-state="query.error.value?'error':query.isFetching.value&&!query.data.value?'loading':query.data.value?.totalCount===0?'empty':'ready'"
     :refreshing="query.isFetching.value&&Boolean(query.data.value)"
+    :problem="problem"
     @command="executeCommand"
+    @retry-problem="retryProblem"
+    @dismiss-problem="dismissProblem"
   >
     <template #search>
       <KbxSearchPanel v-model="searchModel" :fields="operationsSearchFields" @search="search" />
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/common/operations/operations.definition.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/operations/operations.definition.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/common/operations/operations.definition.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/operations/operations.definition.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/common/operations/operationsApi.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/operations/operationsApi.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/common/operations/operationsApi.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/operations/operationsApi.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/common/operations/routes.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/operations/routes.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/common/operations/routes.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/operations/routes.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/common/reconcile/ReconcilePage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/reconcile/ReconcilePage.vue
similarity index 69%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/common/reconcile/ReconcilePage.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/reconcile/ReconcilePage.vue
index 4afb506f..dc272ac6 100644
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/common/reconcile/ReconcilePage.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/reconcile/ReconcilePage.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
+import { isKbxProblem, type KbxProblem } from '@kbx/contracts'
 import { useQuery } from '@tanstack/vue-query'
 import { KbxDataGrid, KbxReconcilePage, KbxSearchPanel, useKbxPageShortcuts, type KbxReconcileItem } from '@kbx/ui'
 import { reconcileApi, type ReconcileFilter } from './reconcileApi'
@@ -8,12 +9,15 @@ import { reconcileColumns, reconcileScreen, reconcileSearchFields } from './reco
 const searchModel = ref<Record<string, unknown>>({ status: 'mismatch' })
 const applied = ref<ReconcileFilter>({ status: 'mismatch', page: 1, pageSize: 200 })
 const selectedRows = ref<KbxReconcileItem[]>([])
+const problem=ref<KbxProblem|null>(null)
+let retryAction:(()=>Promise<void>)|null=null
 const query = useQuery({ queryKey: computed(() => ['reconcile', applied.value]), queryFn: () => reconcileApi.search(applied.value) })
 const pageContext=computed(()=>({label:'대사 결과',hint:'원천값을 직접 수정하지 않고 불일치는 해결 업무로 전환합니다.',metrics:[{key:'mismatch',label:'불일치',value:query.data.value?.summary.mismatchCount??0,tone:'danger' as const,emphasis:true},{key:'selected',label:'선택',value:selectedRows.value.length}]}))
 useKbxPageShortcuts([{ key: 'F3', execute: () => search() }])
 
 function stringOrNull(value: unknown) { return value == null || value === '' ? null : String(value) }
 async function search() {
+  problem.value=null; retryAction=null
   selectedRows.value = []
   applied.value = {
     reconcileType: stringOrNull(searchModel.value.reconcileType),
@@ -24,17 +28,20 @@ async function search() {
   }
   await query.refetch()
 }
+async function runProblemAware(action:()=>Promise<void>){problem.value=null;retryAction=null;try{await action()}catch(error){if(isKbxProblem(error)){problem.value=error;retryAction=()=>runProblemAware(action);return}throw error}}
 async function command(id: string) {
   if (id === 'search') return search()
   if (id === 'createException' && selectedRows.value.length) {
-    await reconcileApi.createExceptions(selectedRows.value.map(x => x.id))
-    return query.refetch()
+    const ids=selectedRows.value.map(x=>x.id)
+    return runProblemAware(async()=>{await reconcileApi.createExceptions(ids);selectedRows.value=[];await query.refetch()})
   }
 }
+async function retryProblem(){const retry=retryAction;problem.value=null;retryAction=null;if(retry)await retry()}
+function dismissProblem(){problem.value=null;retryAction=null}
 </script>
 
 <template>
-  <KbxReconcilePage :screen="reconcileScreen" :summary="query.data.value?.summary" :selection-count="selectedRows.length" :context="pageContext" :content-state="query.error.value?'error':query.isFetching.value&&!query.data.value?'loading':query.data.value?.summary.totalCount===0?'empty':'ready'" :refreshing="query.isFetching.value&&Boolean(query.data.value)" @command="command">
+  <KbxReconcilePage :screen="reconcileScreen" :summary="query.data.value?.summary" :selection-count="selectedRows.length" :context="pageContext" :content-state="query.error.value?'error':query.isFetching.value&&!query.data.value?'loading':query.data.value?.summary.totalCount===0?'empty':'ready'" :refreshing="query.isFetching.value&&Boolean(query.data.value)" :problem="problem" comparison-title="OMS ↔ WMS 대사" comparison-description="Expected · Actual · Difference · Reason · Resolution 순서로 불일치 근거를 확인합니다." :comparison-count="query.data.value?.summary.totalCount ?? 0" @command="command" @retry-problem="retryProblem" @dismiss-problem="dismissProblem">
     <template #search><KbxSearchPanel v-model="searchModel" :fields="reconcileSearchFields" @search="search" /></template>
     <template #content>
       <KbxDataGrid
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/common/reconcile/reconcile.definition.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/reconcile/reconcile.definition.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/common/reconcile/reconcile.definition.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/reconcile/reconcile.definition.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/common/reconcile/reconcileApi.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/reconcile/reconcileApi.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/common/reconcile/reconcileApi.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/reconcile/reconcileApi.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/common/reconcile/routes.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/reconcile/routes.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/common/reconcile/routes.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/reconcile/routes.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/common/ux-metrics/UxMetricsPage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/ux-metrics/UxMetricsPage.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/common/ux-metrics/UxMetricsPage.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/ux-metrics/UxMetricsPage.vue
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/common/ux-metrics/ux-metrics.definition.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/ux-metrics/ux-metrics.definition.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/common/ux-metrics/ux-metrics.definition.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/ux-metrics/ux-metrics.definition.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/common/ux-metrics/uxMetricsApi.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/ux-metrics/uxMetricsApi.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/common/ux-metrics/uxMetricsApi.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/common/ux-metrics/uxMetricsApi.ts
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/inventory-move/InventoryMovePage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/inventory-move/InventoryMovePage.vue
new file mode 100644
index 00000000..ed68d40c
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/inventory-move/InventoryMovePage.vue
@@ -0,0 +1,9 @@
+
+<script setup lang="ts">
+import { reactive, ref } from 'vue'
+import { KbxDataGrid, KbxDateField, KbxFormGrid, KbxFormSection, KbxLookup, KbxTransactionPage, KbxWorkflowBar } from '@kbx/ui'
+import { inventoryMoveColumns, inventoryMoveScreen, inventoryMoveWorkflow, type InventoryMoveLine } from './inventory-move.definition'
+const status=ref('DRAFT'); const header=reactive({moveDate:new Date().toISOString().slice(0,10),fromWarehouseId:null as string|null,toWarehouseId:null as string|null}); const lines=ref<InventoryMoveLine[]>([])
+function command(id:string){ const t=inventoryMoveWorkflow.transitions.find(x=>x.id===id && x.from.includes(status.value)); if(t) status.value=t.to }
+</script>
+<template><KbxTransactionPage :screen="inventoryMoveScreen" :status="status" :summary-items="[{key:'items',label:'품목',value:`${lines.length}종`}]" header-title="이동 정보" header-description="출발/도착 창고와 이동일을 먼저 확인합니다." detail-title="이동 품목" :detail-count="lines.length" detail-description="가용재고와 이동수량을 비교하며 입력합니다." @command="command"><template #header><KbxWorkflowBar :workflow="inventoryMoveWorkflow" :current="status" @transition="command"/><KbxFormSection title="이동정보"><KbxFormGrid><KbxDateField v-model="header.moveDate" label="이동일" required/><KbxLookup v-model="header.fromWarehouseId" entity="warehouse" label="출발창고" required/><KbxLookup v-model="header.toWarehouseId" entity="warehouse" label="도착창고" required/></KbxFormGrid></KbxFormSection></template><template #detail><KbxDataGrid :rows="lines" :columns="inventoryMoveColumns" row-key="clientId" editable clipboard/></template></KbxTransactionPage></template>
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/inventory-move/inventory-move.definition.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/inventory-move/inventory-move.definition.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/inventory-move/inventory-move.definition.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/inventory-move/inventory-move.definition.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/inventory-move/routes.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/inventory-move/routes.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/inventory-move/routes.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/inventory-move/routes.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/inventory/InventoryPage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/inventory/InventoryPage.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/inventory/InventoryPage.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/inventory/InventoryPage.vue
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/inventory/inventory.definition.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/inventory/inventory.definition.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/inventory/inventory.definition.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/inventory/inventory.definition.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/inventory/inventoryApi.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/inventory/inventoryApi.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/inventory/inventoryApi.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/inventory/inventoryApi.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/item-prices/ItemPriceFastEntryPage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/item-prices/ItemPriceFastEntryPage.vue
similarity index 94%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/item-prices/ItemPriceFastEntryPage.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/item-prices/ItemPriceFastEntryPage.vue
index 37edae51..304e3f68 100644
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/item-prices/ItemPriceFastEntryPage.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/item-prices/ItemPriceFastEntryPage.vue
@@ -22,7 +22,7 @@ async function command(id:string){ if(id==='save')await vm.save(); if(id==='new'
 </script>
 
 <template>
-  <KbxFastEntryPage :screen="itemPriceScreen" :selection-count="0" :dirty="vm.dirty.value" :context="pageContext" :errors="vm.errors.value" :summary-items="summary" breadcrumb="ERP > 기준정보" @command="command">
+  <KbxFastEntryPage :screen="itemPriceScreen" :selection-count="0" :dirty="vm.dirty.value" :context="pageContext" :errors="vm.errors.value" :summary-items="summary" :problem="vm.problem.value" breadcrumb="ERP > 기준정보" @command="command" @retry-problem="vm.retryProblem" @dismiss-problem="vm.dismissProblem">
     <template #guide>
       <span><kbd>Enter</kbd> 다음 셀</span><span><kbd>F2</kbd> 품목 조회</span><span><kbd>Ctrl+V</kbd> Excel 붙여넣기</span><span>행 선택 후 아래 채우기/복제</span>
     </template>
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/item-prices/item-price.definition.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/item-prices/item-price.definition.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/item-prices/item-price.definition.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/item-prices/item-price.definition.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/item-prices/itemPriceApi.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/item-prices/itemPriceApi.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/item-prices/itemPriceApi.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/item-prices/itemPriceApi.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/item-prices/useItemPriceFastEntry.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/item-prices/useItemPriceFastEntry.ts
similarity index 81%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/item-prices/useItemPriceFastEntry.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/item-prices/useItemPriceFastEntry.ts
index 247e5eb4..ddd7e425 100644
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/item-prices/useItemPriceFastEntry.ts
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/item-prices/useItemPriceFastEntry.ts
@@ -1,6 +1,6 @@
 import { computed, ref } from 'vue'
 import { useMutation } from '@tanstack/vue-query'
-import type { KbxLookupItem, KbxValidationError } from '@kbx/contracts'
+import type { KbxLookupItem, KbxProblem, KbxValidationError } from '@kbx/contracts'
 import { useKbxDirtyState, useKbxValidation } from '@kbx/ui'
 import { itemPriceApi, toKbxProblem } from './itemPriceApi'
 import type { ItemPriceRow } from './item-price.definition'
@@ -17,13 +17,15 @@ export function useItemPriceFastEntry() {
   const { dirty, touch, markSaved, reset:resetDirty }=useKbxDirtyState()
   const mutation=useMutation({ mutationFn:({request,key}:{request:{rows:Array<{clientId:string;itemId:string;effectiveDate:string;unitPrice:number;remark?:string}>};key:string})=>itemPriceApi.save(request,key) })
   const lastResult=ref<{requested:number;saved:number;created:number;updated:number}|null>(null)
+  const problem=ref<KbxProblem|null>(null)
+  let failedAction:'save'|null=null
   let idempotencyKey=crypto.randomUUID()
 
   const enteredRows=computed(()=>rows.value.filter(x=>x.itemId||x.itemCode.trim()||Number(x.unitPrice)!==0||x.remark.trim()))
   function invalidateCommandKey(){ idempotencyKey=crypto.randomUUID() }
   function addRow(){ rows.value.push(newRow()); validation.clear(); touch(); invalidateCommandKey() }
   function duplicateRows(source:ItemPriceRow[]){ rows.value.push(...source.map(x=>({...x,clientId:crypto.randomUUID()}))); touch(); invalidateCommandKey() }
-  function clear(){ rows.value=Array.from({length:8},()=>newRow()); validation.clear(); lastResult.value=null; resetDirty(); invalidateCommandKey() }
+  function clear(){ rows.value=Array.from({length:8},()=>newRow()); validation.clear(); lastResult.value=null; problem.value=null; failedAction=null; resetDirty(); invalidateCommandKey() }
 
   function localErrors():KbxValidationError[] {
     const errors:KbxValidationError[]=[]
@@ -54,12 +56,14 @@ export function useItemPriceFastEntry() {
   function applyItemLookup(row:ItemPriceRow,item:KbxLookupItem<string>){ Object.assign(row,{itemId:item.id,itemCode:item.code,itemName:item.displayName}); validation.setRowFieldError(row.clientId,'itemCode'); touch(); invalidateCommandKey() }
 
   async function save(){
-    validation.clear(); const errors=localErrors(); if(errors.length){validation.setErrors(errors);return false}
+    validation.clear(); problem.value=null; failedAction=null; const errors=localErrors(); if(errors.length){validation.setErrors(errors);return false}
     const active=enteredRows.value
     try{
       const result=await mutation.mutateAsync({key:idempotencyKey,request:{rows:active.map(x=>({clientId:x.clientId,itemId:x.itemId!,effectiveDate:x.effectiveDate,unitPrice:Number(x.unitPrice),remark:x.remark||undefined}))}})
       lastResult.value=result; markSaved(); idempotencyKey=crypto.randomUUID(); return true
-    }catch(error){ const problem=toKbxProblem(error); if(problem) validation.applyProblem(problem); throw error }
+    }catch(error){ const issue=toKbxProblem(error); if(issue?.type==='validation'){validation.applyProblem(issue);return false} if(issue){problem.value=issue;failedAction='save';return false} throw error }
   }
-  return {rows,errors:validation.errors,dirty,saving:computed(()=>mutation.isPending.value),lastResult,enteredCount:computed(()=>enteredRows.value.length),addRow,duplicateRows,onCellChanged,applyItemLookup,save,clear,touch}
+  async function retryProblem(){const action=failedAction;problem.value=null;failedAction=null;if(action==='save')return save();return false}
+  function dismissProblem(){problem.value=null;failedAction=null}
+  return {rows,errors:validation.errors,dirty,saving:computed(()=>mutation.isPending.value),lastResult,problem,enteredCount:computed(()=>enteredRows.value.length),addRow,duplicateRows,onCellChanged,applyItemLookup,save,clear,touch,retryProblem,dismissProblem}
 }
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/items/ItemMasterPage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/items/ItemMasterPage.vue
new file mode 100644
index 00000000..75bb526f
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/items/ItemMasterPage.vue
@@ -0,0 +1,385 @@
+<script setup lang="ts">
+import { computed, nextTick, reactive, ref } from 'vue'
+import { useQuery } from '@tanstack/vue-query'
+import {
+  isKbxProblem,
+  kbxFieldReadonly,
+  resolveKbxRecordStatePolicy,
+  type KbxAuditEntry,
+  type KbxConflictSnapshot,
+  type KbxProblem,
+  type KbxSearchField,
+} from '@kbx/contracts'
+import {
+  KbxBarcodeField,
+  KbxCheckbox,
+  KbxDataGrid,
+  KbxFormGrid,
+  KbxFormSection,
+  KbxInput,
+  KbxLookup,
+  KbxMasterPage,
+  KbxSearchPanel,
+  KbxUnsavedChangesDialog,
+  useKbxDirtyState,
+  useKbxPageShortcuts,
+} from '@kbx/ui'
+import { itemApi } from './itemApi'
+import {
+  itemMasterColumns,
+  itemMasterScreen,
+  itemStatePolicies,
+  itemWorkflow,
+  type ItemMasterRow,
+} from './item.definition'
+
+const searchModel = reactive({ keyword:'' })
+const searchFields:KbxSearchField[] = [
+  { key:'keyword', label:'검색', type:'text', width:'lg', placeholder:'품목코드/품목명' },
+]
+
+const selected = ref<ItemMasterRow[]>([])
+const form = reactive<ItemMasterRow>(emptyItem())
+const auditEntries = ref<KbxAuditEntry[]>([])
+const conflict = ref<KbxConflictSnapshot | null>(null)
+const problem = ref<KbxProblem | null>(null)
+const failedCommand = ref<'load'|'save'|'deactivate'|null>(null)
+const errors = ref<any[]>([])
+const masterGrid = ref<any>(null)
+const pendingTransition = ref<{ kind:'row'; row:ItemMasterRow } | { kind:'new' } | null>(null)
+const savingTransition = ref(false)
+const { dirty, touch, markSaved, reset:resetDirty } = useKbxDirtyState()
+
+const status = computed(() => !form.id ? '신규' : form.active ? '사용' : '사용중지')
+const policy = computed(() => resolveKbxRecordStatePolicy(itemStatePolicies, status.value))
+const query = useQuery({
+  queryKey:['erp','items'],
+  queryFn:() => itemApi.search(searchModel.keyword),
+  enabled:false,
+})
+const rows = computed(() => query.data.value?.items ?? [])
+
+function emptyItem():ItemMasterRow {
+  return {
+    id:'', code:'', name:'', categoryName:'', specification:'', unit:'EA', barcode:'',
+    defaultWarehouseId:null, defaultWarehouseName:'', lotManaged:false, expiryManaged:false,
+    active:true, version:0,
+  }
+}
+
+async function search() {
+  selected.value = []
+  problem.value = null
+  failedCommand.value = null
+  await query.refetch()
+}
+
+async function loadRow(row:ItemMasterRow) {
+  problem.value = null
+  failedCommand.value = null
+  try {
+    const latest = await itemApi.get(row.id)
+    const audit = await itemApi.audit(latest.id)
+    selected.value = [latest]
+    Object.assign(form, latest)
+    auditEntries.value = audit
+    errors.value = []
+    conflict.value = null
+    resetDirty()
+    await nextTick()
+    masterGrid.value?.selectRowByKey?.(latest.id)
+  } catch (error) {
+    if (isKbxProblem(error)) {
+      problem.value = error
+      failedCommand.value = 'load'
+      await nextTick()
+      masterGrid.value?.selectRowByKey?.(form.id || null)
+      return
+    }
+    throw error
+  }
+}
+
+async function requestChoose(rows:ItemMasterRow[]) {
+  const row = rows[0]
+  if (!row || row.id === form.id) return
+  if (dirty.value) {
+    pendingTransition.value = { kind:'row', row }
+    await nextTick()
+    masterGrid.value?.selectRowByKey?.(form.id || null)
+    return
+  }
+  await loadRow(row)
+}
+
+function state(field:string) {
+  return kbxFieldReadonly(policy.value, field)
+}
+
+function createNew() {
+  Object.assign(form, emptyItem())
+  selected.value = []
+  auditEntries.value = []
+  conflict.value = null
+  problem.value = null
+  failedCommand.value = null
+  errors.value = []
+  resetDirty()
+  masterGrid.value?.clearSelection?.()
+}
+
+function requestNew() {
+  if (dirty.value) {
+    pendingTransition.value = { kind:'new' }
+    return
+  }
+  createNew()
+}
+
+function copy() {
+  const source = { ...form }
+  Object.assign(form, { ...source, id:'', code:'', barcode:'', version:0, active:true })
+  selected.value = []
+  auditEntries.value = []
+  conflict.value = null
+  problem.value = null
+  failedCommand.value = null
+  errors.value = []
+  resetDirty()
+  masterGrid.value?.clearSelection?.()
+  touch()
+}
+
+function payload() {
+  return {
+    id:form.id || undefined,
+    version:form.version || undefined,
+    code:form.code.trim(),
+    name:form.name.trim(),
+    categoryName:form.categoryName,
+    specification:form.specification,
+    unit:form.unit,
+    barcode:form.barcode,
+    defaultWarehouseId:form.defaultWarehouseId,
+    lotManaged:form.lotManaged,
+    expiryManaged:form.expiryManaged,
+  }
+}
+
+async function save() {
+  errors.value = []
+  problem.value = null
+  failedCommand.value = null
+  if (!form.code.trim() || !form.name.trim()) {
+    errors.value = [
+      ...(!form.code.trim() ? [{ field:'code', code:'REQUIRED', message:'품목코드를 입력하세요.' }] : []),
+      ...(!form.name.trim() ? [{ field:'name', code:'REQUIRED', message:'품목명을 입력하세요.' }] : []),
+    ]
+    return false
+  }
+
+  try {
+    const result = form.id ? await itemApi.update(form.id, payload()) : await itemApi.create(payload())
+    form.id = result.id
+    form.version = result.version
+    form.active = true
+    markSaved()
+    auditEntries.value = await itemApi.audit(form.id)
+    await query.refetch()
+    await nextTick()
+    masterGrid.value?.selectRowByKey?.(form.id)
+    return true
+  } catch (error) {
+    if (isKbxProblem(error) && error.type === 'validation') {
+      errors.value = error.errors
+      return false
+    }
+    if (isKbxProblem(error) && error.type === 'conflict' && form.id) {
+      const latest = await itemApi.get(form.id)
+      conflict.value = {
+        code:error.code,
+        title:error.title,
+        detail:'저장하지 않은 입력은 유지됩니다. 최신 값과 비교한 뒤 다시 읽을 수 있습니다.',
+        entityId:form.id,
+        requestedVersion:form.version,
+        currentVersion:error.currentVersion ?? latest.version,
+        changes:[['code','품목코드'],['name','품목명'],['unit','단위'],['barcode','바코드']].map(([field,label]) => ({
+          field,
+          label,
+          mine:(form as any)[field],
+          latest:(latest as any)[field],
+        })),
+      }
+      return false
+    }
+    if (isKbxProblem(error)) {
+      problem.value = error
+      failedCommand.value = 'save'
+      return false
+    }
+    throw error
+  }
+}
+
+async function applyPendingTransition() {
+  const pending = pendingTransition.value
+  pendingTransition.value = null
+  if (!pending) return
+  if (pending.kind === 'new') createNew()
+  else await loadRow(pending.row)
+}
+
+async function saveThenTransition() {
+  if (!pendingTransition.value) return
+  savingTransition.value = true
+  try {
+    if (await save()) await applyPendingTransition()
+  } finally {
+    savingTransition.value = false
+  }
+}
+
+async function deactivate() {
+  if (!form.id) return
+  problem.value = null
+  failedCommand.value = null
+  try {
+    const result = await itemApi.deactivate(form.id, form.version)
+    form.version = result.version
+    form.active = false
+    markSaved()
+    auditEntries.value = await itemApi.audit(form.id)
+    await query.refetch()
+  } catch (error) {
+    if (isKbxProblem(error) && error.type === 'conflict') {
+      const latest = await itemApi.get(form.id)
+      conflict.value = {
+        code:error.code,
+        title:error.title,
+        currentVersion:error.currentVersion ?? latest.version,
+        requestedVersion:form.version,
+        entityId:form.id,
+      }
+      return
+    }
+    if (isKbxProblem(error)) {
+      problem.value = error
+      failedCommand.value = 'deactivate'
+      return
+    }
+    throw error
+  }
+}
+
+async function reloadConflict() {
+  if (!form.id) return
+  const latest = await itemApi.get(form.id)
+  Object.assign(form, latest)
+  auditEntries.value = await itemApi.audit(form.id)
+  conflict.value = null
+  problem.value = null
+  failedCommand.value = null
+  resetDirty()
+  await nextTick()
+  masterGrid.value?.selectRowByKey?.(form.id)
+}
+
+async function retryProblem() {
+  const action = failedCommand.value
+  const row = selected.value[0]
+  problem.value = null
+  failedCommand.value = null
+  if (action === 'load' && row) return loadRow(row)
+  if (action === 'save') return save()
+  if (action === 'deactivate') return deactivate()
+}
+
+function dismissProblem() {
+  problem.value = null
+  failedCommand.value = null
+}
+
+async function command(id:string) {
+  if (id === 'search') return search()
+  if (id === 'new') return requestNew()
+  if (id === 'copy') return copy()
+  if (id === 'save') return save()
+  if (id === 'deactivate') return deactivate()
+}
+
+useKbxPageShortcuts([
+  { key:'F3', execute:search },
+  { key:'F8', execute:save },
+])
+</script>
+
+<template>
+  <KbxMasterPage
+    :screen="itemMasterScreen"
+    :status="status"
+    :dirty="dirty"
+    :version="form.version || undefined"
+    :errors="errors"
+    :workflow="itemWorkflow"
+    :conflict="conflict"
+    :problem="problem"
+    :audit-entries="auditEntries"
+    list-title="품목 목록"
+    :list-count="query.data.value?.totalCount ?? rows.length"
+    detail-title="품목 상세"
+    :detail-description="form.id ? `${form.code} · ${form.name}` : '신규 품목을 등록합니다.'"
+    :content-state="query.error.value ? 'error' : query.isFetching.value && !query.data.value ? 'loading' : !query.data.value ?'idle' : query.data.value.items.length === 0 ? 'empty' : 'ready'"
+    :refreshing="query.isFetching.value && Boolean(query.data.value)"
+    breadcrumb="ERP > 기준정보"
+    @command="command"
+    @transition="command"
+    @reload-conflict="reloadConflict"
+    @dismiss-conflict="conflict=null"
+    @retry-problem="retryProblem"
+    @dismiss-problem="dismissProblem"
+  >
+    <template #list>
+      <KbxSearchPanel v-model="searchModel" :fields="searchFields" @search="search" />
+      <KbxDataGrid
+        ref="masterGrid"
+        :rows="rows"
+        :columns="itemMasterColumns"
+        row-key="id"
+        aria-label="품목 목록"
+        selection="single"
+        :active-row-key="form.id || undefined"
+        :loading="query.isFetching.value"
+        @selection-changed="requestChoose"
+      />
+    </template>
+
+    <template #detail>
+      <KbxFormSection title="기본정보" description="품목 식별과 분류에 필요한 핵심 기준정보입니다.">
+        <KbxFormGrid>
+          <KbxInput v-model="form.code" label="품목코드" required :readonly="Boolean(form.id) || state('code')" :error="errors.find(x => x.field === 'code')?.message" @update:model-value="touch" />
+          <KbxInput v-model="form.name" label="품목명" required :readonly="state('name')" :error="errors.find(x => x.field === 'name')?.message" @update:model-value="touch" />
+          <KbxInput v-model="form.categoryName" label="품목그룹" :readonly="state('categoryName')" @update:model-value="touch" />
+          <KbxInput v-model="form.specification" label="규격" :readonly="state('specification')" @update:model-value="touch" />
+          <KbxInput v-model="form.unit" label="단위" :readonly="state('unit')" @update:model-value="touch" />
+        </KbxFormGrid>
+      </KbxFormSection>
+
+      <KbxFormSection title="물류정보" description="창고·바코드·LOT 등 현장 처리 기준을 정의합니다.">
+        <KbxFormGrid>
+          <KbxLookup v-model="form.defaultWarehouseId" entity="warehouse" label="기본창고" :readonly="state('defaultWarehouseId')" @selected="touch" />
+          <KbxBarcodeField v-model="form.barcode" label="바코드" :readonly="state('barcode')" @update:model-value="touch" />
+          <KbxCheckbox v-model="form.lotManaged" label="LOT 관리" :disabled="state('lotManaged')" @update:model-value="touch" />
+          <KbxCheckbox v-model="form.expiryManaged" label="유통기한 관리" :disabled="state('expiryManaged')" @update:model-value="touch" />
+        </KbxFormGrid>
+      </KbxFormSection>
+    </template>
+  </KbxMasterPage>
+
+  <KbxUnsavedChangesDialog
+    :open="Boolean(pendingTransition)"
+    :saving="savingTransition"
+    @stay="pendingTransition=null"
+    @discard="applyPendingTransition"
+    @save="saveThenTransition"
+  />
+</template>
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/items/item.definition.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/items/item.definition.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/items/item.definition.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/items/item.definition.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/items/itemApi.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/items/itemApi.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/items/itemApi.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/items/itemApi.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/purchases/PurchasePage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/purchases/PurchasePage.vue
similarity index 83%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/purchases/PurchasePage.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/purchases/PurchasePage.vue
index fb4adaf5..a5819dda 100644
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/purchases/PurchasePage.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/purchases/PurchasePage.vue
@@ -9,7 +9,7 @@ const total=computed(()=>lines.value.reduce((s,x)=>s+x.quantity*x.unitPrice,0))
 function command(id:string){ if(id==='new'){ status.value='DRAFT'; lines.value=[] } if(id==='confirm' && status.value==='DRAFT') status.value='CONFIRMED' }
 </script>
 <template>
-<KbxTransactionPage :screen="purchaseScreen" :status="status" :summary-items="[{key:'amount',label:'총 구매금액',value:`₩${total.toLocaleString('ko-KR')}`,emphasis:true}]" @command="command">
+<KbxTransactionPage :screen="purchaseScreen" :status="status" :summary-items="[{key:'amount',label:'총 구매금액',value:`₩${total.toLocaleString('ko-KR')}`,emphasis:true}]" header-title="구매 정보" header-description="거래처·입고창고·담당자 기준을 먼저 확정합니다." detail-title="구매 품목" :detail-count="lines.length" detail-description="수량·단가·납기일을 한 Grid에서 연속 입력합니다." @command="command">
   <template #header>
     <KbxWorkflowBar :workflow="purchaseWorkflow" :current="status" @transition="command" />
     <KbxFormSection title="구매정보"><KbxFormGrid><KbxDateField v-model="header.purchaseDate" label="구매일" required/><KbxLookup v-model="header.supplierId" entity="customer" label="거래처" required/><KbxLookup v-model="header.warehouseId" entity="warehouse" label="입고창고" required/><KbxInput v-model="header.buyer" label="담당자"/></KbxFormGrid></KbxFormSection>
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/purchases/purchase.definition.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/purchases/purchase.definition.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/purchases/purchase.definition.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/purchases/purchase.definition.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/purchases/routes.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/purchases/routes.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/erp/purchases/routes.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/erp/purchases/routes.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/claims/ClaimsPage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/claims/ClaimsPage.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/claims/ClaimsPage.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/claims/ClaimsPage.vue
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/claims/claims.definition.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/claims/claims.definition.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/claims/claims.definition.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/claims/claims.definition.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/claims/claimsApi.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/claims/claimsApi.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/claims/claimsApi.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/claims/claimsApi.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/claims/routes.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/claims/routes.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/claims/routes.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/claims/routes.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/import/OrderImportPage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/import/OrderImportPage.vue
similarity index 91%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/import/OrderImportPage.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/import/OrderImportPage.vue
index 643bab17..e5e79718 100644
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/import/OrderImportPage.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/import/OrderImportPage.vue
@@ -11,7 +11,7 @@ watch(vm.sessionId, id => { if (id) void realtime.watch(id) })
 </script>
 
 <template>
-  <KbxImportPage :screen="orderImportScreen" :refreshing="vm.busy.value">
+  <KbxImportPage :screen="orderImportScreen" :refreshing="vm.busy.value" :problem="vm.problem.value" @retry-problem="vm.retryProblem" @dismiss-problem="vm.dismissProblem">
       <KbxExcelImport
         :definition="orderImportDefinition"
         :session="vm.session.value"
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/import/order-import.definition.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/import/order-import.definition.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/import/order-import.definition.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/import/order-import.definition.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/import/orderImportApi.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/import/orderImportApi.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/import/orderImportApi.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/import/orderImportApi.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/import/useOrderExcelImport.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/import/useOrderExcelImport.ts
similarity index 71%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/import/useOrderExcelImport.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/import/useOrderExcelImport.ts
index 47234c1f..7655a1e2 100644
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/import/useOrderExcelImport.ts
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/import/useOrderExcelImport.ts
@@ -1,6 +1,6 @@
 import { computed, ref, watch } from 'vue'
 import { useMutation, useQuery } from '@tanstack/vue-query'
-import type { KbxImportMapping, KbxImportSession } from '@kbx/contracts'
+import { isKbxProblem, type KbxImportMapping, type KbxImportSession, type KbxProblem } from '@kbx/contracts'
 import { orderImportApi } from './orderImportApi'
 import { kbxTelemetry } from '../../../telemetry/kbxTelemetryClient'
 import { orderImportScreen } from './order-import.definition'
@@ -10,6 +10,8 @@ export function useOrderExcelImport() {
   const localSession = ref<KbxImportSession | null>(null)
   let importStartedAt:number|undefined
   let terminalRecorded=false
+  const problem=ref<KbxProblem|null>(null)
+  let retryAction:(()=>Promise<unknown>)|null=null
 
   const sessionQuery = useQuery({
     queryKey: computed(() => ['excel-import', sessionId.value]),
@@ -50,6 +52,14 @@ export function useOrderExcelImport() {
     onError() { kbxTelemetry.track('excel.import.failed',{screenId:orderImportScreen.id,screenVersion:orderImportScreen.version,durationMs:Math.round(performance.now()-(importStartedAt??performance.now())),attributes:{importType:'oms-order',reasonCode:'COMMIT_REQUEST_FAILED',rowCountBucket:'unknown'}}); terminalRecorded=true },
   })
 
+
+  async function runProblemAware<T>(action:()=>Promise<T>):Promise<T|null>{
+    problem.value=null; retryAction=null
+    try{return await action()}catch(error){if(isKbxProblem(error)){problem.value=error;retryAction=()=>runProblemAware(action);return null}throw error}
+  }
+  async function retryProblem(){const retry=retryAction;problem.value=null;retryAction=null;if(retry)await retry()}
+  function dismissProblem(){problem.value=null;retryAction=null}
+
   watch(session, value => {
     if(!value || terminalRecorded || importStartedAt==null) return
     const bucket=value.totalRows<1000?'0-999':value.totalRows<10000?'1k-9k':value.totalRows<100000?'10k-99k':'100k+'
@@ -61,14 +71,17 @@ export function useOrderExcelImport() {
   return {
     session,
     sessionId,
+    problem,
     busy: computed(() => uploadMutation.isPending.value || mappingMutation.isPending.value || validationMutation.isPending.value || commitMutation.isPending.value),
-    upload: (file: File) => uploadMutation.mutateAsync(file),
-    saveMapping: (mappings: KbxImportMapping[]) => sessionId.value ? mappingMutation.mutateAsync({ id: sessionId.value, mappings }) : Promise.resolve(null),
-    saveNamedMapping: (name: string, mappings: KbxImportMapping[]) => sessionId.value ? savedMappingMutation.mutateAsync({ id: sessionId.value, name, mappings }) : Promise.resolve(),
-    validate: () => sessionId.value ? validationMutation.mutateAsync(sessionId.value) : Promise.resolve(null),
-    commit: () => sessionId.value ? commitMutation.mutateAsync(sessionId.value) : Promise.resolve(null),
-    downloadTemplate: orderImportApi.downloadTemplate,
-    downloadErrors: () => sessionId.value ? orderImportApi.downloadErrors(sessionId.value) : Promise.resolve(),
-    reset: () => { sessionId.value = null; localSession.value = null },
+    upload: (file: File) => runProblemAware(()=>uploadMutation.mutateAsync(file)),
+    saveMapping: (mappings: KbxImportMapping[]) => sessionId.value ? runProblemAware(()=>mappingMutation.mutateAsync({ id: sessionId.value!, mappings })) : Promise.resolve(null),
+    saveNamedMapping: (name: string, mappings: KbxImportMapping[]) => sessionId.value ? runProblemAware(()=>savedMappingMutation.mutateAsync({ id: sessionId.value!, name, mappings })) : Promise.resolve(null),
+    validate: () => sessionId.value ? runProblemAware(()=>validationMutation.mutateAsync(sessionId.value!)) : Promise.resolve(null),
+    commit: () => sessionId.value ? runProblemAware(()=>commitMutation.mutateAsync(sessionId.value!)) : Promise.resolve(null),
+    downloadTemplate: () => runProblemAware(()=>orderImportApi.downloadTemplate()),
+    downloadErrors: () => sessionId.value ? runProblemAware(()=>orderImportApi.downloadErrors(sessionId.value!)) : Promise.resolve(null),
+    reset: () => { sessionId.value = null; localSession.value = null; problem.value=null; retryAction=null },
+    retryProblem,
+    dismissProblem,
   }
 }
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/register/OrderRegisterPage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/register/OrderRegisterPage.vue
new file mode 100644
index 00000000..5bf2eae1
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/register/OrderRegisterPage.vue
@@ -0,0 +1,201 @@
+<script setup lang="ts">
+import { computed, nextTick, onMounted, ref } from 'vue'
+import { useRoute } from 'vue-router'
+import type { KbxLookupItem } from '@kbx/contracts'
+import { kbxFieldReadonly, resolveKbxRecordStatePolicy } from '@kbx/contracts'
+import {
+  KbxDataGrid,
+  KbxDateField,
+  KbxFormGrid,
+  KbxFormSection,
+  KbxFormSpan,
+  KbxInput,
+  KbxLookup,
+  KbxLookupDialog,
+  KbxTransactionPage,
+  KbxUnsavedChangesDialog,
+  useKbxPageShortcuts,
+} from '@kbx/ui'
+import {
+  orderLineColumns,
+  orderRegisterScreen,
+  orderStatePolicies,
+  orderWorkflow,
+  type OrderLineForm,
+} from './order-register.definition'
+import { useKbxWorkspaceBinding } from '../../../../shell/useKbxWorkspaceBinding'
+import { useOrderRegistration } from './useOrderRegistration'
+
+const route = useRoute()
+const vm = useOrderRegistration()
+useKbxWorkspaceBinding(vm.dirty, async () => Boolean(await vm.save()))
+
+const detailGrid = ref<any>(null)
+const itemLookupOpen = ref(false)
+const activeLine = ref<OrderLineForm | null>(null)
+const activeLookupField = ref<keyof OrderLineForm & string>('itemCode')
+const pendingReset = ref<'new' | 'copy' | null>(null)
+const savingReset = ref(false)
+
+const statePolicy = computed(() => resolveKbxRecordStatePolicy(orderStatePolicies, vm.status.value))
+const readonly = computed(() => statePolicy.value.editability === 'readonly')
+const summaryItems = computed(() => [
+  { key:'items', label:'품목', value:`${vm.lines.value.length.toLocaleString('ko-KR')}종` },
+  { key:'qty', label:'총수량', value:vm.totalQty.value },
+  { key:'amount', label:'주문금액', value:`₩${vm.totalAmount.value.toLocaleString('ko-KR')}`, emphasis:true },
+])
+
+function fieldReadonly(field:string) {
+  return kbxFieldReadonly(statePolicy.value, field)
+}
+
+function openGridLookup(event:{ row:OrderLineForm; field:keyof OrderLineForm & string; entity:string }) {
+  if (event.entity !== 'item' || readonly.value) return
+  activeLine.value = event.row
+  activeLookupField.value = event.field
+  itemLookupOpen.value = true
+}
+
+async function selectGridItem(item:KbxLookupItem<string>) {
+  const line = activeLine.value
+  if (!line) return
+  vm.applyItemLookup(line, item)
+  itemLookupOpen.value = false
+  await nextTick()
+  detailGrid.value?.focusNextEditableCell?.(line.clientId, activeLookupField.value)
+}
+
+function applyReset(kind:'new' | 'copy') {
+  if (kind === 'new') vm.createNew()
+  else vm.copyCurrent()
+  pendingReset.value = null
+}
+
+function requestReset(kind:'new' | 'copy') {
+  if (readonly.value && kind === 'copy') {
+    applyReset(kind)
+    return
+  }
+  if (vm.dirty.value) {
+    pendingReset.value = kind
+    return
+  }
+  applyReset(kind)
+}
+
+async function saveThenReset() {
+  const kind = pendingReset.value
+  if (!kind) return
+  savingReset.value = true
+  try {
+    if (await vm.save()) applyReset(kind)
+  } finally {
+    savingReset.value = false
+  }
+}
+
+async function executeCommand(id:string) {
+  if (id === 'save') await vm.save()
+  else if (id === 'new') requestReset('new')
+  else if (id === 'copy') requestReset('copy')
+  else if (id === 'confirm') await vm.confirm()
+}
+
+useKbxPageShortcuts([{ key:'F8', execute:() => vm.save() }])
+
+onMounted(async () => {
+  const id = String(route.params.orderId ?? '')
+  if (id) await vm.load(id)
+})
+</script>
+
+<template>
+  <KbxTransactionPage
+    :screen="orderRegisterScreen"
+    :status="vm.status.value"
+    :dirty="vm.dirty.value"
+    :version="vm.version.value"
+    :errors="vm.errors.value"
+    :workflow="orderWorkflow"
+    :conflict="vm.conflict.value"
+    :problem="vm.problem.value"
+    :audit-entries="vm.auditEntries.value"
+    :summary-items="summaryItems"
+    header-title="주문 정보"
+    header-description="주문 조건과 배송 기준을 먼저 확인한 뒤 상품 상세를 입력합니다."
+    detail-title="주문 상품"
+    :detail-count="vm.lines.value.length"
+    detail-description="Enter 연속입력, F2 품목 조회, Excel 붙여넣기 문법을 동일하게 사용합니다."
+    breadcrumb="OMS > 주문"
+    @command="executeCommand"
+    @transition="executeCommand"
+    @reload-conflict="vm.reloadConflict"
+    @dismiss-conflict="vm.dismissConflict"
+    @retry-problem="vm.retryProblem"
+    @dismiss-problem="vm.dismissProblem"
+  >
+    <template #header>
+      <KbxFormSection title="기본정보">
+        <KbxFormGrid>
+          <KbxDateField v-model="vm.header.orderDate" label="주문일" required :readonly="fieldReadonly('orderDate')" :error="vm.fieldError('orderDate')" @update:model-value="vm.touch" />
+          <KbxLookup v-model="vm.header.customerId" entity="customer" label="거래처" required :readonly="fieldReadonly('customerId')" :error="vm.fieldError('customerId')" @selected="vm.touch" />
+          <KbxLookup v-model="vm.header.warehouseId" entity="warehouse" label="출고창고" required :readonly="fieldReadonly('warehouseId')" :error="vm.fieldError('warehouseId')" @selected="vm.touch" />
+          <KbxInput v-model="vm.header.receiverName" label="수취인" required :readonly="fieldReadonly('receiverName')" :error="vm.fieldError('receiverName')" @update:model-value="vm.touch" />
+          <KbxInput v-model="vm.header.phone" label="연락처" required :readonly="fieldReadonly('phone')" :error="vm.fieldError('phone')" @update:model-value="vm.touch" />
+        </KbxFormGrid>
+      </KbxFormSection>
+
+      <KbxFormSection title="배송정보">
+        <KbxFormGrid>
+          <KbxInput v-model="vm.header.postalCode" label="우편번호" :readonly="fieldReadonly('postalCode')" @update:model-value="vm.touch" />
+          <KbxFormSpan span="full"><KbxInput v-model="vm.header.address1" label="주소" required :readonly="fieldReadonly('address1')" :error="vm.fieldError('address1')" @update:model-value="vm.touch" /></KbxFormSpan>
+          <KbxFormSpan span="full"><KbxInput v-model="vm.header.address2" label="상세주소" :readonly="fieldReadonly('address2')" @update:model-value="vm.touch" /></KbxFormSpan>
+        </KbxFormGrid>
+      </KbxFormSection>
+    </template>
+
+    <template #detail>
+      <section class="order-lines">
+        <KbxDataGrid
+          ref="detailGrid"
+          :rows="vm.lines.value"
+          :columns="orderLineColumns"
+          row-key="clientId"
+          aria-label="주문 상품"
+          selection="multiple"
+          :errors="vm.errors.value"
+          :editable="!readonly"
+          :editing-policy="{ allowRowAdd:true, allowRowDuplicate:true, fillDown:true, paste:true, errorNavigation:true }"
+          @row-add-requested="vm.addLine"
+          @row-duplicate-requested="vm.duplicateLines"
+          @cell-changed="vm.onCellChanged"
+          @lookup-requested="openGridLookup"
+        />
+      </section>
+    </template>
+  </KbxTransactionPage>
+
+  <KbxLookupDialog
+    v-model:visible="itemLookupOpen"
+    entity="item"
+    title="품목"
+    @select="selectGridItem"
+  />
+
+  <KbxUnsavedChangesDialog
+    :open="Boolean(pendingReset)"
+    :saving="savingReset"
+    @stay="pendingReset=null"
+    @discard="pendingReset && applyReset(pendingReset)"
+    @save="saveThenReset"
+  />
+</template>
+
+<style scoped>
+.order-lines {
+  min-height:var(--kbx-grid-min-height);
+  display:flex;
+  flex-direction:column;
+  gap:var(--kbx-space-2);
+}
+</style>
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/register/order-register.definition.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/register/order-register.definition.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/register/order-register.definition.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/register/order-register.definition.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/register/order-register.schema.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/register/order-register.schema.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/register/order-register.schema.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/register/order-register.schema.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/register/orderRegisterApi.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/register/orderRegisterApi.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/register/orderRegisterApi.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/register/orderRegisterApi.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/register/useOrderRegistration.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/register/useOrderRegistration.ts
similarity index 53%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/register/useOrderRegistration.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/register/useOrderRegistration.ts
index 4dd67f62..757b1563 100644
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/register/useOrderRegistration.ts
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/register/useOrderRegistration.ts
@@ -1,6 +1,6 @@
 import { computed, reactive, ref } from 'vue'
 import { useMutation } from '@tanstack/vue-query'
-import type { KbxAuditEntry, KbxConflictSnapshot, KbxValidationError } from '@kbx/contracts'
+import type { KbxAuditEntry, KbxConflictSnapshot, KbxProblem, KbxValidationError } from '@kbx/contracts'
 import { isKbxProblem } from '@kbx/contracts'
 import { useKbxDirtyState, useKbxValidation } from '@kbx/ui'
 import { orderRegisterSchema } from './order-register.schema'
@@ -12,7 +12,7 @@ interface OrderHeaderForm { orderDate:string;customerId:string|null;warehouseId:
 function localDate(){const d=new Date();return `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')}`}
 function newLine():OrderLineForm{return{clientId:crypto.randomUUID(),itemId:null,itemCode:'',itemName:'',availableQty:null,orderQty:1,unitPrice:0,amount:0,remark:''}}
 export function useOrderRegistration(){
- const orderId=ref<string>();const orderNo=ref<string>();const version=ref<number>();const status=ref('신규');const auditEntries=ref<KbxAuditEntry[]>([]);const conflict=ref<KbxConflictSnapshot|null>(null)
+ const orderId=ref<string>();const orderNo=ref<string>();const version=ref<number>();const status=ref('신규');const auditEntries=ref<KbxAuditEntry[]>([]);const conflict=ref<KbxConflictSnapshot|null>(null);const problem=ref<KbxProblem|null>(null);const failedAction=ref<'save'|'confirm'|null>(null)
  const header=reactive<OrderHeaderForm>({orderDate:localDate(),customerId:null,warehouseId:null,receiverName:'',phone:'',postalCode:'',address1:'',address2:''});const lines=ref<OrderLineForm[]>([newLine()])
  const {dirty,touch,markSaved,reset:resetDirty}=useKbxDirtyState();const validation=useKbxValidation();const mutation=useMutation({mutationFn:orderRegisterApi.save})
  const totalQty=computed(()=>lines.value.reduce((s,l)=>s+Number(l.orderQty||0),0));const totalAmount=computed(()=>lines.value.reduce((s,l)=>s+Number(l.amount||0),0))
@@ -21,11 +21,18 @@ export function useOrderRegistration(){
  function applyItemLookup(line:OrderLineForm,item:{id:string;code:string;displayName:string}){Object.assign(line,{itemId:item.id,itemCode:item.code,itemName:item.displayName});validation.setRowFieldError(line.clientId,'itemCode');touch()}
  function toValidationErrors():KbxValidationError[]{const parsed=orderRegisterSchema.safeParse({header,lines:lines.value});if(parsed.success)return[];return parsed.error.issues.map(issue=>{const p=issue.path;if(p[0]==='header')return{field:String(p[1]??''),code:'CLIENT_VALIDATION',message:issue.message};if(p[0]==='lines'&&typeof p[1]==='number'){const raw=String(p[2]??'');return{rowKey:lines.value[p[1]]?.clientId,field:raw==='itemId'?'itemCode':raw,code:'CLIENT_VALIDATION',message:issue.message}}return{code:'CLIENT_VALIDATION',message:issue.message}})}
  async function refreshAudit(){auditEntries.value=orderId.value?await orderRegisterApi.audit(orderId.value):[]}
- async function load(id:string){const r=await orderRegisterApi.get(id);orderId.value=r.orderId;orderNo.value=r.orderNo;version.value=r.version;status.value=r.status;Object.assign(header,{orderDate:r.orderDate,customerId:r.customerId,warehouseId:r.warehouseId,receiverName:r.receiverName,phone:r.phone,postalCode:r.postalCode??'',address1:r.address1,address2:r.address2??''});lines.value=r.lines.map(l=>({...l,availableQty:null}));validation.clear();conflict.value=null;resetDirty();await refreshAudit()}
- async function save(){const task=startKbxTask(orderRegisterScreen.id,orderRegisterScreen.version,'save-order');validation.clear();const local=toValidationErrors();if(local.length){validation.setErrors(local);task.abandon('client-validation');return}try{const r=await mutation.mutateAsync({orderId:orderId.value,version:version.value,orderDate:header.orderDate,customerId:header.customerId!,warehouseId:header.warehouseId!,receiverName:header.receiverName,phone:header.phone,postalCode:header.postalCode||undefined,address1:header.address1,address2:header.address2||undefined,lines:lines.value.map(l=>({clientId:l.clientId,itemId:l.itemId!,orderQty:l.orderQty,unitPrice:l.unitPrice,remark:l.remark||undefined}))});orderId.value=r.orderId;orderNo.value=r.orderNo;version.value=r.version;status.value=r.status;markSaved();conflict.value=null;await refreshAudit();task.complete('success')}catch(error){const problem=toKbxProblem(error);if(problem?.type==='validation')validation.applyProblem(problem);if(problem?.type==='conflict'&&orderId.value){const latest=await orderRegisterApi.get(orderId.value);conflict.value={code:problem.code,title:problem.title,detail:'입력 중인 주문은 유지됩니다. 최신 값과 비교한 뒤 다시 읽으세요.',entityId:orderId.value,requestedVersion:version.value,currentVersion:problem.currentVersion??latest.version,changes:[['orderDate','주문일'],['customerId','거래처'],['warehouseId','출고창고'],['receiverName','수취인'],['address1','주소']].map(([field,label])=>({field,label,mine:(header as any)[field],latest:(latest as any)[field]}))}}task.abandon(problem?.type??'system');if(!problem||problem.type==='system')throw error}}
- async function confirm(){if(!orderId.value||version.value==null||dirty.value)return;try{const r=await orderRegisterApi.confirm(orderId.value,version.value);version.value=r.version;status.value=r.status;await refreshAudit()}catch(e){if(isKbxProblem(e)&&e.type==='conflict'){const latest=await orderRegisterApi.get(orderId.value);conflict.value={code:e.code,title:e.title,requestedVersion:version.value,currentVersion:e.currentVersion??latest.version,entityId:orderId.value};return}throw e}}
+ async function load(id:string){problem.value=null;failedAction.value=null;const r=await orderRegisterApi.get(id);orderId.value=r.orderId;orderNo.value=r.orderNo;version.value=r.version;status.value=r.status;Object.assign(header,{orderDate:r.orderDate,customerId:r.customerId,warehouseId:r.warehouseId,receiverName:r.receiverName,phone:r.phone,postalCode:r.postalCode??'',address1:r.address1,address2:r.address2??''});lines.value=r.lines.map(l=>({...l,availableQty:null}));validation.clear();conflict.value=null;resetDirty();await refreshAudit()}
+ async function save(){problem.value=null;failedAction.value=null;const task=startKbxTask(orderRegisterScreen.id,orderRegisterScreen.version,'save-order');validation.clear();const local=toValidationErrors();if(local.length){validation.setErrors(local);task.abandon('client-validation');return false}try{const r=await mutation.mutateAsync({orderId:orderId.value,version:version.value,orderDate:header.orderDate,customerId:header.customerId!,warehouseId:header.warehouseId!,receiverName:header.receiverName,phone:header.phone,postalCode:header.postalCode||undefined,address1:header.address1,address2:header.address2||undefined,lines:lines.value.map(l=>({clientId:l.clientId,itemId:l.itemId!,orderQty:l.orderQty,unitPrice:l.unitPrice,remark:l.remark||undefined}))});orderId.value=r.orderId;orderNo.value=r.orderNo;version.value=r.version;status.value=r.status;markSaved();conflict.value=null;await refreshAudit();task.complete('success');return true}catch(error){const issue=toKbxProblem(error);if(issue?.type==='validation')validation.applyProblem(issue);if(issue?.type==='conflict'&&orderId.value){const latest=await orderRegisterApi.get(orderId.value);conflict.value={code:issue.code,title:issue.title,detail:'입력 중인 주문은 유지됩니다. 최신 값과 비교한 뒤 다시 읽으세요.',entityId:orderId.value,requestedVersion:version.value,currentVersion:issue.currentVersion??latest.version,changes:[['orderDate','주문일'],['customerId','거래처'],['warehouseId','출고창고'],['receiverName','수취인'],['address1','주소']].map(([field,label])=>({field,label,mine:(header as any)[field],latest:(latest as any)[field]}))}}if(issue && !['validation','conflict'].includes(issue.type)){ problem.value=issue; failedAction.value='save' }task.abandon(issue?.type??'system');if(!issue)throw error;return false}}
+ async function confirm(){if(!orderId.value||version.value==null||dirty.value)return;problem.value=null;failedAction.value=null;try{const r=await orderRegisterApi.confirm(orderId.value,version.value);version.value=r.version;status.value=r.status;await refreshAudit()}catch(e){if(isKbxProblem(e)&&e.type==='conflict'){const latest=await orderRegisterApi.get(orderId.value);conflict.value={code:e.code,title:e.title,requestedVersion:version.value,currentVersion:e.currentVersion??latest.version,entityId:orderId.value};return}if(isKbxProblem(e)){problem.value=e;failedAction.value='confirm';return}throw e}}
  async function reloadConflict(){if(orderId.value)await load(orderId.value)}
  function dismissConflict(){conflict.value=null}
- function createNew(){orderId.value=undefined;orderNo.value=undefined;version.value=undefined;status.value='신규';Object.assign(header,{orderDate:localDate(),customerId:null,warehouseId:null,receiverName:'',phone:'',postalCode:'',address1:'',address2:''});lines.value=[newLine()];auditEntries.value=[];conflict.value=null;validation.clear();resetDirty()}
- return{orderId,orderNo,version,status,header,lines,dirty,errors:validation.errors,fieldError:validation.fieldError,totalQty,totalAmount,saving:computed(()=>mutation.isPending.value),auditEntries,conflict,addLine,duplicateLines,onCellChanged,applyItemLookup,save,confirm,load,reloadConflict,dismissConflict,createNew,touch}
+ async function retryProblem(){const action=failedAction.value;problem.value=null;failedAction.value=null;if(action==='confirm')return confirm();if(action==='save')return save()}
+ function dismissProblem(){problem.value=null;failedAction.value=null}
+ function createNew(){orderId.value=undefined;orderNo.value=undefined;version.value=undefined;status.value='신규';Object.assign(header,{orderDate:localDate(),customerId:null,warehouseId:null,receiverName:'',phone:'',postalCode:'',address1:'',address2:''});lines.value=[newLine()];auditEntries.value=[];conflict.value=null;problem.value=null;failedAction.value=null;validation.clear();resetDirty()}
+ function copyCurrent(){
+  orderId.value=undefined;orderNo.value=undefined;version.value=undefined;status.value='신규'
+  lines.value=lines.value.map(line=>({...line,clientId:crypto.randomUUID()}))
+  auditEntries.value=[];conflict.value=null;problem.value=null;failedAction.value=null;validation.clear();resetDirty();touch()
+ }
+ return{orderId,orderNo,version,status,header,lines,dirty,errors:validation.errors,fieldError:validation.fieldError,totalQty,totalAmount,saving:computed(()=>mutation.isPending.value),auditEntries,conflict,problem,addLine,duplicateLines,onCellChanged,applyItemLookup,save,confirm,load,reloadConflict,dismissConflict,retryProblem,dismissProblem,createNew,copyCurrent,touch}
 }
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/search/OrderDetailDrawer.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/search/OrderDetailDrawer.vue
new file mode 100644
index 00000000..7b65305e
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/search/OrderDetailDrawer.vue
@@ -0,0 +1,89 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { KbxButton, KbxDataState, KbxDrawer, KbxStatus } from '@kbx/ui'
+import type { KbxStatusSemantic } from '@kbx/contracts'
+import type { OrderDetailResponse } from './orderApi'
+import type { OrderSearchRow } from './order-list.definition'
+
+const props = defineProps<{
+  open:boolean
+  summary:OrderSearchRow | null
+  detail:OrderDetailResponse | null
+  loading?:boolean
+  error?:string
+}>()
+const emit = defineEmits<{
+  'update:open':[boolean]
+  retry:[]
+  fullDetail:[string]
+}>()
+
+const title = computed(() => props.summary?.orderNo ? `주문 ${props.summary.orderNo}` : '주문 상세')
+function statusSemantic(status:string):KbxStatusSemantic {
+  if (['SHIPPED','출고완료','COMPLETED','완료'].includes(status)) return 'completed'
+  if (['HOLD','보류'].includes(status)) return 'hold'
+  if (['ERROR','오류'].includes(status)) return 'error'
+  if (['CONFIRMED','확정','READY','출고대기'].includes(status)) return 'pending'
+  return 'processing'
+}
+
+const maskedPhone = computed(() => {
+  const value = props.detail?.phone ?? ''
+  const digits = value.replace(/\D/g, '')
+  if (digits.length < 7) return value
+  return `${digits.slice(0,3)}-****-${digits.slice(-4)}`
+})
+</script>
+
+<template>
+  <KbxDrawer :open="open" :title="title" width="580px" @update:open="emit('update:open',$event)">
+    <KbxDataState v-if="loading" state="loading" title="주문 상세를 불러오는 중입니다." />
+    <KbxDataState v-else-if="error" state="error" title="주문 상세를 불러오지 못했습니다." :detail="error" action-label="다시 조회" @action="emit('retry')" />
+    <div v-else-if="detail" class="order-detail" data-kbx-order-detail>
+      <section class="order-detail__headline">
+        <div><span>주문상태</span><KbxStatus :label="detail.status" :semantic="statusSemantic(detail.status)" /></div>
+        <div><span>판매채널</span><strong>{{summary?.channelName || '-'}}</strong></div>
+        <div><span>주문일</span><strong>{{detail.orderDate}}</strong></div>
+      </section>
+
+      <section>
+        <h3>수취인</h3>
+        <dl><dt>이름</dt><dd>{{detail.receiverName}}</dd><dt>연락처</dt><dd>{{maskedPhone}}</dd></dl>
+      </section>
+
+      <section>
+        <h3>배송</h3>
+        <p>{{detail.postalCode ? `[${detail.postalCode}] ` : ''}}{{detail.address1}} {{detail.address2}}</p>
+      </section>
+
+      <section>
+        <h3>상품 <small>{{detail.lines.length}}종</small></h3>
+        <div class="order-detail__lines">
+          <article v-for="line in detail.lines" :key="line.id || line.clientId">
+            <div><b>{{line.itemCode}}</b><span>{{line.itemName}}</span></div>
+            <strong>{{Number(line.orderQty).toLocaleString('ko-KR')}} EA</strong>
+          </article>
+        </div>
+      </section>
+    </div>
+
+    <template #footer>
+      <div class="order-detail__footer">
+        <KbxButton label="닫기" variant="secondary" @click="emit('update:open',false)" />
+        <KbxButton v-if="detail" label="전체 상세" variant="primary" @click="emit('fullDetail',detail.orderId)" />
+      </div>
+    </template>
+  </KbxDrawer>
+</template>
+
+<style scoped>
+.order-detail{display:flex;flex-direction:column;gap:var(--kbx-space-4);font-size:var(--kbx-font-md)}
+.order-detail section{border-bottom:var(--kbx-border-width) solid var(--kbx-color-border);padding-bottom:var(--kbx-space-3)}
+.order-detail section:last-child{border-bottom:0}.order-detail h3{margin:0 0 var(--kbx-space-2);font-size:var(--kbx-font-lg)}
+.order-detail h3 small{margin-left:var(--kbx-space-1);color:var(--kbx-color-text-muted);font-size:var(--kbx-font-xs);font-weight:400}
+.order-detail__headline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kbx-space-2)}
+.order-detail__headline>div{display:grid;gap:var(--kbx-space-1)}.order-detail__headline span,dt{color:var(--kbx-color-text-muted);font-size:var(--kbx-font-xs)}
+dl{display:grid;grid-template-columns:var(--kbx-label-width) minmax(0,1fr);gap:var(--kbx-space-2);margin:0}dd{margin:0}.order-detail p{margin:0;line-height:1.6}
+.order-detail__lines{border:var(--kbx-border-width) solid var(--kbx-color-border)}.order-detail__lines article{min-height:var(--kbx-control-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--kbx-space-3);padding:var(--kbx-space-2);border-bottom:var(--kbx-border-width) solid var(--kbx-color-border)}.order-detail__lines article:last-child{border-bottom:0}.order-detail__lines article>div{display:grid;min-width:0}.order-detail__lines span{color:var(--kbx-color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-detail__footer{display:flex;justify-content:flex-end;gap:var(--kbx-space-2)}
+@media(max-width:42rem){.order-detail__headline{grid-template-columns:1fr}}
+</style>
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/search/OrderListPage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/search/OrderListPage.vue
new file mode 100644
index 00000000..087bb0b1
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/search/OrderListPage.vue
@@ -0,0 +1,210 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import {
+  KbxDataGrid,
+  KbxListPage,
+  KbxQuickFilterBar,
+  KbxSearchPanel,
+  KbxSummaryBar,
+  useKbxPageShortcuts,
+} from '@kbx/ui'
+import { orderColumns, orderListScreen, orderSearchFields, type OrderSearchRow } from './order-list.definition'
+import { orderApi, type OrderDetailResponse } from './orderApi'
+import { orderImportApi } from '../import/orderImportApi'
+import OrderDetailDrawer from './OrderDetailDrawer.vue'
+import { useOrderSearch } from './useOrderSearch'
+import { useKbxExperiment } from '../../../../experiments/kbxExperimentClient'
+
+const vm = useOrderSearch()
+const router = useRouter()
+const grid = ref<any>(null)
+const detailOpen = ref(false)
+const detailSummary = ref<OrderSearchRow | null>(null)
+const detail = ref<OrderDetailResponse | null>(null)
+const detailLoading = ref(false)
+const detailError = ref('')
+const pageNotice = ref('')
+let detailSequence = 0
+
+const exceptionSummaryExperiment = useKbxExperiment(
+  orderListScreen.id,
+  orderListScreen.version,
+  'exp.oms.order-list.exception-summary-v2',
+  'information-emphasis',
+)
+
+useKbxPageShortcuts([{ key:'F3', execute:vm.executeSearch }])
+
+async function selectQuickFilter(key:string) {
+  vm.search.exceptionOnly = false
+  vm.search.status = null
+  if (key === 'new') vm.search.status = 'NEW'
+  if (key === 'ready') vm.search.status = 'READY'
+  if (key === 'exceptions') vm.search.exceptionOnly = true
+  await vm.executeSearch()
+}
+
+async function openDetail(row:OrderSearchRow) {
+  const sequence = ++detailSequence
+  detailSummary.value = row
+  detail.value = null
+  detailError.value = ''
+  detailLoading.value = true
+  detailOpen.value = true
+  try {
+    const result = await orderApi.getDetail(row.id)
+    if (sequence === detailSequence) detail.value = result
+  } catch {
+    if (sequence === detailSequence) detailError.value = '네트워크 상태를 확인한 후 다시 시도하세요.'
+  } finally {
+    if (sequence === detailSequence) detailLoading.value = false
+  }
+}
+
+function closeDetail() {
+  detailSequence += 1
+  detailOpen.value = false
+  detailLoading.value = false
+}
+
+async function openFullDetail(orderId:string) {
+  closeDetail()
+  await router.push({ name:'oms-order-edit', params:{ orderId } })
+}
+
+async function executeCommand(id:string) {
+  pageNotice.value = ''
+  if (id === 'excel.export') {
+    const total = vm.result.value?.totalCount ?? 0
+    if (total > vm.rows.value.length) {
+      pageNotice.value = `전체 ${total.toLocaleString('ko-KR')}건 중 현재 로드된 ${vm.rows.value.length.toLocaleString('ko-KR')}건만 있습니다. 누락 방지를 위해 전체 조회결과 Export API가 연결될 때까지 다운로드를 차단합니다.`
+      return
+    }
+    grid.value?.exportCsv?.()
+    pageNotice.value = `${total.toLocaleString('ko-KR')}건을 CSV로 다운로드했습니다.`
+    return
+  }
+  if (id === 'excel.template') {
+    await orderImportApi.downloadTemplate()
+    return
+  }
+  if (id === 'excel.import') return router.push({ name:'oms-order-import' })
+  if (id === 'excel.paste') return router.push({ name:'oms-order-import', query:{ source:'clipboard' } })
+  if (id === 'excel.history') return router.push({ name:'oms-order-import', query:{ view:'history' } })
+  await vm.executeCommand(id)
+}
+
+const quickFilters = computed(() => {
+  const counters = vm.result.value?.counters
+  if (!counters) return []
+  return [
+    { key:'all', label:'전체', count:counters.all, active:!vm.search.status && !vm.search.exceptionOnly },
+    { key:'new', label:'신규', count:counters.new, active:vm.search.status === 'NEW' },
+    { key:'ready', label:'출고대기', count:counters.readyToShip, active:vm.search.status === 'READY' },
+    { key:'exceptions', label:'오류', count:counters.exceptions, active:vm.search.exceptionOnly, tone:'danger' as const },
+  ]
+})
+
+const pageContext = computed(() => vm.result.value ? {
+  label:`${vm.appliedSearch.value.from} ~ ${vm.appliedSearch.value.to}`,
+  hint:vm.appliedSearch.value.exceptionOnly ? '예외 주문만 조회 중' : '현재 적용된 조회조건 기준',
+  metrics:[
+    { key:'result', label:'조회', value:vm.result.value.totalCount },
+    { key:'selected', label:'선택', value:vm.selectionCount.value },
+    { key:'exceptions', label:'오류', value:vm.result.value.counters.exceptions, tone:'danger' as const, emphasis:vm.result.value.counters.exceptions > 0 },
+  ],
+} : null)
+
+const summaryItems = computed(() => vm.result.value ? [
+  { key:'rows', label:'조회', value:`${vm.result.value.totalCount.toLocaleString('ko-KR')}건` },
+  { key:'selected', label:'선택', value:`${vm.selectionCount.value.toLocaleString('ko-KR')}건` },
+  { key:'qty', label:'수량', value:vm.result.value.totalQty },
+  { key:'amount', label:'금액', value:`₩${vm.result.value.totalAmount.toLocaleString('ko-KR')}`, emphasis:true },
+] : [])
+</script>
+
+<template>
+  <KbxListPage
+    :screen="orderListScreen"
+    :selection-count="vm.selectionCount.value"
+    :context="pageContext"
+    :content-state="vm.error.value ? 'error' : vm.loading.value && !vm.result.value ? 'loading' : !vm.result.value ?'idle' : vm.result.value.totalCount === 0 ? 'empty' : 'ready'"
+    :refreshing="vm.loading.value && Boolean(vm.result.value)"
+    :problem="vm.problem.value"
+    empty-action-label="조회조건 초기화"
+    breadcrumb="OMS > 주문"
+    @command="executeCommand"
+    @empty-action="vm.resetAndSearch"
+    @retry-problem="vm.retryProblem"
+    @dismiss-problem="vm.dismissProblem"
+  >
+    <template #notice><div v-if="pageNotice || vm.preferenceNotice.value" class="page-notice" role="status">{{pageNotice || vm.preferenceNotice.value}}</div></template>
+    <template #search>
+      <KbxSearchPanel
+        :model-value="vm.search"
+        :fields="orderSearchFields"
+        remember
+        saved-search
+        :remember-checked="vm.rememberSearch.value"
+        @update:model-value="value => Object.assign(vm.search, value)"
+        @update:remember-checked="vm.setRememberSearch"
+        @saved-search-requested="vm.saveCurrentSearchDefaults"
+        @search="vm.executeSearch"
+      />
+    </template>
+
+    <template #quick-filter>
+      <div v-if="vm.result.value && exceptionSummaryExperiment.is('exception-summary')" class="experiment-summary">
+        <strong>확인 필요</strong> · 오류 {{vm.result.value.counters.exceptions.toLocaleString()}}건 — 기존 조회·처리 문법은 그대로 유지됩니다.
+      </div>
+      <KbxQuickFilterBar v-if="quickFilters.length" :items="quickFilters" @select="selectQuickFilter" />
+    </template>
+
+    <template #content>
+      <KbxDataGrid
+        ref="grid"
+        :rows="vm.rows.value"
+        :columns="orderColumns"
+        row-key="id"
+        aria-label="주문 조회 결과"
+        selection="multiple"
+        :loading="vm.loading.value"
+        :total-count="vm.result.value?.totalCount ?? 0"
+        :selection-state="vm.selectionState.value"
+        allow-all-filtered-selection
+        export-file-name="orders-current-page.csv"
+        @selection-state-changed="value => vm.selectionState.value = value"
+        @drill-down-requested="openDetail"
+        @row-double-clicked="openDetail"
+      />
+    </template>
+
+    <template #summary>
+      <KbxSummaryBar v-if="summaryItems.length" :items="summaryItems" />
+    </template>
+
+    <template #detail>
+      <OrderDetailDrawer
+        :open="detailOpen"
+        :summary="detailSummary"
+        :detail="detail"
+        :loading="detailLoading"
+        :error="detailError"
+        @update:open="value => value ? detailOpen = true : closeDetail()"
+        @retry="detailSummary && openDetail(detailSummary)"
+        @full-detail="openFullDetail"
+      />
+    </template>
+  </KbxListPage>
+</template>
+
+<style scoped>
+.page-notice{padding:var(--kbx-space-2) var(--kbx-space-3);border:var(--kbx-border-width) solid var(--kbx-color-warning-border);background:var(--kbx-color-warning-surface);font-size:var(--kbx-font-sm)}
+.experiment-summary {
+  margin-bottom:var(--kbx-space-1);
+  padding:var(--kbx-space-2);
+  border:var(--kbx-border-width) solid var(--kbx-color-border);
+  background:var(--kbx-color-surface-muted);
+}
+</style>
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/search/order-list.definition.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/search/order-list.definition.ts
similarity index 93%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/search/order-list.definition.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/search/order-list.definition.ts
index b03c7be6..718eb52b 100644
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/search/order-list.definition.ts
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/search/order-list.definition.ts
@@ -16,7 +16,7 @@ export interface OrderSearchRow {
 
 export const orderListScreen = defineKbxScreen({
   id: 'OMS-ORD-001',
-  version: '1.1.0',
+  version: '1.3.0',
   module: 'OMS',
   type: 'list', templateCode:'T01',
   title: '주문관리',
@@ -31,8 +31,7 @@ export const orderListScreen = defineKbxScreen({
       id: 'ship', label: '출고지시', group: 'workflow', variant: 'primary',
       requiresSelection: true, minSelection: 1, permission: 'oms.order.ship'
     },
-    { id: 'hold', label: '보류', group: 'workflow', requiresSelection: true, minSelection: 1 },
-    { id: 'excel', label: '엑셀', group: 'output' },
+    { id: 'excel', label: '엑셀', group: 'output', menu: 'excel' },
   ],
 })
 
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/search/orderApi.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/search/orderApi.ts
similarity index 68%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/search/orderApi.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/search/orderApi.ts
index 9d07fd6f..57306f67 100644
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/oms/orders/search/orderApi.ts
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/search/orderApi.ts
@@ -25,11 +25,31 @@ export interface OrderSearchResponse {
 
 export interface ShipOrdersResult { requested: number; accepted: number; rejected: number }
 
+export interface OrderDetailResponse {
+  orderId:string
+  orderNo:string
+  version:number
+  status:string
+  orderDate:string
+  customerId:string
+  warehouseId:string
+  receiverName:string
+  phone:string
+  postalCode?:string
+  address1:string
+  address2?:string
+  lines:Array<{id:string;clientId:string;itemId:string;itemCode:string;itemName:string;orderQty:number;unitPrice:number;amount:number;remark:string}>
+}
+
 export const orderApi = {
   search(filter: OrderSearchFilter) {
     return kbxApi.request<OrderSearchResponse>('oms.orders.search', { query: filter })
   },
 
+  getDetail(orderId:string) {
+    return kbxApi.request<OrderDetailResponse>('oms.orders.get', { path:{ id:orderId } })
+  },
+
   ship(selection: KbxBulkSelectionRequest<OrderBulkFilter>) {
     return kbxApi.request<ShipOrdersResult, KbxBulkSelectionRequest<OrderBulkFilter>>('oms.orders.ship', {
       body: selection,
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/search/useOrderSearch.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/search/useOrderSearch.ts
new file mode 100644
index 00000000..5bd60e69
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/oms/orders/search/useOrderSearch.ts
@@ -0,0 +1,205 @@
+import { computed, inject, onMounted, reactive, ref } from 'vue'
+import { useMutation, useQuery, useQueryClient } from '@tanstack/vue-query'
+import { useRoute, useRouter } from 'vue-router'
+import { isKbxProblem, type KbxProblem, type KbxSelectionState } from '@kbx/contracts'
+import { toKbxBulkSelectionRequest } from '@kbx/ui'
+import { orderApi, type OrderBulkFilter, type OrderSearchFilter } from './orderApi'
+import { kbxTelemetry, startKbxTask } from '../../../telemetry/kbxTelemetryClient'
+import { orderListScreen } from './order-list.definition'
+import { KbxScreenPreferenceScopeKey, loadScreenPreference, saveScreenPreference } from '../../../../preferences/screenPreferenceStore'
+
+function todayIso() { return new Date().toISOString().slice(0, 10) }
+
+export function useOrderSearch() {
+  const router = useRouter()
+  const route = useRoute()
+  const queryClient = useQueryClient()
+  const selectionState = ref<KbxSelectionState<string>>({ mode:'explicit', selectedIds:[] })
+  const preferenceScope = inject(KbxScreenPreferenceScopeKey, ref(''))
+  const rememberSearch = ref(false)
+  const savedSearchDefaults = ref<Record<string, unknown> | undefined>()
+  const preferenceNotice = ref('')
+  const problem = ref<KbxProblem | null>(null)
+  const failedCommand = ref<'ship' | null>(null)
+
+  const search = reactive<OrderSearchFilter>({
+    from: todayIso(), to: todayIso(), channelId: null, status: null,
+    exceptionOnly: false, keyword: '', page: 1, pageSize: 100,
+  })
+  const appliedSearch = ref<OrderSearchFilter>({ ...search })
+
+  function firstQueryValue(value: unknown) {
+    return Array.isArray(value) ? value[0] : value
+  }
+
+  function hydrateSearchFromRoute() {
+    let contextual = false
+    const from = String(firstQueryValue(route.query.from) ?? '')
+    const to = String(firstQueryValue(route.query.to) ?? '')
+    const status = String(firstQueryValue(route.query.status) ?? '')
+    const exceptionOnly = String(firstQueryValue(route.query.exceptionOnly) ?? '')
+    const keyword = String(firstQueryValue(route.query.keyword) ?? '')
+    const channelId = String(firstQueryValue(route.query.channelId) ?? '')
+
+    if (/^\d{4}-\d{2}-\d{2}$/.test(from)) { search.from = from; contextual = true }
+    if (/^\d{4}-\d{2}-\d{2}$/.test(to)) { search.to = to; contextual = true }
+    if (['NEW','READY','SHIPPED','HOLD'].includes(status)) { search.status = status; contextual = true }
+    if (exceptionOnly === 'true') { search.exceptionOnly = true; contextual = true }
+    if (keyword) { search.keyword = keyword.slice(0, 100); contextual = true }
+    if (channelId) { search.channelId = channelId.slice(0, 64); contextual = true }
+    return contextual
+  }
+
+
+  function safePersistableSearch() {
+    return {
+      from: /^\d{4}-\d{2}-\d{2}$/.test(search.from) ? search.from : todayIso(),
+      to: /^\d{4}-\d{2}-\d{2}$/.test(search.to) ? search.to : todayIso(),
+      channelId: typeof search.channelId === 'string' ? search.channelId.slice(0, 64) : null,
+      status: ['NEW','READY','SHIPPED','HOLD'].includes(String(search.status)) ? search.status : null,
+      exceptionOnly: Boolean(search.exceptionOnly),
+    }
+  }
+
+  function applySafeSearchDefaults(value: Record<string, unknown> | undefined) {
+    if (!value) return false
+    let applied = false
+    if (typeof value.from === 'string' && /^\d{4}-\d{2}-\d{2}$/.test(value.from)) { search.from = value.from; applied = true }
+    if (typeof value.to === 'string' && /^\d{4}-\d{2}-\d{2}$/.test(value.to)) { search.to = value.to; applied = true }
+    if (typeof value.channelId === 'string' && value.channelId.length <= 64) { search.channelId = value.channelId || null; applied = true }
+    if (value.channelId === null) { search.channelId = null; applied = true }
+    if (typeof value.status === 'string' && ['NEW','READY','SHIPPED','HOLD'].includes(value.status)) { search.status = value.status; applied = true }
+    if (value.status === null) { search.status = null; applied = true }
+    if (typeof value.exceptionOnly === 'boolean') { search.exceptionOnly = value.exceptionOnly; applied = true }
+    // Free-text keyword is intentionally never restored from local preference storage.
+    search.keyword = ''
+    return applied
+  }
+
+  function persistPreference(message: string) {
+    const scope = preferenceScope.value
+    if (!scope) return false
+    const saved = saveScreenPreference(scope, {
+      screenId: orderListScreen.id,
+      screenVersion: orderListScreen.version,
+      rememberSearch: rememberSearch.value,
+      searchDefaults: savedSearchDefaults.value,
+    })
+    preferenceNotice.value = saved ? message : '개인화 설정을 저장하지 못했습니다. 현재 업무는 계속 사용할 수 있습니다.'
+    return saved
+  }
+
+  function setRememberSearch(value: boolean) {
+    rememberSearch.value = value
+    if (value) savedSearchDefaults.value = safePersistableSearch()
+    persistPreference(value ? '마지막 조회조건 기억을 켰습니다. 자유검색어는 저장하지 않습니다.' : '마지막 조회조건 기억을 껐습니다.')
+  }
+
+  function saveCurrentSearchDefaults() {
+    savedSearchDefaults.value = safePersistableSearch()
+    persistPreference('현재 조회조건을 이 화면의 기본조건으로 저장했습니다. 자유검색어는 저장하지 않습니다.')
+  }
+
+  const query = useQuery({
+    queryKey: computed(() => ['oms', 'orders', appliedSearch.value]),
+    queryFn: () => orderApi.search({ ...appliedSearch.value }),
+    enabled: false,
+  })
+
+  const shipMutation = useMutation({
+    mutationFn: (selection: ReturnType<typeof currentBulkSelection>) => orderApi.ship(selection),
+    onSuccess: async () => {
+      selectionState.value = { mode:'explicit', selectedIds:[] }
+      await queryClient.invalidateQueries({ queryKey: ['oms', 'orders'] })
+      await query.refetch()
+    },
+  })
+
+  const selectionCount = computed(() => selectionState.value.mode === 'all-filtered'
+    ? Math.max((query.data.value?.totalCount ?? 0) - (selectionState.value.excludedIds?.length ?? 0), 0)
+    : selectionState.value.selectedIds.length)
+
+  function currentBulkFilter(): OrderBulkFilter {
+    return {
+      from: appliedSearch.value.from, to: appliedSearch.value.to, channelId: appliedSearch.value.channelId,
+      status: appliedSearch.value.status, exceptionOnly: appliedSearch.value.exceptionOnly, keyword: appliedSearch.value.keyword,
+    }
+  }
+
+  function currentBulkSelection() {
+    return toKbxBulkSelectionRequest(selectionState.value, currentBulkFilter())
+  }
+
+  async function executeSearch() {
+    problem.value = null
+    failedCommand.value = null
+    const started=performance.now();selectionState.value={mode:'explicit',selectedIds:[]};appliedSearch.value={...search}
+    kbxTelemetry.track('command.execute',{screenId:orderListScreen.id,screenVersion:orderListScreen.version,attributes:{commandId:'search',operationKind:'query'}})
+    kbxTelemetry.track('search.execute',{screenId:orderListScreen.id,screenVersion:orderListScreen.version,attributes:{resultBucket:'requested'}})
+    await query.refetch()
+    if (rememberSearch.value) { savedSearchDefaults.value = safePersistableSearch(); persistPreference('마지막 조회조건을 기억했습니다. 자유검색어는 저장하지 않습니다.') }
+    kbxTelemetry.track('command.succeeded',{screenId:orderListScreen.id,screenVersion:orderListScreen.version,durationMs:Math.round(performance.now()-started),attributes:{commandId:'search',operationKind:'query'}})
+  }
+
+
+  async function resetAndSearch() {
+    Object.assign(search, { from:todayIso(), to:todayIso(), channelId:null, status:null, exceptionOnly:false, keyword:'', page:1, pageSize:100 })
+    await executeSearch()
+  }
+
+  onMounted(() => {
+    const contextual = hydrateSearchFromRoute()
+    const preference = loadScreenPreference(preferenceScope.value, orderListScreen.id, orderListScreen.version)
+    rememberSearch.value = Boolean(preference?.rememberSearch)
+    savedSearchDefaults.value = preference?.searchDefaults
+    if (!contextual && savedSearchDefaults.value) applySafeSearchDefaults(savedSearchDefaults.value)
+    if (contextual) void executeSearch()
+  })
+
+  async function executeCommand(commandId: string) {
+    const handlers: Record<string, () => unknown | Promise<unknown>> = {
+      search: executeSearch,
+      new: () => router.push({ name: 'oms-order-new' }),
+      ship: async () => {
+        const task=startKbxTask(orderListScreen.id,orderListScreen.version,'ship-orders');task.interaction('bulk-command','ship')
+        kbxTelemetry.track('grid.bulk_action',{screenId:orderListScreen.id,screenVersion:orderListScreen.version,taskSessionId:task.id,attributes:{commandId:'ship',countBucket:selectionCount.value<10?'1-9':selectionCount.value<100?'10-99':'100+',selectionMode:selectionState.value.mode}})
+        try{await shipMutation.mutateAsync(currentBulkSelection());problem.value=null;failedCommand.value=null;task.complete('success')}catch(error){task.abandon('failed');if(isKbxProblem(error)){problem.value=error;failedCommand.value='ship';return}throw error}
+      },
+    }
+    return handlers[commandId]?.()
+  }
+
+
+  async function retryProblem() {
+    const action = failedCommand.value
+    problem.value = null
+    failedCommand.value = null
+    if (action === 'ship' && selectionCount.value > 0) return executeCommand('ship')
+  }
+
+  function dismissProblem() {
+    problem.value = null
+    failedCommand.value = null
+  }
+
+  return {
+    search,
+    appliedSearch,
+    rows: computed(() => query.data.value?.items ?? []),
+    result: computed(() => query.data.value),
+    loading: computed(() => query.isFetching.value),
+    error: computed(() => query.error.value),
+    selectionState,
+    selectionCount,
+    rememberSearch,
+    preferenceNotice,
+    problem,
+    setRememberSearch,
+    saveCurrentSearchDefaults,
+    executeSearch,
+    resetAndSearch,
+    executeCommand,
+    retryProblem,
+    dismissProblem,
+  }
+}
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/counting/WmsCountingPage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/counting/WmsCountingPage.vue
new file mode 100644
index 00000000..24376de3
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/counting/WmsCountingPage.vue
@@ -0,0 +1,33 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import { KbxBarcodeCapture, KbxProblemFeedback, KbxWmsActionButton, KbxWmsMobilePage, playKbxWmsFeedback, useKbxNetworkState } from '@kbx/ui'
+import { countingScreen } from './counting.definition'
+import { createWmsExecutionNotConnectedProblem, wmsFrontendScenarioMode } from '../shared/wmsFrontendCapability'
+const props=defineProps<{taskId:string}>()
+const {online}=useKbxNetworkState()
+const stage=ref<'location'|'item'|'counted'>('location')
+const location=ref('')
+const item=ref('')
+const counted=ref(0)
+const bookQty=3
+const expectedLocation='C-01-01'
+const expectedBarcode='8801234567003'
+const message=ref('실사 위치를 스캔하세요.')
+const problem=createWmsExecutionNotConnectedProblem('재고 실사')
+const difference=computed(()=>counted.value-bookQty)
+function scan(value:string){
+  if(!wmsFrontendScenarioMode)return
+  if(stage.value==='location'){
+    if(value!==expectedLocation){message.value=`다른 위치입니다. 실사 위치 ${expectedLocation}로 이동하세요.`;playKbxWmsFeedback('error');return}
+    location.value=value;stage.value='item';message.value='실사 상품을 스캔하세요.';playKbxWmsFeedback('success');return
+  }
+  if(stage.value==='item'){
+    if(value!==expectedBarcode){message.value=`다른 상품입니다. 필요한 바코드는 ${expectedBarcode}입니다.`;playKbxWmsFeedback('error');return}
+    counted.value+=1;item.value=value;message.value=`실사 ${counted.value}개를 확인했습니다. 계속 스캔하거나 수량을 확정하세요.`;playKbxWmsFeedback('success')
+  }
+}
+function finish(){stage.value='counted';message.value=difference.value===0?'장부수량과 일치합니다.':'차이가 있습니다. 운영에서는 관리자 확인 대상으로 Server에 등록해야 합니다.';playKbxWmsFeedback(difference.value===0?'success':'warning')}
+function reset(){stage.value='location';location.value='';item.value='';counted.value=0;message.value='실사 위치를 스캔하세요.'}
+</script>
+<template><KbxWmsMobilePage :screen="countingScreen" :progress="stage==='counted'?'실사완료':'실사중'" :task-context="`Task ${props.taskId}`" :online="online" :actions-visible="wmsFrontendScenarioMode"><template #notice><KbxProblemFeedback v-if="!wmsFrontendScenarioMode" :problem="problem" :dismissible="false" /></template><template v-if="wmsFrontendScenarioMode"><p class="msg" role="status" aria-live="polite">{{message}}</p><div v-if="location" class="box"><small>LOCATION</small><strong>{{location}}</strong></div><div v-if="item" class="box"><small>상품</small><strong>기능성 양말</strong><span>{{item}}</span><p>실사 {{counted}} · 장부 {{bookQty}} · 차이 {{difference>0?'+':''}}{{difference}}</p></div><KbxBarcodeCapture v-if="stage!=='counted'" :enabled="online" :label="stage==='location'?'LOCATION SCAN':'ITEM SCAN'" @scan="event=>scan(event.normalizedValue)" /></template><template #actions><template v-if="wmsFrontendScenarioMode"><KbxWmsActionButton v-if="stage==='item'" label="수량 확정" :disabled="!online" @click="finish"/><KbxWmsActionButton v-else-if="stage==='counted'" label="다음 위치" @click="reset"/></template></template></KbxWmsMobilePage></template>
+<style scoped>.msg{font-weight:650}.box{display:flex;flex-direction:column;gap:var(--kbx-space-1);padding:var(--kbx-space-4);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-lg);margin-bottom:var(--kbx-space-3)}.box small,.box span{color:var(--kbx-color-text-muted)}.box strong{font-size:var(--kbx-font-2xl)}.box p{font-size:var(--kbx-font-lg);font-weight:650}</style>
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/counting/counting.definition.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/counting/counting.definition.ts
similarity index 77%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/counting/counting.definition.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/counting/counting.definition.ts
index b7cfc4aa..c03af614 100644
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/counting/counting.definition.ts
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/counting/counting.definition.ts
@@ -1,3 +1,3 @@
 
 import { defineKbxScreen } from '@kbx/ui'
-export const countingScreen=defineKbxScreen({id:'WMS-COUNT-001',version:'1.0.0',module:'WMS',type:'wms-mobile', templateCode:'T09',title:'재고실사',helpKey:'WMS-COUNT-001',permissions:['wms.inventory.count'],telemetry:{enabled:true}})
+export const countingScreen=defineKbxScreen({id:'WMS-COUNT-001',version:'1.1.0',module:'WMS',type:'wms-mobile', templateCode:'T09',title:'재고실사',helpKey:'WMS-COUNT-001',permissions:['wms.inventory.count'],telemetry:{enabled:true}})
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/counting/routes.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/counting/routes.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/counting/routes.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/counting/routes.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/picking/PickingExceptionSheet.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/picking/PickingExceptionSheet.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/picking/PickingExceptionSheet.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/picking/PickingExceptionSheet.vue
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/picking/PickingQuantitySheet.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/picking/PickingQuantitySheet.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/picking/PickingQuantitySheet.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/picking/PickingQuantitySheet.vue
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/picking/WmsPickingPage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/picking/WmsPickingPage.vue
similarity index 98%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/picking/WmsPickingPage.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/picking/WmsPickingPage.vue
index d70745f1..8bfeb97b 100644
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/picking/WmsPickingPage.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/picking/WmsPickingPage.vue
@@ -38,6 +38,9 @@ const stageTitle = computed(() => {
     :online="vm.online.value"
     :pending-commands="vm.pendingCommands.value"
     :syncing="vm.syncing.value"
+    :content-state="vm.contentState.value"
+    retry-label="작업 다시 불러오기"
+    @retry="vm.reload"
   >
     <p v-if="vm.message.value" class="message" role="status">{{ vm.message.value }}</p>
 
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/picking/picking.definition.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/picking/picking.definition.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/picking/picking.definition.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/picking/picking.definition.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/picking/pickingApi.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/picking/pickingApi.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/picking/pickingApi.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/picking/pickingApi.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/picking/routes.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/picking/routes.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/picking/routes.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/picking/routes.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/picking/useWmsPicking.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/picking/useWmsPicking.ts
similarity index 96%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/picking/useWmsPicking.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/picking/useWmsPicking.ts
index 70dddc29..8eeca71b 100644
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/picking/useWmsPicking.ts
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/picking/useWmsPicking.ts
@@ -6,6 +6,7 @@ import type {
   KbxWmsPickingTask,
   KbxWmsScanCommand,
   KbxWmsSetQuantityCommand,
+  KbxAsyncState,
 } from '@kbx/contracts'
 import { isKbxProblem, isRetryableKbxProblem } from '@kbx/contracts'
 import { playKbxWmsFeedback, useKbxNetworkState } from '@kbx/ui'
@@ -39,6 +40,14 @@ export function useWmsPicking(taskId: string) {
     queryFn: () => getPickingTask(taskId),
   })
 
+  const contentState = computed<KbxAsyncState>(() => query.isLoading.value
+    ? 'loading'
+    : query.isError.value
+      ? 'error'
+      : task.value
+        ? 'ready'
+        : 'empty')
+
   watch(() => query.data.value, value => {
     if (value) task.value = value
   }, { immediate: true })
@@ -218,6 +227,8 @@ export function useWmsPicking(taskId: string) {
     exceptionOpen,
     quantityOpen,
     loading: query.isLoading,
+    contentState,
+    reload: () => query.refetch(),
     starting: startMutation.isPending,
     scanning: scanMutation.isPending,
     reportingException: exceptionMutation.isPending,
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/picking/wmsRetryQueue.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/picking/wmsRetryQueue.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/picking/wmsRetryQueue.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/picking/wmsRetryQueue.ts
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/putaway/WmsPutawayPage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/putaway/WmsPutawayPage.vue
new file mode 100644
index 00000000..c5e4be2d
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/putaway/WmsPutawayPage.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import { KbxBarcodeCapture, KbxProblemFeedback, KbxWmsActionButton, KbxWmsMobilePage, playKbxWmsFeedback, useKbxNetworkState } from '@kbx/ui'
+import { putawayScreen } from './putaway.definition'
+import { createWmsExecutionNotConnectedProblem, wmsFrontendScenarioMode } from '../shared/wmsFrontendCapability'
+const props=defineProps<{taskId:string}>()
+const {online}=useKbxNetworkState()
+const stage=ref<'item'|'location'|'done'>('item')
+const item=ref('')
+const suggested='A-01-03'
+const expectedBarcode='8801234567001'
+const message=ref('적치할 상품을 스캔하세요.')
+const problem=createWmsExecutionNotConnectedProblem('입고 적치')
+function scan(value:string){
+  if(!wmsFrontendScenarioMode)return
+  if(stage.value==='item'){
+    if(value!==expectedBarcode){message.value=`다른 상품입니다. ${expectedBarcode}을 스캔하세요.`;playKbxWmsFeedback('error');return}
+    item.value=value;stage.value='location';message.value=`추천 위치 ${suggested}를 스캔하세요.`;playKbxWmsFeedback('success');return
+  }
+  if(stage.value==='location'){
+    if(value!==suggested){message.value=`잘못된 위치입니다. 현재 ${value}, 작업 위치 ${suggested}. ${suggested}로 이동하세요.`;playKbxWmsFeedback('error');return}
+    stage.value='done';message.value='Demo 적치 흐름을 완료했습니다. 운영에서는 Server 결과 확인 후 완료됩니다.';playKbxWmsFeedback('success')
+  }
+}
+function reset(){stage.value='item';item.value='';message.value='적치할 상품을 스캔하세요.'}
+</script>
+<template><KbxWmsMobilePage :screen="putawayScreen" :progress="stage==='done'?'적치완료':'적치중'" :task-context="`Task ${props.taskId}`" :online="online" :actions-visible="wmsFrontendScenarioMode"><template #notice><KbxProblemFeedback v-if="!wmsFrontendScenarioMode" :problem="problem" :dismissible="false" /></template><template v-if="wmsFrontendScenarioMode"><p class="msg" role="status" aria-live="polite">{{message}}</p><div v-if="item" class="box"><small>상품</small><strong>운동화 BLACK 270</strong><span>{{item}}</span></div><div v-if="stage!=='item'" class="box location"><small>추천 LOCATION</small><strong>{{suggested}}</strong></div><KbxBarcodeCapture v-if="stage!=='done'" :enabled="online" :label="stage==='item'?'ITEM SCAN':'LOCATION SCAN'" @scan="event=>scan(event.normalizedValue)" /></template><template #actions><KbxWmsActionButton v-if="wmsFrontendScenarioMode&&stage==='done'" label="다음 상품" @click="reset" /></template></KbxWmsMobilePage></template>
+<style scoped>.msg{font-weight:650}.box{display:flex;flex-direction:column;gap:var(--kbx-space-1);padding:var(--kbx-space-4);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-lg);margin-bottom:var(--kbx-space-3)}.box small,.box span{color:var(--kbx-color-text-muted)}.box strong{font-size:var(--kbx-font-xl)}.location strong{font-size:var(--kbx-font-2xl)}</style>
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/putaway/putaway.definition.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/putaway/putaway.definition.ts
similarity index 76%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/putaway/putaway.definition.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/putaway/putaway.definition.ts
index 8451013c..7ce89de9 100644
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/putaway/putaway.definition.ts
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/putaway/putaway.definition.ts
@@ -1,3 +1,3 @@
 
 import { defineKbxScreen } from '@kbx/ui'
-export const putawayScreen=defineKbxScreen({id:'WMS-PUT-001',version:'1.0.0',module:'WMS',type:'wms-mobile', templateCode:'T09',title:'입고 적치',helpKey:'WMS-PUT-001',permissions:['wms.putaway.execute'],telemetry:{enabled:true}})
+export const putawayScreen=defineKbxScreen({id:'WMS-PUT-001',version:'1.1.0',module:'WMS',type:'wms-mobile', templateCode:'T09',title:'입고 적치',helpKey:'WMS-PUT-001',permissions:['wms.putaway.execute'],telemetry:{enabled:true}})
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/putaway/routes.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/putaway/routes.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/putaway/routes.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/putaway/routes.ts
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/receiving/WmsReceivingPage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/receiving/WmsReceivingPage.vue
new file mode 100644
index 00000000..c647b935
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/receiving/WmsReceivingPage.vue
@@ -0,0 +1,54 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import { KbxBarcodeCapture, KbxProblemFeedback, KbxWmsActionButton, KbxWmsMobilePage, playKbxWmsFeedback, useKbxNetworkState } from '@kbx/ui'
+import { receivingScreen } from './receiving.definition'
+import { createWmsExecutionNotConnectedProblem, wmsFrontendScenarioMode } from '../shared/wmsFrontendCapability'
+
+const props=defineProps<{taskId:string}>()
+const {online}=useKbxNetworkState()
+const stage=ref<'asn'|'item'|'completed'>('asn')
+const asnNo=ref('')
+const received=ref(0)
+const expectedQty=3
+const expectedAsn='ASN-260811-001'
+const expectedBarcode='8801234567001'
+const message=ref('입고예정번호 또는 ASN을 스캔하세요.')
+const problem=createWmsExecutionNotConnectedProblem('입고 검수')
+const progress=computed(()=>stage.value==='completed'?'검수완료':stage.value==='asn'?'입고대기':`검수 ${received.value} / ${expectedQty}`)
+
+function scan(value:string){
+  if(!wmsFrontendScenarioMode)return
+  if(stage.value==='asn'){
+    if(value!==expectedAsn){message.value=`다른 입고예정입니다. ${expectedAsn}을 스캔하세요.`;playKbxWmsFeedback('error');return}
+    asnNo.value=value;stage.value='item';message.value='상품 바코드를 스캔하세요.';playKbxWmsFeedback('success');return
+  }
+  if(stage.value==='item'){
+    if(value!==expectedBarcode){message.value=`다른 상품입니다. 필요한 바코드는 ${expectedBarcode}입니다.`;playKbxWmsFeedback('error');return}
+    if(received.value>=expectedQty){message.value='예정수량을 모두 확인했습니다. 검수를 완료하세요.';playKbxWmsFeedback('neutral');return}
+    received.value+=1;message.value=received.value===expectedQty?'예정수량과 일치합니다. 검수를 완료하세요.':`${received.value} / ${expectedQty} 확인했습니다. 같은 상품을 계속 스캔하세요.`;playKbxWmsFeedback('success')
+  }
+}
+function complete(){
+  if(received.value!==expectedQty){message.value=`예정 ${expectedQty}개 중 ${received.value}개만 확인했습니다. 계속 스캔하세요.`;playKbxWmsFeedback('error');return}
+  stage.value='completed';message.value='Demo 검수 흐름을 완료했습니다. 운영에서는 Server 결과 확인 후 완료됩니다.';playKbxWmsFeedback('success')
+}
+function reset(){stage.value='asn';asnNo.value='';received.value=0;message.value='입고예정번호 또는 ASN을 스캔하세요.'}
+</script>
+<template>
+  <KbxWmsMobilePage :screen="receivingScreen" :progress="progress" :task-context="`Task ${props.taskId}`" :online="online" :actions-visible="wmsFrontendScenarioMode">
+    <template #notice><KbxProblemFeedback v-if="!wmsFrontendScenarioMode" :problem="problem" :dismissible="false" /></template>
+    <template v-if="wmsFrontendScenarioMode">
+      <p class="msg" role="status" aria-live="polite">{{message}}</p>
+      <section v-if="asnNo" class="card"><small>입고예정</small><strong>{{asnNo}}</strong></section>
+      <section v-if="stage!=='asn'" class="card"><small>상품</small><strong>운동화 BLACK 270</strong><span>{{expectedBarcode}}</span><div class="qty">예정 {{expectedQty}} · 검수 {{received}} · 남음 {{Math.max(expectedQty-received,0)}}</div></section>
+      <KbxBarcodeCapture v-if="stage!=='completed'" :enabled="online" :label="stage==='asn'?'ASN SCAN':'ITEM SCAN'" @scan="event=>scan(event.normalizedValue)" />
+    </template>
+    <template #actions>
+      <template v-if="wmsFrontendScenarioMode">
+        <KbxWmsActionButton v-if="stage==='item'" label="검수 완료" :disabled="!online || received!==expectedQty" @click="complete" />
+        <KbxWmsActionButton v-else-if="stage==='completed'" label="다음 입고" @click="reset" />
+      </template>
+    </template>
+  </KbxWmsMobilePage>
+</template>
+<style scoped>.msg{margin:0 0 var(--kbx-space-3);font-weight:650}.card{display:flex;flex-direction:column;gap:var(--kbx-space-1);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-lg);padding:var(--kbx-space-4);margin-bottom:var(--kbx-space-3);background:var(--kbx-color-surface)}.card small,.card span{color:var(--kbx-color-text-muted)}.card strong{font-size:var(--kbx-font-xl)}.qty{font-size:var(--kbx-font-lg);font-weight:650}</style>
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/receiving/receiving.definition.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/receiving/receiving.definition.ts
similarity index 77%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/receiving/receiving.definition.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/receiving/receiving.definition.ts
index 3162a3d5..a76cb3c1 100644
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/receiving/receiving.definition.ts
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/receiving/receiving.definition.ts
@@ -1,3 +1,3 @@
 
 import { defineKbxScreen } from '@kbx/ui'
-export const receivingScreen=defineKbxScreen({id:'WMS-REC-001',version:'1.0.0',module:'WMS',type:'wms-mobile', templateCode:'T09',title:'입고 검수',helpKey:'WMS-REC-001',permissions:['wms.receiving.execute'],telemetry:{enabled:true}})
+export const receivingScreen=defineKbxScreen({id:'WMS-REC-001',version:'1.1.0',module:'WMS',type:'wms-mobile', templateCode:'T09',title:'입고 검수',helpKey:'WMS-REC-001',permissions:['wms.receiving.execute'],telemetry:{enabled:true}})
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/receiving/routes.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/receiving/routes.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/receiving/routes.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/receiving/routes.ts
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/shared/wmsFrontendCapability.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/shared/wmsFrontendCapability.ts
new file mode 100644
index 00000000..6af86a39
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/shared/wmsFrontendCapability.ts
@@ -0,0 +1,13 @@
+import type { KbxIntegrationProblem } from '@kbx/contracts'
+
+export const wmsFrontendScenarioMode = import.meta.env.VITE_KBX_DEMO_MODE === 'true'
+
+export function createWmsExecutionNotConnectedProblem(workflowLabel:string):KbxIntegrationProblem{
+  return {
+    type:'integration',
+    code:'WMS_EXECUTION_API_NOT_CONNECTED',
+    title:`${workflowLabel} 실행 API가 연결되지 않았습니다.`,
+    detail:'실제 현장 작업은 Server 검증·Idempotency·Audit 결과가 확인되기 전 성공으로 표시하지 않습니다. Demo Mode에서만 FE 시나리오를 실행할 수 있습니다.',
+    retryable:false,
+  }
+}
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/work/WmsWorkPage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/work/WmsWorkPage.vue
new file mode 100644
index 00000000..0736e021
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/work/WmsWorkPage.vue
@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import { computed, reactive, ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { isKbxProblem } from '@kbx/contracts'
+import { KbxDataGrid, KbxQueuePage, KbxSearchPanel } from '@kbx/ui'
+import { routeForWmsTask, searchWmsWork } from './workApi'
+import { wmsWorkColumns, wmsWorkScreen, wmsWorkSearchFields, type WmsWorkRow } from './work.definition'
+const router=useRouter();const search=reactive({taskType:'',status:'READY',owner:'mine',keyword:''});const rows=ref<WmsWorkRow[]>([]);const selection=ref<WmsWorkRow[]>([]);const loading=ref(false);const searched=ref(false);const error=ref<unknown>(null);const activeExceptionKey=ref<string|null>(null)
+const queryProblem=computed(()=>isKbxProblem(error.value)?error.value:null)
+const contentState=computed(()=>error.value?'error':loading.value&&!searched.value?'loading':!searched.value?'idle':rows.value.length===0?'empty':'ready')
+async function executeSearch(){loading.value=true;error.value=null;selection.value=[];try{rows.value=await searchWmsWork(search);searched.value=true}catch(cause){error.value=cause;searched.value=true}finally{loading.value=false}}
+function executeCommand(id:string){if(id==='search')return executeSearch();if(id==='start'&&selection.value[0])return router.push(routeForWmsTask(selection.value[0]))}
+const summaryItems=computed(()=>[
+  {key:'total',label:'현재 결과',value:rows.value.length},
+  {key:'ready',label:'대기',value:rows.value.filter(x=>x.status==='READY').length},
+  {key:'blocked',label:'예외',value:rows.value.filter(x=>x.status==='BLOCKED').length,emphasis:true},
+])
+const exceptionCounters=computed(()=>[{key:'blocked',label:'확인 필요한 작업',count:rows.value.filter(x=>x.status==='BLOCKED').length,severity:'warning' as const}])
+async function filterException(key:string|null){activeExceptionKey.value=key;search.status=key==='blocked'?'BLOCKED':'READY';await executeSearch()}
+async function resetSearch(){search.taskType='';search.status='READY';search.owner='mine';search.keyword='';activeExceptionKey.value=null;await executeSearch()}
+</script>
+<template><KbxQueuePage :screen="wmsWorkScreen" :selection-count="selection.length" :content-state="contentState" :refreshing="loading&&searched&&!error" :summary-items="summaryItems" :exception-counters="exceptionCounters" :active-exception-key="activeExceptionKey" queue-title="현재 작업 Queue" queue-description="작업유형·작업자·상태를 기준으로 지금 처리할 업무만 모아서 봅니다." :queue-count="rows.length" breadcrumb="WMS > 작업관리" empty-title="조건에 맞는 물류 작업이 없습니다." empty-detail="작업유형·상태·작업자 조건을 변경하거나 기본조건으로 다시 조회하세요." empty-action-label="기본조건으로 조회" :error-title="queryProblem?.title || '물류 작업을 조회하지 못했습니다.'" :error-detail="queryProblem?.detail || '네트워크 상태를 확인한 후 다시 조회하세요.'" :error-retryable="queryProblem?.retryable !== false" retry-label="다시 조회" @command="executeCommand" @exception-filter="filterException" @empty-action="resetSearch"><template #search><KbxSearchPanel v-model="search" :fields="wmsWorkSearchFields" @search="executeSearch"/></template><template #content><KbxDataGrid :rows="rows" :columns="wmsWorkColumns" row-key="taskId" selection="single" :loading="loading" @selection-changed="selection=$event" @row-double-clicked="row=>router.push(routeForWmsTask(row))"/></template></KbxQueuePage></template>
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/work/routes.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/work/routes.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/work/routes.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/work/routes.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/work/work.definition.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/work/work.definition.ts
similarity index 97%
rename from docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/work/work.definition.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/work/work.definition.ts
index ecafd06f..6e8e72fb 100644
--- a/docs/Design/kbx-foundation-v36/apps/web/src/modules/wms/work/work.definition.ts
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/work/work.definition.ts
@@ -15,7 +15,7 @@ export interface WmsWorkRow {
 }
 
 export const wmsWorkScreen = defineKbxScreen({
-  id: 'WMS-WORK-001', version: '1.0.0', module: 'WMS', type: 'queue', templateCode:'T06', title: '물류 작업',
+  id: 'WMS-WORK-001', version: '1.2.0', module: 'WMS', type: 'queue', templateCode:'T06', title: '물류 작업',
   description: '입고·적치·피킹·검수·실사 작업과 예외를 작업자 관점에서 조회합니다.',
   helpKey: 'WMS-WORK-001', permissions: ['wms.work.read'], telemetry: { enabled: true },
   commands: [
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/work/workApi.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/work/workApi.ts
new file mode 100644
index 00000000..359c8248
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/modules/wms/work/workApi.ts
@@ -0,0 +1,51 @@
+import type { KbxIntegrationProblem } from '@kbx/contracts'
+import type { WmsWorkRow } from './work.definition'
+
+export interface WmsWorkSearch { taskType?: string; status?: string; owner?: string; keyword?: string }
+
+const demoRows:WmsWorkRow[]=[
+  {taskId:'41000000-0000-4000-8000-000000000001',taskNo:'RCV-260811-001',taskType:'RECEIVING',waveNo:'ASN-260811-001',ownerName:'QA 사용자',progress:0,totalLines:3,completedLines:0,slaAt:'2026-08-11T23:40:00+09:00',status:'READY',exceptionCount:0},
+  {taskId:'42000000-0000-4000-8000-000000000001',taskNo:'PUT-260811-004',taskType:'PUTAWAY',waveNo:'PUT-260811-A',ownerName:'QA 사용자',progress:33,totalLines:3,completedLines:1,slaAt:'2026-08-12T00:10:00+09:00',status:'IN_PROGRESS',exceptionCount:0},
+  {taskId:'30000000-0000-4000-8000-000000000001',taskNo:'PICK-260811-001',taskType:'PICKING',waveNo:'W260811-01',ownerName:'QA 사용자',progress:17,totalLines:138,completedLines:23,slaAt:'2026-08-11T23:30:00+09:00',status:'READY',exceptionCount:0},
+  {taskId:'43000000-0000-4000-8000-000000000001',taskNo:'CNT-260811-002',taskType:'COUNTING',waveNo:'COUNT-A',ownerName:'QA 사용자',progress:50,totalLines:8,completedLines:4,slaAt:'2026-08-12T00:30:00+09:00',status:'IN_PROGRESS',exceptionCount:1},
+  {taskId:'30000000-0000-4000-8000-000000000009',taskNo:'PICK-260811-009',taskType:'PICKING',waveNo:'W260811-03',ownerName:'QA 사용자',progress:42,totalLines:62,completedLines:26,slaAt:'2026-08-11T23:20:00+09:00',status:'BLOCKED',exceptionCount:2},
+]
+
+function matches(row:WmsWorkRow, search:WmsWorkSearch){
+  if(search.taskType&&row.taskType!==search.taskType)return false
+  if(search.status&&row.status!==search.status)return false
+  if(search.owner==='mine'&&row.ownerName!=='QA 사용자')return false
+  if(search.owner==='unassigned'&&row.ownerName)return false
+  const keyword=String(search.keyword??'').trim().toLocaleLowerCase()
+  if(keyword&&!`${row.taskNo} ${row.waveNo??''} ${row.ownerName??''} ${row.taskType}`.toLocaleLowerCase().includes(keyword))return false
+  return true
+}
+
+/**
+ * The work queue must never pretend that an unconnected production query returned an empty set.
+ * Demo mode provides browser-only fixtures so the FE workflow can be exercised without BE coupling.
+ */
+export async function searchWmsWork(search: WmsWorkSearch): Promise<WmsWorkRow[]> {
+  if(import.meta.env.VITE_KBX_DEMO_MODE==='true'){
+    await new Promise(resolve=>setTimeout(resolve,90))
+    return demoRows.filter(row=>matches(row,search)).map(row=>({...row}))
+  }
+  const problem:KbxIntegrationProblem={
+    type:'integration',
+    code:'WMS_WORK_QUERY_NOT_CONNECTED',
+    title:'물류 작업 조회를 연결할 수 없습니다.',
+    detail:'운영 WMS 작업조회 API가 연결되기 전에는 빈 작업목록으로 가장하지 않습니다. 연결 상태를 확인한 후 다시 조회하세요.',
+    retryable:false,
+  }
+  throw problem
+}
+
+export function routeForWmsTask(row: WmsWorkRow): string {
+  switch (row.taskType) {
+    case 'RECEIVING': return `/wms/receiving/${row.taskId}`
+    case 'PUTAWAY': return `/wms/putaway/${row.taskId}`
+    case 'PICKING': return `/wms/picking/${row.taskId}`
+    case 'COUNTING': return `/wms/counting/${row.taskId}`
+    default: return `/wms/work?task=${encodeURIComponent(row.taskId)}`
+  }
+}
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/permissions/authorizationPolicy.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/permissions/authorizationPolicy.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/permissions/authorizationPolicy.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/permissions/authorizationPolicy.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/permissions/permissionContext.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/permissions/permissionContext.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/permissions/permissionContext.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/permissions/permissionContext.ts
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/preferences/screenPreferenceStore.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/preferences/screenPreferenceStore.ts
new file mode 100644
index 00000000..b146397a
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/preferences/screenPreferenceStore.ts
@@ -0,0 +1,103 @@
+import type { InjectionKey, Ref } from 'vue'
+import type { KbxScreenPreference } from '@kbx/contracts'
+
+const PREFIX = 'kbx.screen.preference.v2'
+const MAX_STORED_BYTES = 32_000
+const MAX_SCOPE_LENGTH = 160
+const MAX_ID_LENGTH = 128
+const MAX_VERSION_LENGTH = 40
+const MAX_SEARCH_KEYS = 24
+const MAX_STRING_LENGTH = 256
+
+export const KbxScreenPreferenceScopeKey: InjectionKey<Readonly<Ref<string>>> = Symbol('KbxScreenPreferenceScope')
+
+function bounded(value: unknown, max: number) {
+  if (typeof value !== 'string') return ''
+  const clean = value.trim()
+  return clean.length <= max ? clean : ''
+}
+function normalizeScope(scope: unknown) { return bounded(scope, MAX_SCOPE_LENGTH) }
+function normalizeId(value: unknown) { return bounded(value, MAX_ID_LENGTH) }
+function normalizeVersion(value: unknown) { return bounded(value, MAX_VERSION_LENGTH) }
+function storageKey(scope: string, screenId: string, screenVersion: string) {
+  return `${PREFIX}:${encodeURIComponent(scope)}:${encodeURIComponent(screenId)}:${encodeURIComponent(screenVersion)}`
+}
+function safeScalar(value: unknown): string | number | boolean | null | undefined {
+  if (value === null || typeof value === 'boolean') return value
+  if (typeof value === 'number' && Number.isFinite(value)) return value
+  if (typeof value === 'string') return value.slice(0, MAX_STRING_LENGTH)
+  return undefined
+}
+function sanitizeJsonValue(value: unknown, depth=0): unknown {
+  if (depth > 4) return undefined
+  const scalar = safeScalar(value)
+  if (scalar !== undefined) return scalar
+  if (Array.isArray(value)) return value.slice(0, 100).map(item => sanitizeJsonValue(item, depth + 1)).filter(item => item !== undefined)
+  if (!value || typeof value !== 'object') return undefined
+  const result: Record<string, unknown> = {}
+  for (const [key, raw] of Object.entries(value).slice(0, 100)) {
+    const safeKey = bounded(key, 64)
+    const safeValue = sanitizeJsonValue(raw, depth + 1)
+    if (safeKey && safeValue !== undefined) result[safeKey] = safeValue
+  }
+  return result
+}
+function sanitizeSearchDefaults(value: unknown) {
+  if (!value || typeof value !== 'object' || Array.isArray(value)) return undefined
+  const result: Record<string, string | number | boolean | null> = {}
+  for (const [key, raw] of Object.entries(value).slice(0, MAX_SEARCH_KEYS)) {
+    const safeKey = bounded(key, 64)
+    const safeValue = safeScalar(raw)
+    if (safeKey && safeValue !== undefined) result[safeKey] = safeValue
+  }
+  return Object.keys(result).length ? result : undefined
+}
+function normalizePreference(value: unknown, screenId: string, screenVersion: string): KbxScreenPreference {
+  const raw = value && typeof value === 'object' ? value as Partial<KbxScreenPreference> : {}
+  const density = ['compact', 'comfortable', 'touch'].includes(String(raw.density)) ? raw.density : undefined
+  const pageSize = Number(raw.grid?.pageSize)
+  const columnState = sanitizeJsonValue(raw.grid?.columnState)
+  const searchDefaults = sanitizeSearchDefaults(raw.searchDefaults)
+  const grid = raw.grid && (Number.isFinite(pageSize) || columnState !== undefined) ? {
+    ...(columnState !== undefined ? { columnState } : {}),
+    ...(Number.isFinite(pageSize) ? { pageSize:Math.min(500, Math.max(10, pageSize)) } : {}),
+  } : undefined
+  return {
+    screenId,
+    screenVersion,
+    ...(density ? { density } : {}),
+    ...(grid ? { grid } : {}),
+    ...(searchDefaults ? { searchDefaults } : {}),
+    rememberSearch: Boolean(raw.rememberSearch),
+  }
+}
+
+export function loadScreenPreference(scopeValue: string, screenIdValue: string, screenVersionValue: string): KbxScreenPreference | null {
+  const scope = normalizeScope(scopeValue)
+  const screenId = normalizeId(screenIdValue)
+  const screenVersion = normalizeVersion(screenVersionValue)
+  if (!scope || !screenId || !screenVersion || typeof localStorage === 'undefined') return null
+  let raw = ''
+  try { raw = localStorage.getItem(storageKey(scope, screenId, screenVersion)) ?? '' } catch { return null }
+  if (!raw || raw.length > MAX_STORED_BYTES) return null
+  try { return normalizePreference(JSON.parse(raw), screenId, screenVersion) } catch { return null }
+}
+
+export function saveScreenPreference(scopeValue: string, preference: KbxScreenPreference) {
+  const scope = normalizeScope(scopeValue)
+  const screenId = normalizeId(preference.screenId)
+  const screenVersion = normalizeVersion(preference.screenVersion)
+  if (!scope || !screenId || !screenVersion || typeof localStorage === 'undefined') return false
+  const normalized = normalizePreference(preference, screenId, screenVersion)
+  const payload = JSON.stringify(normalized)
+  if (payload.length > MAX_STORED_BYTES) return false
+  try { localStorage.setItem(storageKey(scope, screenId, screenVersion), payload); return true } catch { return false }
+}
+
+export function clearScreenPreference(scopeValue: string, screenIdValue: string, screenVersionValue: string) {
+  const scope = normalizeScope(scopeValue)
+  const screenId = normalizeId(screenIdValue)
+  const screenVersion = normalizeVersion(screenVersionValue)
+  if (!scope || !screenId || !screenVersion || typeof localStorage === 'undefined') return false
+  try { localStorage.removeItem(storageKey(scope, screenId, screenVersion)); return true } catch { return false }
+}
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/registry/screens.generated.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/registry/screens.generated.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/registry/screens.generated.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/registry/screens.generated.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/registry/screens.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/registry/screens.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/registry/screens.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/registry/screens.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/router/appRoutes.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/router/appRoutes.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/router/appRoutes.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/router/appRoutes.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/runtime/KbxRuntimeShell.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/runtime/KbxRuntimeShell.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/runtime/KbxRuntimeShell.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/runtime/KbxRuntimeShell.vue
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/runtime/runtimeApi.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/runtime/runtimeApi.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/runtime/runtimeApi.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/runtime/runtimeApi.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/runtime/useKbxRuntime.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/runtime/useKbxRuntime.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/runtime/useKbxRuntime.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/runtime/useKbxRuntime.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/shell/KbxAppFrame.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/shell/KbxAppFrame.vue
similarity index 68%
rename from docs/Design/kbx-foundation-v36/apps/web/src/shell/KbxAppFrame.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/shell/KbxAppFrame.vue
index 10b5ec82..663dbf81 100644
--- a/docs/Design/kbx-foundation-v36/apps/web/src/shell/KbxAppFrame.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/shell/KbxAppFrame.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, onBeforeUnmount, onMounted, provide, ref, watch } from 'vue'
+import { computed, nextTick, onBeforeUnmount, onMounted, provide, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import {
   KbxAccessDenied,
@@ -15,6 +15,7 @@ import {
   resolveKbxSafeRecentPath,
   resolveKbxSafeWorkspacePath,
   useKbxShortcuts,
+  applyKbxTheme,
 } from '@kbx/ui'
 import type { KbxAiAnswer, KbxAiScreenContext, KbxHomeAttentionItem, KbxHomeLaunchItem, KbxNavigationSection, KbxRecentNavigation, KbxScreenDefinition, KbxSuggestionRequest, KbxWorkspaceTab } from '@kbx/contracts'
 import type { KbxScreenUtilityHost, KbxScreenUtilityTab } from '@kbx/ui'
@@ -29,11 +30,17 @@ import { helpRegistry } from '../help/helpRegistry'
 import { askKbxAssistant } from '../utility/aiAssistantApi'
 import { submitKbxSuggestion } from '../utility/suggestionApi'
 import { kbxAiCapabilities } from '../permissions/authorizationPolicy'
+import { KbxScreenPreferenceScopeKey } from '../preferences/screenPreferenceStore'
+import { loadWorkspaceSession, saveWorkspaceSession } from './workspaceSessionStore'
 
 const props=withDefaults(defineProps<{productName?:string;grantedPermissions?:string[];preferenceScope?:string;appVersion?:string;userRole?:string}>(),{productName:'KBX',grantedPermissions:()=>[],preferenceScope:'',appVersion:'unknown',userRole:'user'})
 const frameEmit=defineEmits<{profile:[]}>()
-const router=useRouter();const route=useRoute();const store=useKbxWorkspaceStore();const pendingClose=ref<KbxWorkspaceTab|null>(null);const savingClose=ref(false);const runtimePanel=ref<'operations'|'notifications'|null>(null)
+const router=useRouter();const route=useRoute();const store=useKbxWorkspaceStore();const pendingClose=ref<KbxWorkspaceTab|null>(null);const savingClose=ref(false);const runtimePanel=ref<'operations'|'notifications'|null>(null);const runtimePanelTargetId=ref<string|null>(null);const runtimePanelEl=ref<HTMLElement|null>(null);const runtimeReturnFocus=ref<HTMLElement|null>(null)
 const { notice, operations, notifications, unreadCount, refresh, markRead }=useKbxRuntime()
+const themeMode=computed(()=>(store.preference.themeMode==='dark'?'dark':'light') as 'light'|'dark')
+const screenPreferenceScope=computed(()=>props.preferenceScope)
+provide(KbxScreenPreferenceScopeKey,screenPreferenceScope)
+watch(themeMode,mode=>applyKbxTheme(mode),{immediate:true})
 const screenById=new Map(generatedScreens.map(screen=>[screen.id,screen]))
 const hasPermission=(required?:string[])=>!required?.length || required.every(permission=>props.grantedPermissions.includes(permission))
 provide(KbxPermissionHostKey,{has:(permission:string)=>props.grantedPermissions.includes(permission)})
@@ -69,12 +76,30 @@ const utilityAiContext=computed<KbxAiScreenContext|undefined>(()=>utilityScreen.
 const utilitySuggestionContext=computed(()=>utilityScreen.value&&props.grantedPermissions.includes('common.suggestion.create')?{screenId:utilityScreen.value.id,screenVersion:utilityScreen.value.version,route:route.fullPath,appVersion:props.appVersion,userRole:props.userRole,activeFilters:[]}:undefined)
 const utilityHost:KbxScreenUtilityHost={
   available(screen){const tabs:KbxScreenUtilityTab[]=[];if(screen.helpKey&&helpRegistry[screen.helpKey])tabs.push('help');if(utilityCapabilities.value.length)tabs.push('ai');if(props.grantedPermissions.includes('common.suggestion.create'))tabs.push('suggestion');return tabs},
-  open(screen,tab){utilityScreen.value=screen;utilityTab.value=tab;utilityAiAnswer.value=null;utilityAiError.value=''},
+  open(screen,tab){closeRuntimePanel(false);utilityScreen.value=screen;utilityTab.value=tab;utilityAiAnswer.value=null;utilityAiError.value=''},
 }
 provide(KbxScreenUtilityHostKey,utilityHost)
 async function askUtilityAi(question:string){if(!utilityAiContext.value)return;utilityAiLoading.value=true;utilityAiError.value='';try{utilityAiAnswer.value=await askKbxAssistant({question,context:utilityAiContext.value})}catch{utilityAiError.value='네트워크 상태를 확인한 후 다시 질문하세요.'}finally{utilityAiLoading.value=false}}
 async function submitUtilitySuggestion(request:KbxSuggestionRequest){utilitySuggestionSubmitting.value=true;try{await submitKbxSuggestion(request);utilityTab.value=null}finally{utilitySuggestionSubmitting.value=false}}
 const permittedScreenIds=computed(()=>new Set(generatedScreens.filter(screen=>hasPermission(screen.permissions)).map(screen=>screen.id)))
+function restoreWorkspaceForScope(scope:string){
+  const snapshot=loadWorkspaceSession(scope)
+  if(!snapshot)return {restored:0,dirtyDiscarded:0}
+  const restored:KbxWorkspaceTab[]=[]
+  for(const item of snapshot.tabs){
+    const screen=screenById.get(item.screenId)
+    if(!screen||!hasPermission(screen.permissions))continue
+    const safe=safeWorkspacePath(item.screenId,item.path)
+    if(safe!==item.path)continue
+    restored.push({key:`${item.screenId}:${safe}`,screenId:item.screenId,title:screen.title,path:safe,pinned:item.pinned,dirty:false,resumed:true,openedAt:item.openedAt,lastActivatedAt:item.lastActivatedAt})
+  }
+  return {restored:store.restoreTabs(restored),dirtyDiscarded:snapshot.dirtyDiscardedCount}
+}
+function persistWorkspaceSession(){
+  const scope=screenPreferenceScope.value
+  if(scope)saveWorkspaceSession(scope,store.tabs)
+}
+
 watch(permittedScreenIds,ids=>{const removed=store.pruneTabs(ids);if(removed)store.shellNotice='권한 변경으로 더 이상 사용할 수 없는 열린 업무를 안전하게 닫았습니다.'},{immediate:true})
 watch(allowedIds,ids=>store.reconcilePreference(ids),{immediate:true})
 
@@ -91,14 +116,38 @@ async function syncCurrentRoute(){
   const synced=store.syncRoute(screenId,screen.title,safe,recent)
   if(!synced&&route.path!=='/home')await router.replace('/home')
 }
-watch(()=>props.preferenceScope,(scope,previous)=>{store.setPreferenceScope(scope);utilityTab.value=null;utilityScreen.value=null;runtimePanel.value=null;if(previous!==undefined&&scope!==previous&&route.path!=='/home')void router.replace('/home')},{immediate:true})
-watch(()=>props.grantedPermissions.join('|'),()=>{utilityTab.value=null;utilityScreen.value=null;runtimePanel.value=null})
-watch(()=>route.fullPath,()=>void syncCurrentRoute(),{immediate:true})
+watch(()=>props.preferenceScope,(scope,previous)=>{
+  store.setPreferenceScope(scope);utilityTab.value=null;utilityScreen.value=null;closeRuntimePanel(false)
+  const resume=scope?restoreWorkspaceForScope(scope):{restored:0,dirtyDiscarded:0}
+  if(resume.restored||resume.dirtyDiscarded)void nextTick(()=>store.notifyShell(`${resume.restored?`이전 세션 업무 ${resume.restored}개를 위치만 안전하게 복원했습니다. `:''}${resume.dirtyDiscarded?`미저장 편집 ${resume.dirtyDiscarded}개는 데이터 정합성을 위해 복원하지 않았습니다.`:''}`.trim()))
+  if(previous!==undefined&&scope!==previous&&route.path!=='/home')void router.replace('/home')
+},{immediate:true})
+watch(()=>props.grantedPermissions.join('|'),()=>{utilityTab.value=null;utilityScreen.value=null;closeRuntimePanel(false)})
+watch(()=>store.tabs.map(tab=>[tab.key,Boolean(tab.dirty),Boolean(tab.pinned),Boolean(tab.resumed),tab.lastActivatedAt]).join('|'),persistWorkspaceSession,{flush:'post'})
+watch(()=>route.fullPath,()=>{closeRuntimePanel(false);void syncCurrentRoute()},{immediate:true})
 watch(activeScreen,(screen,previous)=>{utilityTab.value=null;utilityScreen.value=null;
   if(previous?.telemetry?.enabled&&hasPermission(previous.permissions))kbxTelemetry.track('screen.close',{screenId:previous.id,screenVersion:previous.version,attributes:{module:previous.module,closeReason:'navigate'}})
   if(screen?.telemetry?.enabled&&hasPermission(screen.permissions))kbxTelemetry.track('screen.open',{screenId:screen.id,screenVersion:screen.version,attributes:{module:screen.module,launchMode:'tab'}})
 },{immediate:true})
 
+
+function closeRuntimePanel(restoreFocus=true){
+  const target=runtimeReturnFocus.value
+  runtimePanel.value=null
+  runtimePanelTargetId.value=null
+  runtimeReturnFocus.value=null
+  if(restoreFocus&&target)void nextTick(()=>target.focus())
+}
+function openMenuSearch(){closeRuntimePanel(false);store.menuSearchOpen=true}
+async function toggleRuntimePanel(kind:'operations'|'notifications',targetId:string|null=null){
+  if(runtimePanel.value===kind&&!targetId){closeRuntimePanel();return}
+  utilityTab.value=null;utilityScreen.value=null
+  runtimeReturnFocus.value=document.activeElement instanceof HTMLElement?document.activeElement:null
+  runtimePanel.value=kind
+  runtimePanelTargetId.value=targetId
+  await nextTick();if(!targetId)runtimePanelEl.value?.focus()
+}
+
 async function openHome(){store.deactivate();if(route.path!=='/home')await router.push('/home')}
 async function openEntry(requested:(typeof resolvedNavigationEntries)[number]){const entry=allowedEntries.value.find(item=>item.screenId===requested.screenId);if(!entry)return;store.menuSearchOpen=false;await router.push(entry.path)}
 async function openRecent(entry:KbxRecentNavigation){const nav=allowedEntries.value.find(item=>item.screenId===entry.screenId);if(!nav)return;const candidate=safeWorkspacePath(entry.screenId,resolveKbxSafeRecentPath(nav,entry.path));await router.push(candidate)}
@@ -106,7 +155,7 @@ async function selectTab(tab:KbxWorkspaceTab){const stored=store.tabs.find(item=
 async function launchHomeItem(item:KbxHomeLaunchItem){if(item.tabKey){const tab=store.tabs.find(tab=>tab.key===item.tabKey);if(tab)return selectTab(tab)}const nav=allowedEntries.value.find(entry=>entry.screenId===item.screenId);if(!nav)return;const candidate=item.source==='recent'?resolveKbxSafeRecentPath(nav,item.path):nav.path;await router.push(safeWorkspacePath(item.screenId,candidate))}
 async function openHomeAttention(item:KbxHomeAttentionItem){
   if(item.tabKey){const tab=store.tabs.find(tab=>tab.key===item.tabKey);if(tab)return selectTab(tab)}
-  if(item.operationId){runtimePanel.value='operations';return}
+  if(item.operationId){await toggleRuntimePanel('operations',item.operationId);return}
   if(item.notificationId){
     await markRead(item.notificationId)
     if(item.screenId){
@@ -114,32 +163,32 @@ async function openHomeAttention(item:KbxHomeAttentionItem){
       if(nav){
         const candidate=item.path??nav.path
         const safe=safeWorkspacePath(item.screenId,candidate)
-        if(item.path&&safe!==item.path){store.shellNotice='알림에 포함된 허용되지 않은 이동 경로를 차단했습니다.';runtimePanel.value='notifications';return}
+        if(item.path&&safe!==item.path){store.shellNotice='알림에 포함된 허용되지 않은 이동 경로를 차단했습니다.';await toggleRuntimePanel('notifications');return}
         await router.push(safe);return
       }
     }
-    runtimePanel.value='notifications'
+    await toggleRuntimePanel('notifications',item.notificationId)
   }
 }
 function closeTab(tab:KbxWorkspaceTab){if(tab.dirty){pendingClose.value=tab;return}void discardAndClose(tab)}
 async function discardAndClose(tab:KbxWorkspaceTab){const wasCurrent=route.fullPath===tab.path;store.close(tab.key);pendingClose.value=null;if(wasCurrent){const next=store.activeTab;if(next)await selectTab(next);else await openHome()}}
 async function saveAndClose(){const tab=pendingClose.value;if(!tab)return;savingClose.value=true;try{const saved=await requestWorkspaceSave(tab.path);if(saved)await discardAndClose(tab)}finally{savingClose.value=false}}
-useKbxShortcuts([{key:'Ctrl+K',scope:'application',execute:()=>{store.menuSearchOpen=true}}])
+useKbxShortcuts([{key:'Ctrl+K',scope:'application',execute:openMenuSearch},{key:'Esc',scope:'application',priority:20,enabled:()=>Boolean(runtimePanel.value),execute:()=>closeRuntimePanel()}])
 onMounted(()=>kbxTelemetry.start());onBeforeUnmount(()=>kbxTelemetry.stop())
 </script>
 
 <template>
   <KbxApplicationShell
-    :product-name="props.productName" :active-module="activeModule" :active-screen-id="activeScreenId" :sections="sections" :all-entries="allowedEntries" :favorites="favorites" :recents="recents" :tabs="allowedTabs" :active-tab-key="store.activeKey" :side-nav-collapsed="store.preference.sideNavCollapsed" :menu-search-open="store.menuSearchOpen" :operation-count="runningOperationCount" :notification-count="unreadCount" :home-active="isHome" :workspace-max-tabs="store.preference.workspaceMaxTabs" :shell-notice="store.shellNotice"
-    @home="openHome" @open="openEntry" @open-recent="openRecent" @select-tab="selectTab" @close-tab="closeTab" @toggle-tab-pin="tab=>store.togglePinned(tab.key)" @toggle-favorite="store.toggleFavorite" @toggle-side-nav="store.toggleSideNav" @menu-search-open="store.menuSearchOpen=true" @menu-search-close="store.menuSearchOpen=false" @operations="runtimePanel=runtimePanel==='operations'?null:'operations'" @notifications="runtimePanel=runtimePanel==='notifications'?null:'notifications'" @profile="frameEmit('profile')" @dismiss-shell-notice="store.dismissShellNotice"
+    :product-name="props.productName" :active-module="activeModule" :active-screen-id="activeScreenId" :sections="sections" :all-entries="allowedEntries" :favorites="favorites" :recents="recents" :tabs="allowedTabs" :active-tab-key="store.activeKey" :side-nav-collapsed="store.preference.sideNavCollapsed" :menu-search-open="store.menuSearchOpen" :operation-count="runningOperationCount" :notification-count="unreadCount" :operations-open="runtimePanel==='operations'" :notifications-open="runtimePanel==='notifications'" :home-active="isHome" :workspace-max-tabs="store.preference.workspaceMaxTabs" :shell-notice="store.shellNotice" :theme-mode="themeMode"
+    @home="openHome" @open="openEntry" @open-recent="openRecent" @select-tab="selectTab" @close-tab="closeTab" @toggle-tab-pin="tab=>store.togglePinned(tab.key)" @toggle-favorite="store.toggleFavorite" @toggle-side-nav="store.toggleSideNav" @menu-search-open="openMenuSearch" @menu-search-close="store.menuSearchOpen=false" @operations="toggleRuntimePanel('operations')" @notifications="toggleRuntimePanel('notifications')" @theme-toggle="store.toggleTheme" @profile="frameEmit('profile')" @dismiss-shell-notice="store.dismissShellNotice"
   >
-    <template #runtime><KbxRuntimeBanner :notice="notice" @retry="refresh" /><aside v-if="runtimePanel" class="runtime-panel"><KbxOperationCenter v-if="runtimePanel==='operations'" :operations="operations" /><KbxNotificationCenter v-else :notifications="notifications" @read="markRead" /></aside></template>
-    <KbxHomePage v-if="isHome" :entries="allowedEntries" :favorites="favorites" :recents="recents" :operation-count="runningOperationCount" :operation-failure-count="failedOperationCount" :notification-count="unreadCount" :urgent-notification-count="urgentUnreadCount" :operations="homeOperations" :notifications="homeNotifications" :tabs="allowedTabs" @open="openEntry" @launch="launchHomeItem" @attention="openHomeAttention" @toggle-favorite="store.toggleFavorite" @menu-search="store.menuSearchOpen=true" @operations="runtimePanel='operations'" @notifications="runtimePanel='notifications'" />
-    <KbxAccessDenied v-else-if="!activeScreenAllowed" @home="openHome" @menu-search="store.menuSearchOpen=true" />
+    <template #runtime><KbxRuntimeBanner :notice="notice" @retry="refresh" /><aside v-if="runtimePanel" id="kbx-runtime-panel" ref="runtimePanelEl" class="runtime-panel" tabindex="-1" role="region" :aria-labelledby="runtimePanel==='operations'?'kbx-runtime-panel-title-operations':'kbx-runtime-panel-title-notifications'"><header class="runtime-panel__header"><strong :id="runtimePanel==='operations'?'kbx-runtime-panel-title-operations':'kbx-runtime-panel-title-notifications'">{{runtimePanel==='operations'?'작업 센터':'알림 센터'}}</strong><button type="button" aria-label="패널 닫기" @click="closeRuntimePanel()">×</button></header><KbxOperationCenter v-if="runtimePanel==='operations'" :operations="operations" :active-id="runtimePanelTargetId" /><KbxNotificationCenter v-else :notifications="notifications" :active-id="runtimePanelTargetId" @read="markRead" /></aside></template>
+    <KbxHomePage v-if="isHome" :entries="allowedEntries" :favorites="favorites" :recents="recents" :operation-count="runningOperationCount" :operation-failure-count="failedOperationCount" :notification-count="unreadCount" :urgent-notification-count="urgentUnreadCount" :operations="homeOperations" :notifications="homeNotifications" :tabs="allowedTabs" @open="openEntry" @launch="launchHomeItem" @attention="openHomeAttention" @toggle-favorite="store.toggleFavorite" @menu-search="openMenuSearch" @operations="toggleRuntimePanel('operations')" @notifications="toggleRuntimePanel('notifications')" />
+    <KbxAccessDenied v-else-if="!activeScreenAllowed" @home="openHome" @menu-search="openMenuSearch" />
     <router-view v-else />
   </KbxApplicationShell>
   <KbxUnsavedChangesDialog :open="Boolean(pendingClose)" :can-save="pendingClose?canWorkspaceSave(pendingClose.path):false" :saving="savingClose" @stay="pendingClose=null" @discard="pendingClose&&discardAndClose(pendingClose)" @save="saveAndClose" />
   <KbxUtilityRail triggerless :open-tab="utilityTab" :help="utilityHelp" :ai-context="utilityAiContext" :ai-answer="utilityAiAnswer" :ai-loading="utilityAiLoading" :ai-error="utilityAiError" :ai-current-screen-label="utilityScreen?.title" :suggestion-context="utilitySuggestionContext" :suggestion-submitting="utilitySuggestionSubmitting" @close="utilityTab=null" @ai-ask="askUtilityAi" @suggestion-submit="submitUtilitySuggestion" />
 </template>
 
-<style scoped>.runtime-panel{position:fixed;z-index:var(--kbx-z-runtime-panel);right:var(--kbx-space-2);top:var(--kbx-runtime-panel-top);width:min(var(--kbx-runtime-panel-width),calc(100vw - var(--kbx-space-6)));max-height:70vh;overflow:auto;padding:var(--kbx-space-2);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-md);background:var(--kbx-color-surface);box-shadow:var(--kbx-shadow-overlay)}</style>
+<style scoped>.runtime-panel__header{min-height:var(--kbx-control-height);display:flex;align-items:center;justify-content:space-between;gap:var(--kbx-space-2);padding:0 var(--kbx-space-2);border-bottom:var(--kbx-border-width) solid var(--kbx-color-border)}.runtime-panel__header button{width:var(--kbx-control-xs);height:var(--kbx-control-xs);border:0;border-radius:var(--kbx-radius-sm);background:transparent;color:var(--kbx-color-text)}.runtime-panel__header button:hover{background:var(--kbx-color-surface-hover)}.runtime-panel{position:fixed;z-index:var(--kbx-z-runtime-panel);right:var(--kbx-space-2);top:var(--kbx-runtime-panel-top);width:min(var(--kbx-runtime-panel-width),calc(100vw - var(--kbx-space-6)));max-height:70vh;overflow:auto;padding:var(--kbx-space-2);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-md);background:var(--kbx-color-surface);box-shadow:var(--kbx-shadow-overlay)}</style>
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/shell/navigationCatalog.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/shell/navigationCatalog.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/shell/navigationCatalog.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/shell/navigationCatalog.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/shell/useKbxWorkspaceBinding.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/shell/useKbxWorkspaceBinding.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/shell/useKbxWorkspaceBinding.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/shell/useKbxWorkspaceBinding.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/shell/workspaceLifecycleRegistry.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/shell/workspaceLifecycleRegistry.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/shell/workspaceLifecycleRegistry.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/shell/workspaceLifecycleRegistry.ts
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/shell/workspaceSessionStore.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/shell/workspaceSessionStore.ts
new file mode 100644
index 00000000..9a61d597
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/shell/workspaceSessionStore.ts
@@ -0,0 +1,94 @@
+import type { KbxWorkspaceTab } from '@kbx/contracts'
+
+const PREFIX = 'kbx.workspace.session.v1'
+const MAX_SCOPE_LENGTH = 160
+const MAX_TABS = 12
+const MAX_PATH_LENGTH = 2048
+const MAX_ID_LENGTH = 128
+const MAX_TIME_LENGTH = 64
+const MAX_STORED_BYTES = 48_000
+
+export interface KbxWorkspaceSessionSnapshot {
+  tabs: Array<Pick<KbxWorkspaceTab, 'screenId' | 'path' | 'pinned' | 'openedAt' | 'lastActivatedAt'>>
+  dirtyDiscardedCount: number
+  savedAt: string
+}
+
+function bounded(value: unknown, max: number) {
+  if (typeof value !== 'string') return ''
+  const clean = value.trim()
+  return clean.length > 0 && clean.length <= max ? clean : ''
+}
+function scopeKey(scopeValue: unknown) {
+  const scope = bounded(scopeValue, MAX_SCOPE_LENGTH)
+  return scope ? `${PREFIX}:${encodeURIComponent(scope)}` : ''
+}
+function safeTime(value: unknown) {
+  const time = bounded(value, MAX_TIME_LENGTH)
+  return time && !Number.isNaN(Date.parse(time)) ? time : new Date().toISOString()
+}
+function safePath(value: unknown) {
+  const raw = bounded(value, MAX_PATH_LENGTH)
+  if (!raw || /[\u0000-\u001f\u007f\\]|%2f|%5c|%00|%0d|%0a|%09|%2e%2e/i.test(raw)) return ''
+  try {
+    const parsed = new URL(raw, 'https://kbx.local')
+    if (parsed.origin !== 'https://kbx.local' || parsed.username || parsed.password) return ''
+    // Workspace resume deliberately persists only route identity. Query/hash may contain transient
+    // filters, tokens, customer/order text or other sensitive context and must not survive refresh.
+    return parsed.pathname
+  } catch { return '' }
+}
+function normalizeSnapshot(value: unknown): KbxWorkspaceSessionSnapshot | null {
+  if (!value || typeof value !== 'object') return null
+  const raw = value as Partial<KbxWorkspaceSessionSnapshot>
+  if (!Array.isArray(raw.tabs)) return null
+  const tabs: KbxWorkspaceSessionSnapshot['tabs'] = []
+  const seen = new Set<string>()
+  for (const candidate of raw.tabs.slice(0, MAX_TABS)) {
+    if (!candidate || typeof candidate !== 'object') continue
+    const item = candidate as Partial<KbxWorkspaceTab>
+    const screenId = bounded(item.screenId, MAX_ID_LENGTH)
+    const path = safePath(item.path)
+    if (!screenId || !path) continue
+    const identity = `${screenId}:${path}`
+    if (seen.has(identity)) continue
+    seen.add(identity)
+    tabs.push({screenId, path, pinned:Boolean(item.pinned), openedAt:safeTime(item.openedAt), lastActivatedAt:safeTime(item.lastActivatedAt)})
+  }
+  const dirtyDiscardedCount = Math.min(MAX_TABS, Math.max(0, Number.isFinite(Number(raw.dirtyDiscardedCount)) ? Number(raw.dirtyDiscardedCount) : 0))
+  return { tabs, dirtyDiscardedCount, savedAt:safeTime(raw.savedAt) }
+}
+
+export function loadWorkspaceSession(scopeValue: string): KbxWorkspaceSessionSnapshot | null {
+  const key = scopeKey(scopeValue)
+  if (!key || typeof sessionStorage === 'undefined') return null
+  let raw = ''
+  try { raw = sessionStorage.getItem(key) ?? '' } catch { return null }
+  if (!raw || raw.length > MAX_STORED_BYTES) return null
+  try { return normalizeSnapshot(JSON.parse(raw)) } catch { return null }
+}
+
+export function saveWorkspaceSession(scopeValue: string, tabs: readonly KbxWorkspaceTab[]) {
+  const key = scopeKey(scopeValue)
+  if (!key || typeof sessionStorage === 'undefined') return false
+  const cleanTabs = tabs.filter(tab => !tab.dirty).slice(0, MAX_TABS).flatMap(tab => {
+    const screenId = bounded(tab.screenId, MAX_ID_LENGTH)
+    const path = safePath(tab.path)
+    if (!screenId || !path) return []
+    return [{screenId, path, pinned:Boolean(tab.pinned), openedAt:safeTime(tab.openedAt), lastActivatedAt:safeTime(tab.lastActivatedAt)}]
+  })
+  const snapshot:KbxWorkspaceSessionSnapshot = {
+    tabs: cleanTabs,
+    dirtyDiscardedCount: Math.min(MAX_TABS, tabs.filter(tab => tab.dirty).length),
+    savedAt: new Date().toISOString(),
+  }
+  const payload = JSON.stringify(snapshot)
+  if (payload.length > MAX_STORED_BYTES) return false
+  try { sessionStorage.setItem(key, payload); return true } catch { return false }
+}
+
+export function clearWorkspaceSession(scopeValue: string) {
+  const key = scopeKey(scopeValue)
+  if (!key || typeof sessionStorage === 'undefined') return false
+  try { sessionStorage.removeItem(key); return true } catch { return false }
+}
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/shell/workspaceStore.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/shell/workspaceStore.ts
similarity index 84%
rename from docs/Design/kbx-foundation-v36/apps/web/src/shell/workspaceStore.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/shell/workspaceStore.ts
index e03314dd..e5f8fe9c 100644
--- a/docs/Design/kbx-foundation-v36/apps/web/src/shell/workspaceStore.ts
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/shell/workspaceStore.ts
@@ -9,7 +9,7 @@ const MAX_SCOPE_LENGTH=160
 const MAX_ID_LENGTH=128
 const MAX_TITLE_LENGTH=120
 const MAX_RECENT_PATH_LENGTH=1024
-const defaultPreference=():KbxNavigationPreference=>({favorites:[],recents:[],sideNavCollapsed:false,workspaceMaxTabs:10})
+const defaultPreference=():KbxNavigationPreference=>({favorites:[],recents:[],sideNavCollapsed:false,workspaceMaxTabs:10,themeMode:'light'})
 function boundedString(value:unknown,max:number,truncate=false){if(typeof value!=='string')return '';const clean=value.trim();if(clean.length<=max)return clean;return truncate?clean.slice(0,max):''}
 function normalizeScope(value?:string|null){const scope=boundedString(value,MAX_SCOPE_LENGTH);return scope||null}
 function storageKey(scope:string,prefix=STORAGE_PREFIX){return `${prefix}:${encodeURIComponent(scope)}`}
@@ -29,7 +29,8 @@ function normalizePreference(value:unknown,scope:string|null):KbxNavigationPrefe
   }):[]
   const recents=[...new Map(recentsRaw.map(item=>[item.screenId,item])).values()].sort((a,b)=>b.visitedAt.localeCompare(a.visitedAt)).slice(0,12)
   const workspaceMaxTabs=Math.min(12,Math.max(8,Number.isFinite(Number(raw.workspaceMaxTabs))?Number(raw.workspaceMaxTabs):10))
-  return {favorites,recents,sideNavCollapsed:Boolean(raw.sideNavCollapsed),workspaceMaxTabs,...(scope?{scopeKey:scope}:{})}
+  const themeMode=raw.themeMode==='dark'?'dark':'light'
+  return {favorites,recents,sideNavCollapsed:Boolean(raw.sideNavCollapsed),workspaceMaxTabs,themeMode,...(scope?{scopeKey:scope}:{})}
 }
 function parseStoredPreference(raw:string|null,scope:string){
   if(!raw||raw.length>MAX_STORED_PREFERENCE_BYTES)return null
@@ -37,9 +38,11 @@ function parseStoredPreference(raw:string|null,scope:string){
 }
 function loadPreference(scope:string|null):KbxNavigationPreference{
   if(!scope || typeof localStorage==='undefined')return defaultPreference()
-  const current=parseStoredPreference(localStorage.getItem(storageKey(scope)),scope)
+  let currentRaw:string|null=null;let legacyRaw:string|null=null
+  try{currentRaw=localStorage.getItem(storageKey(scope));legacyRaw=localStorage.getItem(storageKey(scope,LEGACY_STORAGE_PREFIX))}catch{return normalizePreference({},scope)}
+  const current=parseStoredPreference(currentRaw,scope)
   if(current)return current
-  const legacy=parseStoredPreference(localStorage.getItem(storageKey(scope,LEGACY_STORAGE_PREFIX)),scope)
+  const legacy=parseStoredPreference(legacyRaw,scope)
   if(legacy){try{localStorage.setItem(storageKey(scope),JSON.stringify(legacy))}catch{};return legacy}
   return normalizePreference({},scope)
 }
@@ -75,9 +78,17 @@ export const useKbxWorkspaceStore=defineStore('kbx-workspace',()=>{
     close(candidate.key)
     return true
   }
+  function restoreTabs(restored:KbxWorkspaceTab[]){
+    const limit=preference.value.workspaceMaxTabs
+    const normalized=restored.filter(tab=>!tab.dirty).slice(0,limit).map(tab=>({...tab,dirty:false,resumed:true}))
+    tabs.value=normalized
+    activeKey.value=null
+    return normalized.length
+  }
+  function notifyShell(message:string){shellNotice.value=boundedString(message,240,true)||null}
   function syncRoute(screenId:string,title:string,path:string,recent?:KbxRecentNavigation|null){
     const now=new Date().toISOString();const tabKey=key(screenId,path);let tab=tabs.value.find(x=>x.key===tabKey)
-    if(!tab){if(!evictForCapacity())return false;tab={key:tabKey,screenId,title,path,openedAt:now,lastActivatedAt:now,dirty:false};tabs.value.push(tab)}else{tab.title=title;tab.path=path;tab.lastActivatedAt=now}
+    if(!tab){if(!evictForCapacity())return false;tab={key:tabKey,screenId,title,path,openedAt:now,lastActivatedAt:now,dirty:false};tabs.value.push(tab)}else{tab.title=title;tab.path=path;tab.lastActivatedAt=now;tab.resumed=false}
     activeKey.value=tabKey;shellNotice.value=null
     if(recent)recordRecent(recent)
     return true
@@ -86,7 +97,7 @@ export const useKbxWorkspaceStore=defineStore('kbx-workspace',()=>{
   function setActiveDirty(dirty:boolean){if(activeKey.value)setDirty(activeKey.value,dirty)}
   function togglePinned(tabKey:string){const tab=tabs.value.find(x=>x.key===tabKey);if(tab)tab.pinned=!tab.pinned}
   function close(tabKey:string){const index=tabs.value.findIndex(x=>x.key===tabKey);if(index<0)return;const wasActive=activeKey.value===tabKey;tabs.value.splice(index,1);if(wasActive){const next=tabs.value[Math.min(index,tabs.value.length-1)]??tabs.value.at(-1);activeKey.value=next?.key??null}}
-  function activate(tabKey:string){const tab=tabs.value.find(x=>x.key===tabKey);if(tab){activeKey.value=tabKey;tab.lastActivatedAt=new Date().toISOString()}}
+  function activate(tabKey:string){const tab=tabs.value.find(x=>x.key===tabKey);if(tab){activeKey.value=tabKey;tab.lastActivatedAt=new Date().toISOString();tab.resumed=false}}
   function deactivate(){activeKey.value=null}
   function pruneTabs(allowedScreenIds:Set<string>){
     const active=activeKey.value;const before=tabs.value.length
@@ -104,8 +115,9 @@ export const useKbxWorkspaceStore=defineStore('kbx-workspace',()=>{
   function toggleFavorite(screenId:string){const normalized=boundedString(screenId,MAX_ID_LENGTH);if(!normalized)return;const list=preference.value.favorites;const index=list.indexOf(normalized);if(index>=0)list.splice(index,1);else list.unshift(normalized);preference.value.favorites=uniqueStrings(list,50);persist()}
   function recordRecent(recent:KbxRecentNavigation){const normalized=normalizePreference({...preference.value,recents:[recent,...preference.value.recents.filter(x=>x.screenId!==recent.screenId)]},scopeKey.value).recents;preference.value.recents=normalized;persist()}
   function toggleSideNav(){preference.value.sideNavCollapsed=!preference.value.sideNavCollapsed;persist()}
+  function toggleTheme(){preference.value.themeMode=preference.value.themeMode==='dark'?'light':'dark';persist()}
   function favoriteEntries(entries:KbxNavigationResolvedEntry[]){const map=new Map(entries.filter(x=>x.favoriteAllowed!==false).map(x=>[x.screenId,x]));return preference.value.favorites.map(id=>map.get(id)).filter((x):x is KbxNavigationResolvedEntry=>Boolean(x))}
   function dismissShellNotice(){shellNotice.value=null}
   const activeTab=computed(()=>tabs.value.find(x=>x.key===activeKey.value)??null)
-  return {scopeKey,preference,tabs,activeKey,activeTab,menuSearchOpen,shellNotice,setPreferenceScope,clearWorkspaceSession,syncRoute,setDirty,setActiveDirty,togglePinned,close,activate,deactivate,pruneTabs,reconcilePreference,toggleFavorite,recordRecent,toggleSideNav,favoriteEntries,dismissShellNotice}
+  return {scopeKey,preference,tabs,activeKey,activeTab,menuSearchOpen,shellNotice,setPreferenceScope,clearWorkspaceSession,restoreTabs,notifyShell,syncRoute,setDirty,setActiveDirty,togglePinned,close,activate,deactivate,pruneTabs,reconcilePreference,toggleFavorite,recordRecent,toggleSideNav,toggleTheme,favoriteEntries,dismissShellNotice}
 })
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/styles/app.css b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/styles/app.css
new file mode 100644
index 00000000..786d53fd
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/styles/app.css
@@ -0,0 +1,26 @@
+:root {
+  font-family: Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", Arial, sans-serif;
+  color: var(--kbx-color-text);
+  background: var(--kbx-color-surface-muted);
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+}
+* { box-sizing: border-box; }
+html, body, #app { width:100%; min-width:0; height:100%; min-height:100%; margin:0; }
+body { overflow:hidden; }
+button, input, select, textarea { font:inherit; }
+button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, a:focus-visible {
+  outline: calc(var(--kbx-border-width) * 2) solid var(--kbx-color-focus);
+  outline-offset: var(--kbx-border-width);
+}
+@media (max-width: 767px) {
+  body { overflow:auto; }
+}
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after { scroll-behavior:auto !important; transition-duration:0.01ms !important; animation-duration:0.01ms !important; animation-iteration-count:1 !important; }
+}
+
+@media (forced-colors: active) {
+  button, input, select, textarea, a { forced-color-adjust:auto; }
+  [aria-current="page"], [aria-pressed="true"], [aria-selected="true"] { outline: 1px solid Highlight; outline-offset:-2px; }
+}
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/telemetry/kbxTelemetryClient.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/telemetry/kbxTelemetryClient.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/telemetry/kbxTelemetryClient.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/telemetry/kbxTelemetryClient.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/utility/aiAssistantApi.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/utility/aiAssistantApi.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/utility/aiAssistantApi.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/utility/aiAssistantApi.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/utility/suggestionApi.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/utility/suggestionApi.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/utility/suggestionApi.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/utility/suggestionApi.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/utility/useKbxScreenUtility.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/utility/useKbxScreenUtility.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/utility/useKbxScreenUtility.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/utility/useKbxScreenUtility.ts
diff --git a/docs/Design/kbx-foundation-v36/apps/web/src/validation/kbxFieldSchema.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/validation/kbxFieldSchema.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/apps/web/src/validation/kbxFieldSchema.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/src/validation/kbxFieldSchema.ts
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/tsconfig.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/tsconfig.json
new file mode 100644
index 00000000..275c1dca
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/tsconfig.json
@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "strict": true,
+    "jsx": "preserve",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "types": ["vite/client"],
+    "skipLibCheck": true,
+    "baseUrl": "."
+  },
+  "include": ["src/**/*.ts", "src/**/*.vue", "vite.config.ts"]
+}
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/vite.config.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/vite.config.ts
new file mode 100644
index 00000000..a5a4cb47
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/apps/web/vite.config.ts
@@ -0,0 +1,18 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+export default defineConfig({
+  plugins: [vue()],
+  server: {
+    port: 4173,
+    strictPort: true,
+  },
+  preview: {
+    port: 4173,
+    strictPort: true,
+  },
+  build: {
+    sourcemap: true,
+    target: 'es2022',
+  },
+})
diff --git a/docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_001_oms_order_golden_screen.sql b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_001_oms_order_golden_screen.sql
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_001_oms_order_golden_screen.sql
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_001_oms_order_golden_screen.sql
diff --git a/docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_002_wms_picking_golden_screen.sql b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_002_wms_picking_golden_screen.sql
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_002_wms_picking_golden_screen.sql
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_002_wms_picking_golden_screen.sql
diff --git a/docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_003_erp_reference_projections.sql b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_003_erp_reference_projections.sql
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_003_erp_reference_projections.sql
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_003_erp_reference_projections.sql
diff --git a/docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_004_kbx_excel_import.sql b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_004_kbx_excel_import.sql
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_004_kbx_excel_import.sql
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_004_kbx_excel_import.sql
diff --git a/docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_005_kbx_operations_reconcile.sql b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_005_kbx_operations_reconcile.sql
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_005_kbx_operations_reconcile.sql
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_005_kbx_operations_reconcile.sql
diff --git a/docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_006_kbx_experience_governance.sql b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_006_kbx_experience_governance.sql
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_006_kbx_experience_governance.sql
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_006_kbx_experience_governance.sql
diff --git a/docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_007_process_coverage.sql b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_007_process_coverage.sql
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_007_process_coverage.sql
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_007_process_coverage.sql
diff --git a/docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_008_kbx_runtime_operations.sql b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_008_kbx_runtime_operations.sql
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_008_kbx_runtime_operations.sql
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_008_kbx_runtime_operations.sql
diff --git a/docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_009_kbx_api_contracts.sql b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_009_kbx_api_contracts.sql
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_009_kbx_api_contracts.sql
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_009_kbx_api_contracts.sql
diff --git a/docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_010_kbx_authorization_sensitive_data.sql b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_010_kbx_authorization_sensitive_data.sql
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_010_kbx_authorization_sensitive_data.sql
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_010_kbx_authorization_sensitive_data.sql
diff --git a/docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_011_kbx_ux_telemetry.sql b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_011_kbx_ux_telemetry.sql
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_011_kbx_ux_telemetry.sql
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_011_kbx_ux_telemetry.sql
diff --git a/docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_012_kbx_experiment_rollout.sql b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_012_kbx_experiment_rollout.sql
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_012_kbx_experiment_rollout.sql
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_012_kbx_experiment_rollout.sql
diff --git a/docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_013_kbx_integration_resilience.sql b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_013_kbx_integration_resilience.sql
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_013_kbx_integration_resilience.sql
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_013_kbx_integration_resilience.sql
diff --git a/docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_014_kbx_external_data.sql b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_014_kbx_external_data.sql
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_014_kbx_external_data.sql
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_014_kbx_external_data.sql
diff --git a/docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_015_fast_entry_master_detail.sql b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_015_fast_entry_master_detail.sql
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_015_fast_entry_master_detail.sql
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_015_fast_entry_master_detail.sql
diff --git a/docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_016_record_lifecycle.sql b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_016_record_lifecycle.sql
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Database/Migrations/20260808_016_record_lifecycle.sql
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Database/Migrations/20260808_016_record_lifecycle.sql
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Ai/Ask/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Ai/Ask/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Ai/Ask/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Ai/Ask/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Experiments/Assignments/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Experiments/Assignments/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Experiments/Assignments/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Experiments/Assignments/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Experiments/Overview/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Experiments/Overview/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Experiments/Overview/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Experiments/Overview/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Experiments/Rollback/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Experiments/Rollback/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Experiments/Rollback/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Experiments/Rollback/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Experiments/Rollout/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Experiments/Rollout/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Experiments/Rollout/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Experiments/Rollout/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/ExternalData/Refresh/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/ExternalData/Refresh/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/ExternalData/Refresh/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/ExternalData/Refresh/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/ExternalData/Status/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/ExternalData/Status/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/ExternalData/Status/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/ExternalData/Status/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Imports/Endpoints/CommitEndpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Imports/Endpoints/CommitEndpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Imports/Endpoints/CommitEndpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Imports/Endpoints/CommitEndpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Imports/Endpoints/CreateSessionEndpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Imports/Endpoints/CreateSessionEndpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Imports/Endpoints/CreateSessionEndpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Imports/Endpoints/CreateSessionEndpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Imports/Endpoints/ErrorWorkbookEndpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Imports/Endpoints/ErrorWorkbookEndpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Imports/Endpoints/ErrorWorkbookEndpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Imports/Endpoints/ErrorWorkbookEndpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Imports/Endpoints/GetSessionEndpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Imports/Endpoints/GetSessionEndpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Imports/Endpoints/GetSessionEndpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Imports/Endpoints/GetSessionEndpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Imports/Endpoints/SaveMappingEndpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Imports/Endpoints/SaveMappingEndpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Imports/Endpoints/SaveMappingEndpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Imports/Endpoints/SaveMappingEndpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Imports/Endpoints/SaveNamedMappingEndpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Imports/Endpoints/SaveNamedMappingEndpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Imports/Endpoints/SaveNamedMappingEndpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Imports/Endpoints/SaveNamedMappingEndpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Imports/Endpoints/TemplateEndpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Imports/Endpoints/TemplateEndpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Imports/Endpoints/TemplateEndpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Imports/Endpoints/TemplateEndpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Imports/Endpoints/ValidateEndpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Imports/Endpoints/ValidateEndpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Imports/Endpoints/ValidateEndpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Imports/Endpoints/ValidateEndpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Imports/Jobs/CommitImportJob.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Imports/Jobs/CommitImportJob.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Imports/Jobs/CommitImportJob.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Imports/Jobs/CommitImportJob.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Imports/Jobs/ValidateImportJob.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Imports/Jobs/ValidateImportJob.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Imports/Jobs/ValidateImportJob.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Imports/Jobs/ValidateImportJob.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Integrations/Attempts/Get/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Integrations/Attempts/Get/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Integrations/Attempts/Get/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Integrations/Attempts/Get/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Integrations/Attempts/Retry/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Integrations/Attempts/Retry/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Integrations/Attempts/Retry/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Integrations/Attempts/Retry/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Operations/Claim/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Operations/Claim/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Operations/Claim/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Operations/Claim/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Operations/Resolve/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Operations/Resolve/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Operations/Resolve/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Operations/Resolve/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Operations/Retry/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Operations/Retry/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Operations/Retry/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Operations/Retry/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Operations/Search/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Operations/Search/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Operations/Search/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Operations/Search/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Reconcile/CreateExceptions/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Reconcile/CreateExceptions/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Reconcile/CreateExceptions/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Reconcile/CreateExceptions/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Reconcile/Search/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Reconcile/Search/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Reconcile/Search/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Reconcile/Search/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Runtime/Health/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Runtime/Health/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Runtime/Health/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Runtime/Health/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Runtime/Notifications/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Runtime/Notifications/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Runtime/Notifications/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Runtime/Notifications/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Runtime/Operations/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Runtime/Operations/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Runtime/Operations/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Runtime/Operations/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/Suggestions/Submit/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Suggestions/Submit/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/Suggestions/Submit/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/Suggestions/Submit/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/UxTelemetry/Ingest/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/UxTelemetry/Ingest/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/UxTelemetry/Ingest/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/UxTelemetry/Ingest/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/Common/UxTelemetry/Metrics/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/UxTelemetry/Metrics/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/Common/UxTelemetry/Metrics/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/Common/UxTelemetry/Metrics/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/ERP/Inventory/Search/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Inventory/Search/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/ERP/Inventory/Search/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Inventory/Search/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/ERP/Inventory/Search/HistoryEndpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Inventory/Search/HistoryEndpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/ERP/Inventory/Search/HistoryEndpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Inventory/Search/HistoryEndpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/ERP/Inventory/Search/LocationsEndpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Inventory/Search/LocationsEndpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/ERP/Inventory/Search/LocationsEndpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Inventory/Search/LocationsEndpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/ERP/InventoryMove/Workflow/InventoryMoveWorkflow.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/InventoryMove/Workflow/InventoryMoveWorkflow.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/ERP/InventoryMove/Workflow/InventoryMoveWorkflow.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/InventoryMove/Workflow/InventoryMoveWorkflow.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/ERP/ItemPrices/BulkSave/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/ItemPrices/BulkSave/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/ERP/ItemPrices/BulkSave/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/ItemPrices/BulkSave/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/ERP/Items/Audit/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Items/Audit/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/ERP/Items/Audit/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Items/Audit/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/ERP/Items/Deactivate/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Items/Deactivate/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/ERP/Items/Deactivate/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Items/Deactivate/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/ERP/Items/Get/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Items/Get/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/ERP/Items/Get/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Items/Get/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/ERP/Items/Save/CreateEndpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Items/Save/CreateEndpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/ERP/Items/Save/CreateEndpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Items/Save/CreateEndpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/ERP/Items/Save/Handler.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Items/Save/Handler.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/ERP/Items/Save/Handler.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Items/Save/Handler.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/ERP/Items/Save/Models.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Items/Save/Models.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/ERP/Items/Save/Models.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Items/Save/Models.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/ERP/Items/Save/UpdateEndpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Items/Save/UpdateEndpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/ERP/Items/Save/UpdateEndpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Items/Save/UpdateEndpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/ERP/Items/Search/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Items/Search/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/ERP/Items/Search/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Items/Search/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/ERP/Items/Search/Handler.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Items/Search/Handler.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/ERP/Items/Search/Handler.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Items/Search/Handler.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/ERP/Items/Search/Request.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Items/Search/Request.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/ERP/Items/Search/Request.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Items/Search/Request.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/ERP/Items/Search/Response.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Items/Search/Response.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/ERP/Items/Search/Response.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Items/Search/Response.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/ERP/Purchases/Workflow/PurchaseWorkflow.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Purchases/Workflow/PurchaseWorkflow.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/ERP/Purchases/Workflow/PurchaseWorkflow.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/ERP/Purchases/Workflow/PurchaseWorkflow.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Claims/Search/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Claims/Search/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Claims/Search/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Claims/Search/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Claims/Workflow/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Claims/Workflow/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Claims/Workflow/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Claims/Workflow/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Lookups/Customers/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Lookups/Customers/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Lookups/Customers/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Lookups/Customers/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Lookups/Customers/ResolveByCodeEndpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Lookups/Customers/ResolveByCodeEndpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Lookups/Customers/ResolveByCodeEndpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Lookups/Customers/ResolveByCodeEndpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Lookups/Customers/ResolveEndpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Lookups/Customers/ResolveEndpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Lookups/Customers/ResolveEndpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Lookups/Customers/ResolveEndpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Lookups/Items/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Lookups/Items/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Lookups/Items/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Lookups/Items/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Lookups/Items/ResolveByCodeEndpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Lookups/Items/ResolveByCodeEndpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Lookups/Items/ResolveByCodeEndpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Lookups/Items/ResolveByCodeEndpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Lookups/Items/ResolveEndpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Lookups/Items/ResolveEndpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Lookups/Items/ResolveEndpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Lookups/Items/ResolveEndpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Lookups/Warehouses/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Lookups/Warehouses/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Lookups/Warehouses/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Lookups/Warehouses/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Lookups/Warehouses/ResolveByCodeEndpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Lookups/Warehouses/ResolveByCodeEndpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Lookups/Warehouses/ResolveByCodeEndpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Lookups/Warehouses/ResolveByCodeEndpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Lookups/Warehouses/ResolveEndpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Lookups/Warehouses/ResolveEndpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Lookups/Warehouses/ResolveEndpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Lookups/Warehouses/ResolveEndpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Audit/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Audit/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Audit/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Audit/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Confirm/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Confirm/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Confirm/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Confirm/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Get/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Get/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Get/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Get/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Import/OrderImportDefinition.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Import/OrderImportDefinition.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Import/OrderImportDefinition.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Import/OrderImportDefinition.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Register/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Register/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Register/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Register/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Register/Handler.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Register/Handler.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Register/Handler.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Register/Handler.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Register/Request.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Register/Request.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Register/Request.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Register/Request.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Register/Response.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Register/Response.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Register/Response.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Register/Response.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Register/UpdateEndpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Register/UpdateEndpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Register/UpdateEndpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Register/UpdateEndpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Register/Validator.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Register/Validator.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Register/Validator.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Register/Validator.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Search/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Search/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Search/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Search/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Search/Handler.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Search/Handler.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Search/Handler.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Search/Handler.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Search/Request.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Search/Request.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Search/Request.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Search/Request.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Search/Response.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Search/Response.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Search/Response.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Search/Response.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Ship/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Ship/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/OMS/Orders/Ship/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/OMS/Orders/Ship/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/Exceptions/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/Exceptions/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/Exceptions/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/Exceptions/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/GetTask/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/GetTask/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/GetTask/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/GetTask/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/Scan/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/Scan/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/Scan/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/Scan/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/Scan/Handler.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/Scan/Handler.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/Scan/Handler.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/Scan/Handler.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/Scan/Request.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/Scan/Request.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/Scan/Request.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/Scan/Request.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/SetQuantity/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/SetQuantity/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/SetQuantity/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/SetQuantity/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/Shared/Models.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/Shared/Models.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/Shared/Models.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/Shared/Models.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/Shared/PickingScanStateMachine.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/Shared/PickingScanStateMachine.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/Shared/PickingScanStateMachine.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/Shared/PickingScanStateMachine.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/Shared/PickingTaskQueries.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/Shared/PickingTaskQueries.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/Shared/PickingTaskQueries.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/Shared/PickingTaskQueries.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/Shared/PickingTransitions.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/Shared/PickingTransitions.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/Shared/PickingTransitions.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/Shared/PickingTransitions.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/Start/Endpoint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/Start/Endpoint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/Start/Endpoint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/Start/Endpoint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/Tests/PickingScanStateMachineTests.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/Tests/PickingScanStateMachineTests.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Modules/WMS/Picking/Tests/PickingScanStateMachineTests.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Modules/WMS/Picking/Tests/PickingScanStateMachineTests.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Authorization/Generated/KbxPermissions.g.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Authorization/Generated/KbxPermissions.g.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Authorization/Generated/KbxPermissions.g.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Authorization/Generated/KbxPermissions.g.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Authorization/KbxAuthorizationContracts.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Authorization/KbxAuthorizationContracts.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Authorization/KbxAuthorizationContracts.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Authorization/KbxAuthorizationContracts.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Authorization/KbxSensitiveDataPolicy.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Authorization/KbxSensitiveDataPolicy.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Authorization/KbxSensitiveDataPolicy.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Authorization/KbxSensitiveDataPolicy.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Authorization/SensitiveDataDisclosureAuditWriter.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Authorization/SensitiveDataDisclosureAuditWriter.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Authorization/SensitiveDataDisclosureAuditWriter.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Authorization/SensitiveDataDisclosureAuditWriter.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Configuration/Generated/KbxConfigurationCatalog.g.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Configuration/Generated/KbxConfigurationCatalog.g.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Configuration/Generated/KbxConfigurationCatalog.g.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Configuration/Generated/KbxConfigurationCatalog.g.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Configuration/KbxConfigurationContracts.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Configuration/KbxConfigurationContracts.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Configuration/KbxConfigurationContracts.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Configuration/KbxConfigurationContracts.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Configuration/KbxConfigurationFingerprint.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Configuration/KbxConfigurationFingerprint.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Configuration/KbxConfigurationFingerprint.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Configuration/KbxConfigurationFingerprint.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Configuration/KbxConfigurationRegistration.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Configuration/KbxConfigurationRegistration.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Configuration/KbxConfigurationRegistration.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Configuration/KbxConfigurationRegistration.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Configuration/KbxConfigurationStartupValidator.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Configuration/KbxConfigurationStartupValidator.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Configuration/KbxConfigurationStartupValidator.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Configuration/KbxConfigurationStartupValidator.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Configuration/Tests/KbxConfigurationContractTests.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Configuration/Tests/KbxConfigurationContractTests.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Configuration/Tests/KbxConfigurationContractTests.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Configuration/Tests/KbxConfigurationContractTests.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Contracts/Generated/KbxApiCatalog.g.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Contracts/Generated/KbxApiCatalog.g.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Contracts/Generated/KbxApiCatalog.g.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Contracts/Generated/KbxApiCatalog.g.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Contracts/Generated/KbxFieldCatalog.g.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Contracts/Generated/KbxFieldCatalog.g.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Contracts/Generated/KbxFieldCatalog.g.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Contracts/Generated/KbxFieldCatalog.g.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Contracts/KbxApiContractSwaggerExtensions.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Contracts/KbxApiContractSwaggerExtensions.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Contracts/KbxApiContractSwaggerExtensions.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Contracts/KbxApiContractSwaggerExtensions.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Contracts/KbxFieldContractSwaggerExtensions.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Contracts/KbxFieldContractSwaggerExtensions.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Contracts/KbxFieldContractSwaggerExtensions.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Contracts/KbxFieldContractSwaggerExtensions.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Contracts/KbxFieldKeyAttribute.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Contracts/KbxFieldKeyAttribute.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Contracts/KbxFieldKeyAttribute.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Contracts/KbxFieldKeyAttribute.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Contracts/KbxFieldOpenApiSchemaFilter.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Contracts/KbxFieldOpenApiSchemaFilter.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Contracts/KbxFieldOpenApiSchemaFilter.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Contracts/KbxFieldOpenApiSchemaFilter.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Contracts/Tests/KbxApiCatalogTests.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Contracts/Tests/KbxApiCatalogTests.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Contracts/Tests/KbxApiCatalogTests.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Contracts/Tests/KbxApiCatalogTests.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Contracts/Tests/KbxFieldCatalogTests.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Contracts/Tests/KbxFieldCatalogTests.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Contracts/Tests/KbxFieldCatalogTests.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Contracts/Tests/KbxFieldCatalogTests.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Excel/ClosedXmlWorkbookService.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/ClosedXmlWorkbookService.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Excel/ClosedXmlWorkbookService.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/ClosedXmlWorkbookService.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Excel/IImportDefinition.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/IImportDefinition.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Excel/IImportDefinition.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/IImportDefinition.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Excel/ImportContracts.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/ImportContracts.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Excel/ImportContracts.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/ImportContracts.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Excel/ImportFieldDefinitionFactory.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/ImportFieldDefinitionFactory.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Excel/ImportFieldDefinitionFactory.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/ImportFieldDefinitionFactory.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Excel/ImportIdentity.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/ImportIdentity.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Excel/ImportIdentity.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/ImportIdentity.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Excel/ImportMappingEngine.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/ImportMappingEngine.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Excel/ImportMappingEngine.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/ImportMappingEngine.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Excel/ImportMappingSuggestions.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/ImportMappingSuggestions.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Excel/ImportMappingSuggestions.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/ImportMappingSuggestions.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Excel/ImportProgressHub.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/ImportProgressHub.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Excel/ImportProgressHub.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/ImportProgressHub.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Excel/ImportRepository.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/ImportRepository.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Excel/ImportRepository.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/ImportRepository.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Excel/KbxExcelImportRegistration.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/KbxExcelImportRegistration.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Excel/KbxExcelImportRegistration.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/KbxExcelImportRegistration.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Excel/PurgeExpiredImportsJob.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/PurgeExpiredImportsJob.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Excel/PurgeExpiredImportsJob.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/PurgeExpiredImportsJob.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Excel/Tests/ImportMappingEngineTests.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/Tests/ImportMappingEngineTests.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Excel/Tests/ImportMappingEngineTests.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/Tests/ImportMappingEngineTests.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Excel/Tests/XlsxSafetyInspectorTests.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/Tests/XlsxSafetyInspectorTests.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Excel/Tests/XlsxSafetyInspectorTests.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/Tests/XlsxSafetyInspectorTests.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Excel/XlsxSafetyInspector.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/XlsxSafetyInspector.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Excel/XlsxSafetyInspector.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Excel/XlsxSafetyInspector.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Experience/IKbxAiAssistantProvider.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experience/IKbxAiAssistantProvider.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Experience/IKbxAiAssistantProvider.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experience/IKbxAiAssistantProvider.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Experience/KbxExperienceContracts.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experience/KbxExperienceContracts.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Experience/KbxExperienceContracts.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experience/KbxExperienceContracts.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Experience/KbxExperienceRegistration.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experience/KbxExperienceRegistration.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Experience/KbxExperienceRegistration.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experience/KbxExperienceRegistration.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Experiments/Generated/KbxExperimentCatalog.g.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experiments/Generated/KbxExperimentCatalog.g.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Experiments/Generated/KbxExperimentCatalog.g.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experiments/Generated/KbxExperimentCatalog.g.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Experiments/KbxExperimentAssignmentPolicy.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experiments/KbxExperimentAssignmentPolicy.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Experiments/KbxExperimentAssignmentPolicy.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experiments/KbxExperimentAssignmentPolicy.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Experiments/KbxExperimentAssignmentService.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experiments/KbxExperimentAssignmentService.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Experiments/KbxExperimentAssignmentService.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experiments/KbxExperimentAssignmentService.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Experiments/KbxExperimentContracts.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experiments/KbxExperimentContracts.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Experiments/KbxExperimentContracts.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experiments/KbxExperimentContracts.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Experiments/KbxExperimentGuardrailJob.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experiments/KbxExperimentGuardrailJob.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Experiments/KbxExperimentGuardrailJob.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experiments/KbxExperimentGuardrailJob.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Experiments/KbxExperimentOverviewQuery.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experiments/KbxExperimentOverviewQuery.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Experiments/KbxExperimentOverviewQuery.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experiments/KbxExperimentOverviewQuery.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Experiments/KbxExperimentRealtime.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experiments/KbxExperimentRealtime.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Experiments/KbxExperimentRealtime.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experiments/KbxExperimentRealtime.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Experiments/KbxExperimentRuntimeStore.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experiments/KbxExperimentRuntimeStore.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Experiments/KbxExperimentRuntimeStore.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experiments/KbxExperimentRuntimeStore.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Experiments/Tests/KbxExperimentContractTests.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experiments/Tests/KbxExperimentContractTests.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Experiments/Tests/KbxExperimentContractTests.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Experiments/Tests/KbxExperimentContractTests.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/Generated/KbxExternalDataCatalog.g.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/Generated/KbxExternalDataCatalog.g.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/Generated/KbxExternalDataCatalog.g.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/Generated/KbxExternalDataCatalog.g.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/KbxExternalDataCacheCoordinator.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/KbxExternalDataCacheCoordinator.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/KbxExternalDataCacheCoordinator.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/KbxExternalDataCacheCoordinator.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/KbxExternalDataContracts.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/KbxExternalDataContracts.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/KbxExternalDataContracts.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/KbxExternalDataContracts.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/KbxExternalDataFreshnessPolicy.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/KbxExternalDataFreshnessPolicy.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/KbxExternalDataFreshnessPolicy.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/KbxExternalDataFreshnessPolicy.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/KbxExternalDataProvenanceFactory.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/KbxExternalDataProvenanceFactory.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/KbxExternalDataProvenanceFactory.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/KbxExternalDataProvenanceFactory.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/KbxExternalDataRefreshScheduler.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/KbxExternalDataRefreshScheduler.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/KbxExternalDataRefreshScheduler.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/KbxExternalDataRefreshScheduler.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/KbxExternalDataRegistration.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/KbxExternalDataRegistration.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/KbxExternalDataRegistration.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/KbxExternalDataRegistration.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/KbxExternalDataRepository.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/KbxExternalDataRepository.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/KbxExternalDataRepository.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/KbxExternalDataRepository.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/KbxExternalDataRetentionJob.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/KbxExternalDataRetentionJob.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/KbxExternalDataRetentionJob.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/KbxExternalDataRetentionJob.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/KisCurrentPriceNormalizer.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/KisCurrentPriceNormalizer.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/KisCurrentPriceNormalizer.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/KisCurrentPriceNormalizer.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/KrxApprovedServiceNormalizerRegistry.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/KrxApprovedServiceNormalizerRegistry.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/KrxApprovedServiceNormalizerRegistry.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/KrxApprovedServiceNormalizerRegistry.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/OpenDartCompanyProfileNormalizer.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/OpenDartCompanyProfileNormalizer.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/OpenDartCompanyProfileNormalizer.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/OpenDartCompanyProfileNormalizer.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/OpenDartDisclosureListNormalizer.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/OpenDartDisclosureListNormalizer.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/ExternalData/OpenDartDisclosureListNormalizer.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/ExternalData/OpenDartDisclosureListNormalizer.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Integrations/Generated/KbxIntegrationCatalog.g.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/Generated/KbxIntegrationCatalog.g.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Integrations/Generated/KbxIntegrationCatalog.g.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/Generated/KbxIntegrationCatalog.g.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxDurableIntegrationRetryPlanner.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxDurableIntegrationRetryPlanner.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxDurableIntegrationRetryPlanner.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxDurableIntegrationRetryPlanner.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxInboxReceiptStore.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxInboxReceiptStore.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxInboxReceiptStore.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxInboxReceiptStore.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxIntegrationAdapterRegistry.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxIntegrationAdapterRegistry.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxIntegrationAdapterRegistry.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxIntegrationAdapterRegistry.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxIntegrationAttemptRepository.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxIntegrationAttemptRepository.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxIntegrationAttemptRepository.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxIntegrationAttemptRepository.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxIntegrationContracts.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxIntegrationContracts.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxIntegrationContracts.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxIntegrationContracts.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxIntegrationFailureClassifier.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxIntegrationFailureClassifier.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxIntegrationFailureClassifier.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxIntegrationFailureClassifier.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxIntegrationOperationsProjector.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxIntegrationOperationsProjector.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxIntegrationOperationsProjector.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxIntegrationOperationsProjector.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxIntegrationProblemFactory.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxIntegrationProblemFactory.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxIntegrationProblemFactory.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxIntegrationProblemFactory.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxIntegrationRegistration.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxIntegrationRegistration.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxIntegrationRegistration.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxIntegrationRegistration.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxIntegrationRetryActionHandler.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxIntegrationRetryActionHandler.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxIntegrationRetryActionHandler.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxIntegrationRetryActionHandler.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxOutboxIntegrationDispatcher.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxOutboxIntegrationDispatcher.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxOutboxIntegrationDispatcher.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxOutboxIntegrationDispatcher.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxPollyIntegrationPipeline.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxPollyIntegrationPipeline.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Integrations/KbxPollyIntegrationPipeline.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/KbxPollyIntegrationPipeline.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Integrations/Tests/KbxDurableIntegrationRetryPlannerTests.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/Tests/KbxDurableIntegrationRetryPlannerTests.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Integrations/Tests/KbxDurableIntegrationRetryPlannerTests.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/Tests/KbxDurableIntegrationRetryPlannerTests.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Integrations/Tests/KbxIntegrationFailureClassifierTests.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/Tests/KbxIntegrationFailureClassifierTests.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Integrations/Tests/KbxIntegrationFailureClassifierTests.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Integrations/Tests/KbxIntegrationFailureClassifierTests.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Operations/KbxOperationsRegistration.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Operations/KbxOperationsRegistration.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Operations/KbxOperationsRegistration.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Operations/KbxOperationsRegistration.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Operations/Models.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Operations/Models.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Operations/Models.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Operations/Models.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Operations/OperationsIdentity.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Operations/OperationsIdentity.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Operations/OperationsIdentity.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Operations/OperationsIdentity.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Operations/OperationsProjectionWriter.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Operations/OperationsProjectionWriter.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Operations/OperationsProjectionWriter.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Operations/OperationsProjectionWriter.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Operations/ReconcilePolicy.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Operations/ReconcilePolicy.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Operations/ReconcilePolicy.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Operations/ReconcilePolicy.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Operations/ReconcileProjectionWriter.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Operations/ReconcileProjectionWriter.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Operations/ReconcileProjectionWriter.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Operations/ReconcileProjectionWriter.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Operations/Tests/ReconcilePolicyTests.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Operations/Tests/ReconcilePolicyTests.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Operations/Tests/ReconcilePolicyTests.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Operations/Tests/ReconcilePolicyTests.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Operations/Tests/WorkItemActionPolicyTests.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Operations/Tests/WorkItemActionPolicyTests.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Operations/Tests/WorkItemActionPolicyTests.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Operations/Tests/WorkItemActionPolicyTests.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Operations/WorkItemActionPolicy.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Operations/WorkItemActionPolicy.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Operations/WorkItemActionPolicy.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Operations/WorkItemActionPolicy.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Operations/WorkItemActionRegistry.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Operations/WorkItemActionRegistry.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Operations/WorkItemActionRegistry.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Operations/WorkItemActionRegistry.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Problems/KbxFastEndpoints.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Problems/KbxFastEndpoints.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Problems/KbxFastEndpoints.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Problems/KbxFastEndpoints.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Problems/KbxProblems.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Problems/KbxProblems.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Problems/KbxProblems.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Problems/KbxProblems.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Providers/Generated/KbxExternalProviderCatalog.g.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Providers/Generated/KbxExternalProviderCatalog.g.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Providers/Generated/KbxExternalProviderCatalog.g.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Providers/Generated/KbxExternalProviderCatalog.g.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Providers/KbxExternalProviderContracts.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Providers/KbxExternalProviderContracts.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Providers/KbxExternalProviderContracts.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Providers/KbxExternalProviderContracts.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Providers/KbxProviderRegistration.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Providers/KbxProviderRegistration.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Providers/KbxProviderRegistration.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Providers/KbxProviderRegistration.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Providers/KisAccessTokenProvider.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Providers/KisAccessTokenProvider.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Providers/KisAccessTokenProvider.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Providers/KisAccessTokenProvider.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Providers/KisMarketDataAdapter.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Providers/KisMarketDataAdapter.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Providers/KisMarketDataAdapter.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Providers/KisMarketDataAdapter.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Providers/KisRequestPacer.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Providers/KisRequestPacer.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Providers/KisRequestPacer.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Providers/KisRequestPacer.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Providers/KrxOpenApiAdapter.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Providers/KrxOpenApiAdapter.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Providers/KrxOpenApiAdapter.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Providers/KrxOpenApiAdapter.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Providers/OpenDartAdapter.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Providers/OpenDartAdapter.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Providers/OpenDartAdapter.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Providers/OpenDartAdapter.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Runtime/KbxCorrelationMiddleware.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Runtime/KbxCorrelationMiddleware.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Runtime/KbxCorrelationMiddleware.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Runtime/KbxCorrelationMiddleware.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Runtime/KbxNotificationRepository.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Runtime/KbxNotificationRepository.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Runtime/KbxNotificationRepository.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Runtime/KbxNotificationRepository.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Runtime/KbxOperationPolicy.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Runtime/KbxOperationPolicy.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Runtime/KbxOperationPolicy.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Runtime/KbxOperationPolicy.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Runtime/KbxOperationRunRepository.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Runtime/KbxOperationRunRepository.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Runtime/KbxOperationRunRepository.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Runtime/KbxOperationRunRepository.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Runtime/KbxRuntimeContracts.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Runtime/KbxRuntimeContracts.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Runtime/KbxRuntimeContracts.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Runtime/KbxRuntimeContracts.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Runtime/KbxRuntimeNoticeRepository.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Runtime/KbxRuntimeNoticeRepository.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Runtime/KbxRuntimeNoticeRepository.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Runtime/KbxRuntimeNoticeRepository.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Runtime/KbxRuntimeRegistration.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Runtime/KbxRuntimeRegistration.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Runtime/KbxRuntimeRegistration.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Runtime/KbxRuntimeRegistration.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Runtime/KbxTelemetry.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Runtime/KbxTelemetry.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Runtime/KbxTelemetry.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Runtime/KbxTelemetry.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Runtime/RuntimeIdentity.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Runtime/RuntimeIdentity.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Runtime/RuntimeIdentity.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Runtime/RuntimeIdentity.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Runtime/Tests/KbxOperationPolicyTests.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Runtime/Tests/KbxOperationPolicyTests.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Runtime/Tests/KbxOperationPolicyTests.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Runtime/Tests/KbxOperationPolicyTests.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Telemetry/Generated/KbxTelemetryCatalog.g.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Telemetry/Generated/KbxTelemetryCatalog.g.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Telemetry/Generated/KbxTelemetryCatalog.g.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Telemetry/Generated/KbxTelemetryCatalog.g.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Telemetry/KbxUxMetricsQuery.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Telemetry/KbxUxMetricsQuery.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Telemetry/KbxUxMetricsQuery.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Telemetry/KbxUxMetricsQuery.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Telemetry/KbxUxTelemetryContracts.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Telemetry/KbxUxTelemetryContracts.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Telemetry/KbxUxTelemetryContracts.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Telemetry/KbxUxTelemetryContracts.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Telemetry/KbxUxTelemetryRepository.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Telemetry/KbxUxTelemetryRepository.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Telemetry/KbxUxTelemetryRepository.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Telemetry/KbxUxTelemetryRepository.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Telemetry/PurgeUxTelemetryJob.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Telemetry/PurgeUxTelemetryJob.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Telemetry/PurgeUxTelemetryJob.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Telemetry/PurgeUxTelemetryJob.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Telemetry/Tests/KbxUxTelemetryGuardTests.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Telemetry/Tests/KbxUxTelemetryGuardTests.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Telemetry/Tests/KbxUxTelemetryGuardTests.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Telemetry/Tests/KbxUxTelemetryGuardTests.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Testing/Generated/KbxTestScenarioCatalog.g.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Testing/Generated/KbxTestScenarioCatalog.g.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Testing/Generated/KbxTestScenarioCatalog.g.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Testing/Generated/KbxTestScenarioCatalog.g.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Workflow/Tests/WorkflowGuardTests.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Workflow/Tests/WorkflowGuardTests.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Workflow/Tests/WorkflowGuardTests.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Workflow/Tests/WorkflowGuardTests.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/Shared/Workflow/WorkflowGuard.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Workflow/WorkflowGuard.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/Shared/Workflow/WorkflowGuard.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/Shared/Workflow/WorkflowGuard.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/tests/ExternalData/KbxExternalDataFreshnessPolicyTests.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/tests/ExternalData/KbxExternalDataFreshnessPolicyTests.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/tests/ExternalData/KbxExternalDataFreshnessPolicyTests.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/tests/ExternalData/KbxExternalDataFreshnessPolicyTests.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/tests/Providers/KisProviderPolicyTests.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/tests/Providers/KisProviderPolicyTests.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/tests/Providers/KisProviderPolicyTests.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/tests/Providers/KisProviderPolicyTests.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/tests/Providers/KrxProviderPolicyTests.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/tests/Providers/KrxProviderPolicyTests.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/tests/Providers/KrxProviderPolicyTests.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/tests/Providers/KrxProviderPolicyTests.cs
diff --git a/docs/Design/kbx-foundation-v36/backend/tests/Providers/OpenDartProviderPolicyTests.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/tests/Providers/OpenDartProviderPolicyTests.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/backend/tests/Providers/OpenDartProviderPolicyTests.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/backend/tests/Providers/OpenDartProviderPolicyTests.cs
diff --git a/docs/Design/kbx-foundation-v36/contracts/api/kbx.api.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/api/kbx.api.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/contracts/api/kbx.api.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/api/kbx.api.json
diff --git a/docs/Design/kbx-foundation-v36/contracts/api/openapi.kbx.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/api/openapi.kbx.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/contracts/api/openapi.kbx.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/api/openapi.kbx.json
diff --git a/docs/Design/kbx-foundation-v36/contracts/authorization/kbx.authorization.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/authorization/kbx.authorization.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/contracts/authorization/kbx.authorization.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/authorization/kbx.authorization.json
diff --git a/docs/Design/kbx-foundation-v36/contracts/configuration/kbx.configuration.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/configuration/kbx.configuration.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/contracts/configuration/kbx.configuration.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/configuration/kbx.configuration.json
diff --git a/docs/Design/kbx-foundation-v36/contracts/experiments/kbx.experiments.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/experiments/kbx.experiments.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/contracts/experiments/kbx.experiments.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/experiments/kbx.experiments.json
diff --git a/docs/Design/kbx-foundation-v36/contracts/external-data/kbx.external-data.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/external-data/kbx.external-data.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/contracts/external-data/kbx.external-data.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/external-data/kbx.external-data.json
diff --git a/docs/Design/kbx-foundation-v36/contracts/fields/kbx.fields.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/fields/kbx.fields.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/contracts/fields/kbx.fields.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/fields/kbx.fields.json
diff --git a/docs/Design/kbx-foundation-v36/contracts/fields/kbx.fields.schema.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/fields/kbx.fields.schema.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/contracts/fields/kbx.fields.schema.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/fields/kbx.fields.schema.json
diff --git a/docs/Design/kbx-foundation-v36/contracts/integrations/kbx.integrations.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/integrations/kbx.integrations.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/contracts/integrations/kbx.integrations.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/integrations/kbx.integrations.json
diff --git a/docs/Design/kbx-foundation-v36/contracts/problems/kbx.problem.schema.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/problems/kbx.problem.schema.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/contracts/problems/kbx.problem.schema.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/problems/kbx.problem.schema.json
diff --git a/docs/Design/kbx-foundation-v36/contracts/providers/kbx.providers.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/providers/kbx.providers.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/contracts/providers/kbx.providers.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/providers/kbx.providers.json
diff --git a/docs/Design/kbx-foundation-v36/contracts/screens/kbx.screen-recipes.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/screens/kbx.screen-recipes.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/contracts/screens/kbx.screen-recipes.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/screens/kbx.screen-recipes.json
diff --git a/docs/Design/kbx-foundation-v36/contracts/telemetry/kbx.telemetry.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/telemetry/kbx.telemetry.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/contracts/telemetry/kbx.telemetry.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/telemetry/kbx.telemetry.json
diff --git a/docs/Design/kbx-foundation-v36/contracts/testing/kbx.test-evidence.schema.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/testing/kbx.test-evidence.schema.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/contracts/testing/kbx.test-evidence.schema.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/testing/kbx.test-evidence.schema.json
diff --git a/docs/Design/kbx-foundation-v36/contracts/testing/kbx.test-fixtures.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/testing/kbx.test-fixtures.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/contracts/testing/kbx.test-fixtures.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/testing/kbx.test-fixtures.json
diff --git a/docs/Design/kbx-foundation-v36/contracts/testing/kbx.test-scenarios.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/testing/kbx.test-scenarios.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/contracts/testing/kbx.test-scenarios.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/contracts/testing/kbx.test-scenarios.json
diff --git a/docs/Design/kbx-foundation-v36/deploy/kbx/.env.kbx.example b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/deploy/kbx/.env.kbx.example
similarity index 100%
rename from docs/Design/kbx-foundation-v36/deploy/kbx/.env.kbx.example
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/deploy/kbx/.env.kbx.example
diff --git a/docs/Design/kbx-foundation-v36/deploy/kbx/README.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/deploy/kbx/README.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/deploy/kbx/README.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/deploy/kbx/README.md
diff --git a/docs/Design/kbx-foundation-v36/deploy/kbx/environment-matrix.generated.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/deploy/kbx/environment-matrix.generated.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/deploy/kbx/environment-matrix.generated.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/deploy/kbx/environment-matrix.generated.json
diff --git a/docs/Design/kbx-foundation-v36/deploy/kbx/environments/development.env.example b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/deploy/kbx/environments/development.env.example
similarity index 100%
rename from docs/Design/kbx-foundation-v36/deploy/kbx/environments/development.env.example
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/deploy/kbx/environments/development.env.example
diff --git a/docs/Design/kbx-foundation-v36/deploy/kbx/environments/production.env.example b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/deploy/kbx/environments/production.env.example
similarity index 100%
rename from docs/Design/kbx-foundation-v36/deploy/kbx/environments/production.env.example
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/deploy/kbx/environments/production.env.example
diff --git a/docs/Design/kbx-foundation-v36/deploy/kbx/environments/staging.env.example b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/deploy/kbx/environments/staging.env.example
similarity index 100%
rename from docs/Design/kbx-foundation-v36/deploy/kbx/environments/staging.env.example
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/deploy/kbx/environments/staging.env.example
diff --git a/docs/Design/kbx-foundation-v36/deploy/kbx/environments/test.env.example b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/deploy/kbx/environments/test.env.example
similarity index 100%
rename from docs/Design/kbx-foundation-v36/deploy/kbx/environments/test.env.example
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/deploy/kbx/environments/test.env.example
diff --git a/docs/Design/kbx-foundation-v36/deploy/kbx/nonsecret-defaults.generated.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/deploy/kbx/nonsecret-defaults.generated.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/deploy/kbx/nonsecret-defaults.generated.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/deploy/kbx/nonsecret-defaults.generated.json
diff --git a/docs/Design/kbx-foundation-v36/deploy/kbx/release-artifact.contract.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/deploy/kbx/release-artifact.contract.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/deploy/kbx/release-artifact.contract.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/deploy/kbx/release-artifact.contract.json
diff --git a/docs/Design/kbx-foundation-v36/design/figma/README.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/design/figma/README.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/design/figma/README.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/design/figma/README.md
diff --git a/docs/Design/kbx-foundation-v36/design/figma/components.contract.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/design/figma/components.contract.json
similarity index 96%
rename from docs/Design/kbx-foundation-v36/design/figma/components.contract.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/design/figma/components.contract.json
index 5484d293..d2a1c567 100644
--- a/docs/Design/kbx-foundation-v36/design/figma/components.contract.json
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/design/figma/components.contract.json
@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0",
   "namingRule": "KBX/{Category}/{Component}",
-  "componentCount": 84,
+  "componentCount": 85,
   "coreComponentCount": 34,
   "components": [
     {
@@ -67,7 +67,7 @@
       "codeName": "KbxLookup",
       "figmaName": "KBX/Business/KbxLookup",
       "category": "business",
-      "version": "1.3.0",
+      "version": "1.4.0",
       "designRequired": true,
       "designStatus": "cataloged",
       "variants": {
@@ -110,7 +110,7 @@
       "codeName": "KbxSearchPanel",
       "figmaName": "KBX/Business/KbxSearchPanel",
       "category": "business",
-      "version": "1.3.0",
+      "version": "1.4.0",
       "designRequired": true,
       "designStatus": "cataloged",
       "variants": {
@@ -128,7 +128,7 @@
       "codeName": "KbxCommandBar",
       "figmaName": "KBX/Business/KbxCommandBar",
       "category": "business",
-      "version": "1.3.0",
+      "version": "1.4.0",
       "designRequired": true,
       "designStatus": "cataloged",
       "variants": {
@@ -146,7 +146,7 @@
       "codeName": "KbxDataGrid",
       "figmaName": "KBX/Business/KbxDataGrid",
       "category": "business",
-      "version": "1.4.0",
+      "version": "1.5.0",
       "designRequired": true,
       "designStatus": "cataloged",
       "variants": {
@@ -272,12 +272,14 @@
       "codeName": "KbxListPage",
       "figmaName": "KBX/Template/KbxListPage",
       "category": "template",
-      "version": "1.6.0",
+      "version": "1.9.0",
       "designRequired": true,
       "designStatus": "cataloged",
       "variants": {
         "state": [
           "default",
+          "empty",
+          "error",
           "keyboard"
         ],
         "density": [
@@ -290,12 +292,13 @@
       "codeName": "KbxTransactionPage",
       "figmaName": "KBX/Template/KbxTransactionPage",
       "category": "template",
-      "version": "1.6.0",
+      "version": "1.8.0",
       "designRequired": true,
       "designStatus": "cataloged",
       "variants": {
         "state": [
           "default",
+          "error",
           "keyboard"
         ],
         "density": [
@@ -308,12 +311,13 @@
       "codeName": "KbxMasterPage",
       "figmaName": "KBX/Template/KbxMasterPage",
       "category": "template",
-      "version": "1.6.0",
+      "version": "1.8.0",
       "designRequired": true,
       "designStatus": "cataloged",
       "variants": {
         "state": [
           "default",
+          "error",
           "keyboard"
         ],
         "density": [
@@ -326,12 +330,13 @@
       "codeName": "KbxMasterDetailPage",
       "figmaName": "KBX/Template/KbxMasterDetailPage",
       "category": "template",
-      "version": "1.6.0",
+      "version": "1.8.0",
       "designRequired": true,
       "designStatus": "cataloged",
       "variants": {
         "state": [
-          "default"
+          "default",
+          "error"
         ],
         "density": [
           "compact",
@@ -343,7 +348,7 @@
       "codeName": "KbxWmsMobilePage",
       "figmaName": "KBX/WMS/KbxWmsMobilePage",
       "category": "wms",
-      "version": "1.5.0",
+      "version": "1.8.0",
       "designRequired": true,
       "designStatus": "cataloged",
       "variants": {
@@ -424,7 +429,7 @@
       "codeName": "KbxExcelMenu",
       "figmaName": "KBX/Business/KbxExcelMenu",
       "category": "business",
-      "version": "1.0.0",
+      "version": "1.1.0",
       "designRequired": true,
       "designStatus": "cataloged",
       "variants": {
@@ -480,7 +485,7 @@
       "codeName": "KbxImportPage",
       "figmaName": "KBX/Template/KbxImportPage",
       "category": "template",
-      "version": "1.4.0",
+      "version": "1.6.0",
       "designRequired": false,
       "designStatus": "code-only",
       "variants": {
@@ -552,7 +557,7 @@
       "codeName": "KbxWorkQueuePage",
       "figmaName": "KBX/Template/KbxWorkQueuePage",
       "category": "template",
-      "version": "1.4.0",
+      "version": "1.6.0",
       "designRequired": false,
       "designStatus": "code-only",
       "variants": {
@@ -569,7 +574,7 @@
       "codeName": "KbxReconcilePage",
       "figmaName": "KBX/Template/KbxReconcilePage",
       "category": "template",
-      "version": "1.5.0",
+      "version": "1.7.0",
       "designRequired": true,
       "designStatus": "cataloged",
       "variants": {
@@ -656,6 +661,25 @@
         ]
       }
     },
+    {
+      "codeName": "KbxProblemFeedback",
+      "figmaName": "KBX/Business/KbxProblemFeedback",
+      "category": "business",
+      "version": "1.1.0",
+      "designRequired": false,
+      "designStatus": "cataloged",
+      "variants": {
+        "state": [
+          "error",
+          "warning",
+          "disabled"
+        ],
+        "density": [
+          "compact",
+          "comfortable"
+        ]
+      }
+    },
     {
       "codeName": "KbxFreshnessIndicator",
       "figmaName": "KBX/Business/KbxFreshnessIndicator",
@@ -694,12 +718,14 @@
       "codeName": "KbxOperationCenter",
       "figmaName": "KBX/Business/KbxOperationCenter",
       "category": "business",
-      "version": "1.0.0",
+      "version": "1.1.0",
       "designRequired": false,
-      "designStatus": "code-only",
+      "designStatus": "cataloged",
       "variants": {
         "state": [
-          "default"
+          "default",
+          "keyboard",
+          "error"
         ],
         "density": [
           "compact",
@@ -711,12 +737,14 @@
       "codeName": "KbxNotificationCenter",
       "figmaName": "KBX/Business/KbxNotificationCenter",
       "category": "business",
-      "version": "1.0.0",
+      "version": "1.1.0",
       "designRequired": false,
-      "designStatus": "code-only",
+      "designStatus": "cataloged",
       "variants": {
         "state": [
-          "default"
+          "default",
+          "keyboard",
+          "error"
         ],
         "density": [
           "compact",
@@ -764,7 +792,7 @@
       "codeName": "KbxGlobalHeader",
       "figmaName": "KBX/Shell/KbxGlobalHeader",
       "category": "shell",
-      "version": "1.3.0",
+      "version": "1.4.0",
       "designRequired": false,
       "designStatus": "code-only",
       "variants": {
@@ -781,7 +809,7 @@
       "codeName": "KbxSideNavigation",
       "figmaName": "KBX/Shell/KbxSideNavigation",
       "category": "shell",
-      "version": "1.3.0",
+      "version": "1.3.1",
       "designRequired": false,
       "designStatus": "code-only",
       "variants": {
@@ -798,12 +826,14 @@
       "codeName": "KbxWorkspaceTabs",
       "figmaName": "KBX/Shell/KbxWorkspaceTabs",
       "category": "shell",
-      "version": "1.2.0",
+      "version": "1.3.0",
       "designRequired": false,
-      "designStatus": "code-only",
+      "designStatus": "cataloged",
       "variants": {
         "state": [
-          "default"
+          "default",
+          "warning",
+          "keyboard"
         ],
         "density": [
           "compact",
@@ -832,7 +862,7 @@
       "codeName": "KbxApplicationShell",
       "figmaName": "KBX/Shell/KbxApplicationShell",
       "category": "shell",
-      "version": "1.5.0",
+      "version": "1.6.0",
       "designRequired": false,
       "designStatus": "cataloged",
       "variants": {
@@ -850,7 +880,7 @@
       "codeName": "KbxUnsavedChangesDialog",
       "figmaName": "KBX/Shell/KbxUnsavedChangesDialog",
       "category": "shell",
-      "version": "1.0.0",
+      "version": "1.1.0",
       "designRequired": false,
       "designStatus": "code-only",
       "variants": {
@@ -1159,7 +1189,7 @@
       "codeName": "KbxFastEntryPage",
       "figmaName": "KBX/Template/KbxFastEntryPage",
       "category": "template",
-      "version": "1.7.0",
+      "version": "1.9.0",
       "designRequired": false,
       "designStatus": "code-only",
       "variants": {
@@ -1176,12 +1206,13 @@
       "codeName": "KbxQueuePage",
       "figmaName": "KBX/Template/KbxQueuePage",
       "category": "template",
-      "version": "1.6.0",
+      "version": "1.9.0",
       "designRequired": true,
       "designStatus": "cataloged",
       "variants": {
         "state": [
-          "default"
+          "default",
+          "error"
         ],
         "density": [
           "compact",
@@ -1418,7 +1449,7 @@
       "codeName": "KbxDataState",
       "figmaName": "KBX/Business/KbxDataState",
       "category": "business",
-      "version": "1.1.0",
+      "version": "1.1.1",
       "designRequired": false,
       "designStatus": "cataloged",
       "variants": {
@@ -1426,7 +1457,8 @@
           "idle",
           "loading",
           "empty",
-          "error"
+          "error",
+          "default"
         ],
         "density": [
           "compact",
@@ -1438,7 +1470,7 @@
       "codeName": "KbxTemplateStateBoundary",
       "figmaName": "KBX/Business/KbxTemplateStateBoundary",
       "category": "business",
-      "version": "1.1.0",
+      "version": "1.3.0",
       "designRequired": false,
       "designStatus": "cataloged",
       "variants": {
@@ -1446,6 +1478,7 @@
           "idle",
           "ready",
           "refreshing",
+          "empty",
           "error"
         ],
         "density": [
@@ -1475,7 +1508,7 @@
       "codeName": "KbxHomePage",
       "figmaName": "KBX/Shell/KbxHomePage",
       "category": "shell",
-      "version": "1.7.0",
+      "version": "1.10.0",
       "designRequired": false,
       "designStatus": "cataloged",
       "variants": {
diff --git a/docs/Design/kbx-foundation-v36/design/figma/variables.contract.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/design/figma/variables.contract.json
similarity index 82%
rename from docs/Design/kbx-foundation-v36/design/figma/variables.contract.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/design/figma/variables.contract.json
index 7aca00e1..395256e0 100644
--- a/docs/Design/kbx-foundation-v36/design/figma/variables.contract.json
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/design/figma/variables.contract.json
@@ -1,6 +1,6 @@
 {
   "schemaVersion": "1.0",
-  "tokenVersion": "1.8.0",
+  "tokenVersion": "1.10.0",
   "collections": {
     "KBX Primitive": [
       {
@@ -311,6 +311,54 @@
         "value": "rgba(16, 24, 40, .38)",
         "description": ""
       },
+      {
+        "name": "semantic.surface.workspace",
+        "type": "color",
+        "value": "#f5f7fa",
+        "description": "업무 Workspace 배경. 카드 장식이 아니라 작업면 분리를 위한 저채도 surface."
+      },
+      {
+        "name": "semantic.surface.shellChrome",
+        "type": "color",
+        "value": "#ffffff",
+        "description": "Global Header/Page Header/Command chrome surface."
+      },
+      {
+        "name": "semantic.surface.navigation",
+        "type": "color",
+        "value": "#fbfcfe",
+        "description": "Side navigation 전용 surface."
+      },
+      {
+        "name": "semantic.surface.sectionHeading",
+        "type": "color",
+        "value": "#f7f9fc",
+        "description": "업무 Section heading/step surface."
+      },
+      {
+        "name": "semantic.module.accent",
+        "type": "color",
+        "value": "{color.blue.600}",
+        "description": "현재 모듈 식별용 accent. 상태/위험 의미로 사용 금지."
+      },
+      {
+        "name": "semantic.module.accentSurface",
+        "type": "color",
+        "value": "#eff8ff",
+        "description": "모듈 식별용 저채도 surface. 업무 상태 색상과 분리."
+      },
+      {
+        "name": "semantic.module.accentBorder",
+        "type": "color",
+        "value": "#b2ddff",
+        "description": "모듈 식별용 border."
+      },
+      {
+        "name": "semantic.shadow.shell",
+        "type": "shadow",
+        "value": "0 1px 2px rgba(16,24,40,.05)",
+        "description": "업무 chrome/work surface의 최소 계층 shadow."
+      },
       {
         "name": "semantic.status.infoSurface",
         "type": "color",
@@ -619,7 +667,7 @@
       {
         "name": "component.home.maxWidth",
         "type": "dimension",
-        "value": "1180px",
+        "value": "1280px",
         "description": "",
         "modes": {}
       },
@@ -1023,5 +1071,105 @@
         "modes": {}
       }
     ]
+  },
+  "themes": {
+    "light": {
+      "label": "KBX Business Light",
+      "colorScheme": "light",
+      "overrides": {}
+    },
+    "dark": {
+      "label": "KBX Business Dark",
+      "colorScheme": "dark",
+      "overrides": {
+        "semantic.surface.default": "#111827",
+        "semantic.surface.muted": "#0b1220",
+        "semantic.surface.subtle": "#172033",
+        "semantic.surface.hover": "#182943",
+        "semantic.text.default": "#e5e7eb",
+        "semantic.text.muted": "#94a3b8",
+        "semantic.border.default": "#334155",
+        "semantic.border.strong": "#64748b",
+        "semantic.action.primary": "#60a5fa",
+        "semantic.status.success": "#34d399",
+        "semantic.status.warning": "#fbbf24",
+        "semantic.status.danger": "#fb7185",
+        "semantic.focus": "#93c5fd",
+        "semantic.overlay": "rgba(2, 6, 23, .68)",
+        "semantic.status.infoSurface": "#102a43",
+        "semantic.status.infoBorder": "#285b8f",
+        "semantic.status.successSurface": "#062e24",
+        "semantic.status.successBorder": "#166534",
+        "semantic.status.warningSurface": "#33270b",
+        "semantic.status.warningBorder": "#854d0e",
+        "semantic.status.warningText": "#fcd34d",
+        "semantic.status.dangerSurface": "#3b1118",
+        "semantic.status.dangerBorder": "#9f1239",
+        "semantic.state.changedSurface": "#102a43",
+        "semantic.state.changedBorder": "#3b82f6",
+        "semantic.state.aiSurface": "#241b45",
+        "semantic.state.aiBorder": "#6d5bd0",
+        "semantic.state.aiText": "#c4b5fd",
+        "semantic.shadow.overlay": "0 18px 48px rgba(0,0,0,.42)",
+        "semantic.surface.workspace": "#0a1020",
+        "semantic.surface.shellChrome": "#111827",
+        "semantic.surface.navigation": "#0d1524",
+        "semantic.surface.sectionHeading": "#151f31",
+        "semantic.module.accent": "#84adff",
+        "semantic.module.accentSurface": "#102a43",
+        "semantic.module.accentBorder": "#285b8f",
+        "semantic.shadow.shell": "0 1px 2px rgba(0,0,0,.42)"
+      }
+    }
+  },
+  "moduleThemes": {
+    "OMS": {
+      "light": {
+        "semantic.module.accent": "#175cd3",
+        "semantic.module.accentSurface": "#eff8ff",
+        "semantic.module.accentBorder": "#b2ddff"
+      },
+      "dark": {
+        "semantic.module.accent": "#84adff",
+        "semantic.module.accentSurface": "#102a43",
+        "semantic.module.accentBorder": "#285b8f"
+      }
+    },
+    "ERP": {
+      "light": {
+        "semantic.module.accent": "#6938ef",
+        "semantic.module.accentSurface": "#f4f3ff",
+        "semantic.module.accentBorder": "#d9d6fe"
+      },
+      "dark": {
+        "semantic.module.accent": "#b9a2ff",
+        "semantic.module.accentSurface": "#241b45",
+        "semantic.module.accentBorder": "#6d5bd0"
+      }
+    },
+    "WMS": {
+      "light": {
+        "semantic.module.accent": "#087e8b",
+        "semantic.module.accentSurface": "#ecfdff",
+        "semantic.module.accentBorder": "#a5f0fc"
+      },
+      "dark": {
+        "semantic.module.accent": "#63c5da",
+        "semantic.module.accentSurface": "#0d2f36",
+        "semantic.module.accentBorder": "#1f6672"
+      }
+    },
+    "COMMON": {
+      "light": {
+        "semantic.module.accent": "#475467",
+        "semantic.module.accentSurface": "#f2f4f7",
+        "semantic.module.accentBorder": "#d0d5dd"
+      },
+      "dark": {
+        "semantic.module.accent": "#b3b8c4",
+        "semantic.module.accentSurface": "#172033",
+        "semantic.module.accentBorder": "#475467"
+      }
+    }
   }
 }
diff --git a/docs/Design/kbx-foundation-v36/docs/api-contract-governance-v14.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/api-contract-governance-v14.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/api-contract-governance-v14.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/api-contract-governance-v14.md
diff --git a/docs/Design/kbx-foundation-v36/docs/api-drift-findings-v14.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/api-drift-findings-v14.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/api-drift-findings-v14.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/api-drift-findings-v14.md
diff --git a/docs/Design/kbx-foundation-v36/docs/api-field-contract-v13.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/api-field-contract-v13.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/api-field-contract-v13.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/api-field-contract-v13.md
diff --git a/docs/Design/kbx-foundation-v36/docs/application-shell-v10.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/application-shell-v10.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/application-shell-v10.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/application-shell-v10.md
diff --git a/docs/Design/kbx-foundation-v36/docs/architecture-guardrails.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/architecture-guardrails.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/architecture-guardrails.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/architecture-guardrails.md
diff --git a/docs/Design/kbx-foundation-v36/docs/authorization-sensitive-data-v15.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/authorization-sensitive-data-v15.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/authorization-sensitive-data-v15.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/authorization-sensitive-data-v15.md
diff --git a/docs/Design/kbx-foundation-v36/docs/backend-integration.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/backend-integration.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/backend-integration.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/backend-integration.md
diff --git a/docs/Design/kbx-foundation-v36/docs/component-catalog-acceptance-v11.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/component-catalog-acceptance-v11.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/component-catalog-acceptance-v11.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/component-catalog-acceptance-v11.md
diff --git a/docs/Design/kbx-foundation-v36/docs/component-interaction-contract-v24.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/component-interaction-contract-v24.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/component-interaction-contract-v24.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/component-interaction-contract-v24.md
diff --git a/docs/Design/kbx-foundation-v36/docs/component-versioning-v11.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/component-versioning-v11.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/component-versioning-v11.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/component-versioning-v11.md
diff --git a/docs/Design/kbx-foundation-v36/docs/configuration-governance-v22.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/configuration-governance-v22.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/configuration-governance-v22.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/configuration-governance-v22.md
diff --git a/docs/Design/kbx-foundation-v36/docs/configuration-reference.generated.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/configuration-reference.generated.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/configuration-reference.generated.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/configuration-reference.generated.md
diff --git a/docs/Design/kbx-foundation-v36/docs/core-component-recovery-home-navigation-v34.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/core-component-recovery-home-navigation-v34.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/core-component-recovery-home-navigation-v34.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/core-component-recovery-home-navigation-v34.md
diff --git a/docs/Design/kbx-foundation-v36/docs/deployment-runbook-v22.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/deployment-runbook-v22.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/deployment-runbook-v22.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/deployment-runbook-v22.md
diff --git a/docs/Design/kbx-foundation-v36/docs/design-code-parity-v12.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/design-code-parity-v12.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/design-code-parity-v12.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/design-code-parity-v12.md
diff --git a/docs/Design/kbx-foundation-v36/docs/design-token-policy-v4.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/design-token-policy-v4.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/design-token-policy-v4.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/design-token-policy-v4.md
diff --git a/docs/Design/kbx-foundation-v36/docs/environment-promotion-checklist-v22.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/environment-promotion-checklist-v22.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/environment-promotion-checklist-v22.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/environment-promotion-checklist-v22.md
diff --git a/docs/Design/kbx-foundation-v36/docs/erp-reference-screens-v4.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/erp-reference-screens-v4.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/erp-reference-screens-v4.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/erp-reference-screens-v4.md
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v41-artifact-hashes.sha256 b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v41-artifact-hashes.sha256
new file mode 100644
index 00000000..80fd4395
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v41-artifact-hashes.sha256
@@ -0,0 +1,5 @@
+bcbd97987501eb95efd3c2e3165e8d9116552f9773854f8df5a3a82b3ace2bea  package.json
+b384f21d0ff924a4f477698e1b7a33ce913035523c6a1df62d3139f87c53ddd3  README.md
+634d91bf127ca7c36d0344f2c6c559d05e9aef6559ea9ec5399f3b58c62fb1c7  docs/frontend/KBX-FE-QA-Hardening-v41.md
+0a7476d469585409cf54994d7d8cc84d650dc1b36ee0f3200485366b495ef61e  docs/validation-report-v41.md
+9311fea9260d0fdbc6d538006b387082b5841b46610835e7227656225161e932  docs/evidence/v41-golden-fe-parity.json
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v41-design-debt-gate.txt b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v41-design-debt-gate.txt
new file mode 100644
index 00000000..47b515c6
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v41-design-debt-gate.txt
@@ -0,0 +1 @@
+design debt ratchet PASS: 131 <= 131
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v41-golden-fe-parity-gate.txt b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v41-golden-fe-parity-gate.txt
new file mode 100644
index 00000000..377537c7
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v41-golden-fe-parity-gate.txt
@@ -0,0 +1 @@
+Golden FE parity v41 PASS: controlled AG Grid selection, detail Drawer context, Lookup focus continuation, and dirty intra-screen transitions.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v41-golden-fe-parity.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v41-golden-fe-parity.json
new file mode 100644
index 00000000..c599aba8
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v41-golden-fe-parity.json
@@ -0,0 +1,49 @@
+{
+  "version": "v41",
+  "scope": "actual-vue-golden-screen-parity-hardening",
+  "generatedAt": "2026-08-11T18:05:00+09:00",
+  "validation": {
+    "typescriptVueScriptUnits": 300,
+    "screenRecipes": 9,
+    "recipeVerification": "9/9",
+    "screenDefinitions": 20,
+    "componentDefinitions": 84,
+    "componentCatalogEntries": 66,
+    "navigationEntries": 16,
+    "canonicalScenarios": 30,
+    "designTokens": 153,
+    "designDebt": 131,
+    "validateKbx": "PASS",
+    "goldenFeParityV41": "PASS"
+  },
+  "fixed": [
+    "OMS-ORD-001 order link no-op -> detail drawer",
+    "OMS-ORD-001 row double click -> detail drawer context preservation",
+    "KbxDataGrid controlled selection synchronization",
+    "KbxDataGrid grid-scoped error navigation",
+    "KbxLookup direct-code/dialog selection focus continuation",
+    "KbxUnsavedChangesDialog focus trap/Escape/focus restore",
+    "ERP-MST-ITEM-001 dirty master transition guard",
+    "OMS-ORD-002 item lookup next-cell focus and dirty new/copy guard",
+    "Removed visible no-op OMS hold command",
+    "Side navigation favorite accessible names"
+  ],
+  "remaining": [
+    {
+      "severity": "P1",
+      "item": "Excel standard is incomplete; OMS list currently uses current-page CSV export, not the full KBX Excel contract."
+    },
+    {
+      "severity": "P1",
+      "item": "Actual Vue/PrimeVue/AG Grid runtime Playwright and visual regression not executed because dependencies are not installed in this artifact."
+    },
+    {
+      "severity": "P2",
+      "item": "Legacy source-string validators should be migrated to semantic/AST checks."
+    }
+  ],
+  "runtimeE2E": {
+    "status": "NOT_EXECUTED",
+    "reason": "No node_modules and no pnpm executable in execution container; static/full governance gates only."
+  }
+}
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v41-typescript-syntax-gate.txt b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v41-typescript-syntax-gate.txt
new file mode 100644
index 00000000..aaa18aba
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v41-typescript-syntax-gate.txt
@@ -0,0 +1 @@
+TypeScript syntax transpile passed for 300 TS/Vue script units.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v44-browser-matrix.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v44-browser-matrix.json
new file mode 100644
index 00000000..a85a9db2
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v44-browser-matrix.json
@@ -0,0 +1,148 @@
+{
+  "version": "v44",
+  "scope": "T01-T09 Light/Dark + T01 empty recovery + runtime center + 1280 + Forced Colors",
+  "passed": 28,
+  "total": 28,
+  "results": [
+    {
+      "name": "OMS-ORD-001 light template",
+      "pass": true,
+      "detail": "T01"
+    },
+    {
+      "name": "ERP-MST-ITEM-001 light template",
+      "pass": true,
+      "detail": "T02"
+    },
+    {
+      "name": "OMS-ORD-002 light template",
+      "pass": true,
+      "detail": "T03"
+    },
+    {
+      "name": "ERP-PRICE-001 light template",
+      "pass": true,
+      "detail": "T04"
+    },
+    {
+      "name": "ERP-INV-001 light template",
+      "pass": true,
+      "detail": "T05"
+    },
+    {
+      "name": "WMS-WORK-001 light template",
+      "pass": true,
+      "detail": "T06"
+    },
+    {
+      "name": "COMMON-REC-001 light template",
+      "pass": true,
+      "detail": "T07"
+    },
+    {
+      "name": "OMS-ORD-003 light template",
+      "pass": true,
+      "detail": "T08"
+    },
+    {
+      "name": "WMS-PICK-001 light template",
+      "pass": true,
+      "detail": "wms-mobile"
+    },
+    {
+      "name": "dark mode retained",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "OMS-ORD-001 dark template",
+      "pass": true,
+      "detail": "T01"
+    },
+    {
+      "name": "ERP-MST-ITEM-001 dark template",
+      "pass": true,
+      "detail": "T02"
+    },
+    {
+      "name": "OMS-ORD-002 dark template",
+      "pass": true,
+      "detail": "T03"
+    },
+    {
+      "name": "ERP-PRICE-001 dark template",
+      "pass": true,
+      "detail": "T04"
+    },
+    {
+      "name": "ERP-INV-001 dark template",
+      "pass": true,
+      "detail": "T05"
+    },
+    {
+      "name": "WMS-WORK-001 dark template",
+      "pass": true,
+      "detail": "T06"
+    },
+    {
+      "name": "COMMON-REC-001 dark template",
+      "pass": true,
+      "detail": "T07"
+    },
+    {
+      "name": "OMS-ORD-003 dark template",
+      "pass": true,
+      "detail": "T08"
+    },
+    {
+      "name": "WMS-PICK-001 dark template",
+      "pass": true,
+      "detail": "wms-mobile"
+    },
+    {
+      "name": "T01 empty state visible",
+      "pass": true,
+      "detail": "현재 필터에 해당하는 주문이 없습니다.\n다른 빠른 필터를 선택해 보세요."
+    },
+    {
+      "name": "T01 reset restores rows",
+      "pass": true,
+      "detail": "8"
+    },
+    {
+      "name": "runtime center aria expanded",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "runtime center focused",
+      "pass": true,
+      "detail": "systemPanel"
+    },
+    {
+      "name": "runtime center focus restored",
+      "pass": true,
+      "detail": "jobsButton"
+    },
+    {
+      "name": "1280 document horizontal overflow zero",
+      "pass": true,
+      "detail": "0"
+    },
+    {
+      "name": "forced colors active",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "forced colors T01 remains visible",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "runtime errors zero",
+      "pass": true,
+      "detail": ""
+    }
+  ]
+}
\ No newline at end of file
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v44-fe-state-evidence.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v44-fe-state-evidence.json
new file mode 100644
index 00000000..af5a69fa
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v44-fe-state-evidence.json
@@ -0,0 +1,50 @@
+{
+  "iteration": 44,
+  "scope": "theme state, runtime center navigation, empty recovery, forced colors",
+  "release": {
+    "contractVersion": "1.25.0",
+    "mode": "fe-theme-state-runtime-panel-forced-colors-hardening"
+  },
+  "changes": [
+    "Actual AppVersion aligned to v44",
+    "Non-modal operations/notifications runtime panel with aria-expanded, Escape and focus restoration",
+    "Menu search closes runtime panel from Ctrl+K, Header and Home entry paths",
+    "T01 empty state exposes one-step search reset and immediate re-query",
+    "Forced Colors system-color bridge for KBX semantic theme",
+    "Reference HTML/JS system center aligned with actual Vue non-modal shell contract",
+    "Public component versions and catalog scenarios updated"
+  ],
+  "browserEvidence": {
+    "featureQa": "14/14 PASS",
+    "templateThemeMatrix": "28/28 PASS",
+    "t09": "wms-mobile Light/Dark PASS",
+    "forcedColors": "PASS",
+    "runtimeErrors": 0
+  },
+  "governance": {
+    "validateKbx": "PASS",
+    "tokens": 153,
+    "recipes": 9,
+    "recipeVerification": "9/9",
+    "screens": 20,
+    "components": 84,
+    "catalogEntries": 66,
+    "navigationEntries": 16,
+    "scenarios": 30,
+    "fields": 51,
+    "apiOperations": 66,
+    "typescriptVueUnits": 305,
+    "designDebt": 116,
+    "designDebtRatchet": 131
+  },
+  "liveVueRuntime": {
+    "executed": false,
+    "reason": "pnpm/workspace dependencies are not installed and package registry access is unavailable in this execution environment",
+    "notClaimed": [
+      "Vite live runtime",
+      "vue-tsc semantic typecheck",
+      "PrimeVue/AG Grid actual-runtime Playwright",
+      "screen-reader automation"
+    ]
+  }
+}
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v44-theme-state-browser.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v44-theme-state-browser.json
new file mode 100644
index 00000000..e6cc7c03
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v44-theme-state-browser.json
@@ -0,0 +1,78 @@
+{
+  "version": "v44",
+  "harness": "exact FE Reference HTML/CSS/JS via Playwright set_content; CSP static-tested separately",
+  "passed": 14,
+  "total": 14,
+  "results": [
+    {
+      "name": "home renders",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "default light",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "jobs panel opens",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "jobs trigger expanded",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "jobs panel receives focus",
+      "pass": true,
+      "detail": "systemPanel"
+    },
+    {
+      "name": "runtime panel is non-modal",
+      "pass": true,
+      "detail": "None"
+    },
+    {
+      "name": "Esc closes runtime panel",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "Esc restores trigger focus",
+      "pass": true,
+      "detail": "jobsButton"
+    },
+    {
+      "name": "dark applied",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "dark aria action",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T01 opens",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "forced colors active",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "forced colors semantic override",
+      "pass": true,
+      "detail": "LinkText"
+    },
+    {
+      "name": "runtime errors zero",
+      "pass": true,
+      "detail": ""
+    }
+  ]
+}
\ No newline at end of file
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v45-browser-preference-theme.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v45-browser-preference-theme.json
new file mode 100644
index 00000000..26f3da53
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v45-browser-preference-theme.json
@@ -0,0 +1,78 @@
+{
+  "version": "v45",
+  "total": 14,
+  "passed": 14,
+  "failed": 0,
+  "checks": [
+    {
+      "name": "home-default",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "t01-open",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "remember-enabled",
+      "pass": true,
+      "detail": "{'favorites': ['OMS-ORD-001', 'ERP-INV-001', 'WMS-WORK-001'], 'density': 'compact', 'collapsed': False, 'theme': 'light', 'orderRememberSearch': True, 'orderSavedDefaults': {'channel': '쿠팡', 'status': '출고대기', 'exception': 'all'}}"
+    },
+    {
+      "name": "safe-channel-saved",
+      "pass": true,
+      "detail": "{'channel': '쿠팡', 'status': '출고대기', 'exception': 'all'}"
+    },
+    {
+      "name": "safe-status-saved",
+      "pass": true,
+      "detail": "{'channel': '쿠팡', 'status': '출고대기', 'exception': 'all'}"
+    },
+    {
+      "name": "free-text-not-persisted",
+      "pass": true,
+      "detail": "{\"favorites\":[\"OMS-ORD-001\",\"ERP-INV-001\",\"WMS-WORK-001\"],\"density\":\"compact\",\"collapsed\":false,\"theme\":\"light\",\"orderRememberSearch\":true,\"orderSavedDefaults\":{\"channel\":\"쿠팡\",\"status\":\"출고대기\",\"exception\":\"all\"}}"
+    },
+    {
+      "name": "dark-theme",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "restored-channel",
+      "pass": true,
+      "detail": "쿠팡"
+    },
+    {
+      "name": "restored-status",
+      "pass": true,
+      "detail": "출고대기"
+    },
+    {
+      "name": "restored-remember",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "keyword-cleared-on-restore",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "theme-restored",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "home-1280-no-document-overflow",
+      "pass": true,
+      "detail": "0"
+    },
+    {
+      "name": "runtime-errors-zero",
+      "pass": true,
+      "detail": "[]"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v46-browser-resume-theme.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v46-browser-resume-theme.json
new file mode 100644
index 00000000..8a263004
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v46-browser-resume-theme.json
@@ -0,0 +1,109 @@
+{
+  "version": "v46",
+  "scope": "Reference HTML/CSS/JavaScript using in-memory Web Storage shim because direct-origin navigation is administrator-blocked",
+  "checks": [
+    {
+      "name": "initial home renders",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "dark theme applied",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "dirty tab marked",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "clean tab persisted to session",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "dirty tab excluded from session",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "dirty exclusion count persisted",
+      "pass": true,
+      "detail": "1"
+    },
+    {
+      "name": "dirty form value not persisted",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "first document runtime error free",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "theme preference restored",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "clean workspace restored with resumed marker",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "dirty workspace not restored",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "home workspace has keyboard entry tab",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "home explains dirty non-restoration",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "home quick-start distinguishes resumed work",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "resume marker clears after activation",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "restored document runtime error free",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "storage-blocked shell still renders",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "storage-blocked runtime error free",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "1280 home has no document horizontal overflow",
+      "pass": true,
+      "detail": "0"
+    },
+    {
+      "name": "1280 runtime error free",
+      "pass": true,
+      "detail": ""
+    }
+  ],
+  "passed": 20,
+  "total": 20,
+  "allPassed": true
+}
\ No newline at end of file
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v47-browser-problem-theme.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v47-browser-problem-theme.json
new file mode 100644
index 00000000..c824d0fe
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v47-browser-problem-theme.json
@@ -0,0 +1,68 @@
+{
+  "version": "v47",
+  "suite": "FE Reference actionable problem + theme",
+  "passed": 12,
+  "total": 12,
+  "checks": [
+    {
+      "name": "home rendered",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "dark theme active",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "T01 opened",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "exception row selected",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "business problem visible",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "problem has recovery action",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "problem uses color independent label",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "recovery action dismisses problem",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "blocked order remains selected",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "dismiss closes problem",
+      "pass": true,
+      "detail": ""
+    },
+    {
+      "name": "1280 document overflow",
+      "pass": true,
+      "detail": "0"
+    },
+    {
+      "name": "runtime page errors",
+      "pass": true,
+      "detail": ""
+    }
+  ]
+}
\ No newline at end of file
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v47-fe-problem-evidence.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v47-fe-problem-evidence.json
new file mode 100644
index 00000000..ef4a601c
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v47-fe-problem-evidence.json
@@ -0,0 +1,41 @@
+{
+  "foundationIteration": 47,
+  "contractVersion": "1.28.0",
+  "focus": "actionable command problem recovery without increasing BE coupling",
+  "problemTypes": ["business-rule", "permission", "not-found", "integration", "system"],
+  "specializedElsewhere": ["validation", "conflict"],
+  "components": {
+    "KbxProblemFeedback": "1.0.0",
+    "KbxListPage": "1.8.0",
+    "KbxMasterPage": "1.7.0",
+    "KbxTransactionPage": "1.7.0"
+  },
+  "goldenScreens": [
+    "OMS-ORD-001 bulk ship",
+    "OMS-ORD-002 save/confirm",
+    "ERP-MST-ITEM-001 load/save/deactivate"
+  ],
+  "security": {
+    "serverProblemActions": "default-deny; explicit allow-list only",
+    "rawHtml": false,
+    "domainTruth": "server-owned"
+  },
+  "browserReference": {
+    "passed": 12,
+    "total": 12,
+    "theme": "KBX Business Dark",
+    "viewportChecks": ["1440x900", "1280x720"],
+    "runtimeErrors": 0
+  },
+  "aggregate": {
+    "designTokens": 153,
+    "screenRecipes": 9,
+    "screenDefinitions": 20,
+    "components": 85,
+    "catalogEntries": 70,
+    "tsVueUnits": 307,
+    "designDebt": 116,
+    "designDebtRatchet": 131
+  },
+  "limitation": "Live Vite/Vue/PrimeVue/AG Grid E2E was not executed because dependency installation/package registry access is unavailable in this environment."
+}
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v48-browser-template-completion.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v48-browser-template-completion.json
new file mode 100644
index 00000000..c9c88a04
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v48-browser-template-completion.json
@@ -0,0 +1,163 @@
+{
+  "iteration": 48,
+  "scope": "Reference T05-T08 real search/file completion loops with KBX Business Dark theme",
+  "browser": "Chromium inline-asset harness",
+  "checks": [
+    {
+      "name": "home boots",
+      "status": "PASS",
+      "detail": "홈"
+    },
+    {
+      "name": "dark theme applies",
+      "status": "PASS",
+      "detail": ""
+    },
+    {
+      "name": "T05 opens",
+      "status": "PASS",
+      "detail": ""
+    },
+    {
+      "name": "T05 enters loading",
+      "status": "PASS",
+      "detail": ""
+    },
+    {
+      "name": "T05 search filters master",
+      "status": "PASS",
+      "detail": "ERP > 재고\n재고현황\nT05\n★\n도움말\nAI\n제안\n조회 F3\n재고이동\n엑셀 ▼\n창고\n전체\n서울센터\n부산센터\n인천센터\n품목\n조회\n현재 조회\n품목 1개\n창고 전체\n조건 초기화\n품목\n현재고\n재고 품목 목록\n품목코드\t품목명\t현재고\nABC002\t양말\t721\n창고 / Location\nABC002 양말 · 721개\n품목별 창고 로케이션 재고\n창고\tLocation\t현재고\t할당\t보류\n서울센터\tA-02-01\t421\t50\t0\n부산센터\tB-02"
+    },
+    {
+      "name": "T05 empty state actionable",
+      "status": "PASS",
+      "detail": ""
+    },
+    {
+      "name": "T05 empty recovery resets",
+      "status": "PASS",
+      "detail": ""
+    },
+    {
+      "name": "T06 opens",
+      "status": "PASS",
+      "detail": ""
+    },
+    {
+      "name": "T06 enters loading",
+      "status": "PASS",
+      "detail": ""
+    },
+    {
+      "name": "T06 worker filter changes rows",
+      "status": "PASS",
+      "detail": "WMS > 작업관리\n오늘 물류작업\nT06\n★\n도움말\nAI\n제안\n조회 F3\n작업자 배정\nWave 생성\n예외만 보기\n작업자\n통합검색\n조회\n입고대기\n218\n적치대기\n43\n피킹대기\n927\n검수대기\n122\n예외\n12\n지금 처리할 업무\n표시 1건\n선택 0건\n지연 1건\n빠른필터 해제\n물류 작업 대기열\n\t작업번호\t작업유형\tWave\t작업자\t진행률\tSLA\t상태\n\tWK-260811-182\t검수\tW260811-11\t박물류\t91%\t16:55\t지연"
+    },
+    {
+      "name": "T06 empty state actionable",
+      "status": "PASS",
+      "detail": ""
+    },
+    {
+      "name": "T06 recovery restores queue",
+      "status": "PASS",
+      "detail": ""
+    },
+    {
+      "name": "T07 opens",
+      "status": "PASS",
+      "detail": ""
+    },
+    {
+      "name": "T07 enters loading",
+      "status": "PASS",
+      "detail": ""
+    },
+    {
+      "name": "T07 reason filter narrows rows",
+      "status": "PASS",
+      "detail": "COMMON > 운영\n재고·출고 대사\nT07\n☆\n도움말\nAI\n제안\n조회 F3\n재처리\n엑셀 ▼\n기준일\n통합검색\n불일치만 표시\n조회\n전체 12,482\n정상 12,439\n불일치 43\n표시 1\n선택 0\nOMS WMS 재고 출고 대사\n\t주문번호\tOMS\tWMS\t차이\t원인\t처리상태\n\tORD-003\t5\t0\t-5\t연계실패\t미처리"
+    },
+    {
+      "name": "T07 has selectable mismatch",
+      "status": "PASS",
+      "detail": ""
+    },
+    {
+      "name": "T07 resolution mutates reference state",
+      "status": "PASS",
+      "detail": "COMMON > 운영\n재고·출고 대사\nT07\n☆\n도움말\nAI\n제안\n조회 F3\n재처리\n엑셀 ▼\n기준일\n통합검색\n불일치만 표시\n조회\n전체 12,482\n정상 12,439\n불일치 43\n표시 0\n선택 0\n조건에 맞는 대사 건이 없습니다.\n불일치 필터 또는 검색어를 초기화해 보세요.\n다시 조회"
+    },
+    {
+      "name": "T08 opens",
+      "status": "PASS",
+      "detail": ""
+    },
+    {
+      "name": "T08 six visual steps",
+      "status": "PASS",
+      "detail": "6"
+    },
+    {
+      "name": "T08 actual file input exists",
+      "status": "PASS",
+      "detail": ""
+    },
+    {
+      "name": "T08 reads actual File name",
+      "status": "PASS",
+      "detail": "OMS > 주문\n주문 Excel 업로드\nT08\n☆\n도움말\nAI\n제안\n양식 다운로드\n최근 업로드 결과\n1\n파일\n2\n매핑\n3\n검증\n4\n미리보기\n5\n반영\n6\n결과\norders-v48.xlsx\n\n0.00MB · 파일 선택 완료 · 다음 단계에서 필드 매핑을 확인합니다.\n\n파일 다시 선택 업로드 양식 다운로드\n다음"
+    },
+    {
+      "name": "T08 next enabled after file",
+      "status": "PASS",
+      "detail": ""
+    },
+    {
+      "name": "T08 rejects non Excel extension",
+      "status": "PASS",
+      "detail": ""
+    },
+    {
+      "name": "T08 mapping step",
+      "status": "PASS",
+      "detail": ""
+    },
+    {
+      "name": "T08 validation step",
+      "status": "PASS",
+      "detail": ""
+    },
+    {
+      "name": "T08 preview step",
+      "status": "PASS",
+      "detail": ""
+    },
+    {
+      "name": "T08 commit step",
+      "status": "PASS",
+      "detail": ""
+    },
+    {
+      "name": "1280 document horizontal overflow zero",
+      "status": "PASS",
+      "detail": "0"
+    },
+    {
+      "name": "runtime page errors zero",
+      "status": "PASS",
+      "detail": "[]"
+    },
+    {
+      "name": "console errors zero",
+      "status": "PASS",
+      "detail": "[]"
+    }
+  ],
+  "passed": 30,
+  "failed": 0,
+  "limitations": [
+    "CSP meta removed only for inline-asset harness; CSP is verified by static governance gates.",
+    "This is not Vite/Vue/PrimeVue/AG Grid live-runtime E2E."
+  ]
+}
\ No newline at end of file
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v48-fe-template-completion.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v48-fe-template-completion.json
new file mode 100644
index 00000000..e3b926f1
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v48-fe-template-completion.json
@@ -0,0 +1,38 @@
+{
+  "iteration": 48,
+  "scope": "T04-T08 actionable problem recovery + T05-T08 real Reference completion loops",
+  "actualVue": {
+    "T04": "ERP item-price fast entry save problems preserve validation/grid context and expose retry/dismiss.",
+    "T06": "Operations queue claim/resolve/retry problems preserve queue and selection context.",
+    "T07": "Reconcile exception command problems preserve reconcile filter/selection context.",
+    "T08": "Order Excel upload/mapping/validation/commit/download problems use shared actionable problem recovery."
+  },
+  "templates": [
+    "KbxFastEntryPage",
+    "KbxMasterDetailPage",
+    "KbxQueuePage",
+    "KbxWorkQueuePage",
+    "KbxReconcilePage",
+    "KbxImportPage"
+  ],
+  "problemComponent": {
+    "name": "KbxProblemFeedback",
+    "version": "1.1.0",
+    "validationSummary": "first 3 messages + remaining count; field/cell validation remains authoritative"
+  },
+  "reference": {
+    "T05": "real warehouse/item filtering + loading + empty reset + master-detail context",
+    "T06": "real worker/keyword/quick-filter query + loading + empty recovery + selection actions",
+    "T07": "real date/keyword/mismatch filter + loading + empty recovery + resolution mutation",
+    "T08": "actual browser File input/drop + extension/20MB guard + six visual steps"
+  },
+  "securityBoundaries": [
+    "Problem UI does not grant permission or bypass server/domain validation.",
+    "Reference File handling validates presentation constraints only; import staging/domain validation remains server-owned.",
+    "No dynamic v-html/HTML injection was added."
+  ],
+  "liveRuntimeEvidence": {
+    "executed": false,
+    "reason": "Workspace package dependencies are not installed and package registry access is restricted in this environment; actual Vue/Vite/PrimeVue/AG Grid runtime is not claimed."
+  }
+}
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v49-browser-workbench-theme.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v49-browser-workbench-theme.json
new file mode 100644
index 00000000..7f60a4da
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v49-browser-workbench-theme.json
@@ -0,0 +1,56 @@
+{
+  "passed": 10,
+  "total": 10,
+  "results": [
+    {
+      "name": "home-title",
+      "ok": true,
+      "detail": ""
+    },
+    {
+      "name": "home-attention-collapsed-count",
+      "ok": true,
+      "detail": "8"
+    },
+    {
+      "name": "home-attention-toggle-present",
+      "ok": true,
+      "detail": ""
+    },
+    {
+      "name": "home-attention-toggle-collapsed",
+      "ok": true,
+      "detail": ""
+    },
+    {
+      "name": "home-attention-expanded-count",
+      "ok": true,
+      "detail": "10"
+    },
+    {
+      "name": "home-attention-toggle-expanded",
+      "ok": true,
+      "detail": ""
+    },
+    {
+      "name": "home-attention-keyboard-collapse",
+      "ok": true,
+      "detail": ""
+    },
+    {
+      "name": "dark-theme-root",
+      "ok": true,
+      "detail": "dark"
+    },
+    {
+      "name": "home-1280-horizontal-overflow",
+      "ok": true,
+      "detail": "0"
+    },
+    {
+      "name": "runtime-errors-zero",
+      "ok": true,
+      "detail": ""
+    }
+  ]
+}
\ No newline at end of file
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v49-fe-workbench-wms.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v49-fe-workbench-wms.json
new file mode 100644
index 00000000..ac56d8ee
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v49-fe-workbench-wms.json
@@ -0,0 +1,29 @@
+{
+  "foundationIteration": 49,
+  "contractVersion": "1.30.0",
+  "focus": "FE Workbench/Home attention disclosure and truthful WMS Demo/Production boundaries",
+  "changes": {
+    "home": [
+      "Collapsed attention shows 8 items; explicit disclosure can expand up to 24",
+      "Attention source composition is visible without adding dashboard charts",
+      "Reference HTML/JavaScript mirrors the same disclosure contract"
+    ],
+    "t06": [
+      "KbxQueuePage exposes exact empty/error/retry copy and empty recovery action",
+      "WMS-WORK-001 returns filtered demo rows only in Demo Mode",
+      "Normal runtime throws WMS_WORK_QUERY_NOT_CONNECTED instead of returning a fake empty queue"
+    ],
+    "t09": [
+      "Receiving/putaway/counting client-only scanner scenarios are Demo-only",
+      "Normal runtime shows a non-dismissible WMS_EXECUTION_API_NOT_CONNECTED integration problem",
+      "Blocked production flows hide sticky actions",
+      "Hardcoded online state was replaced with useKbxNetworkState"
+    ]
+  },
+  "securityAndTruthBoundary": [
+    "Theme and Demo Mode do not grant domain authority",
+    "Client-only scanner transitions are not represented as production success",
+    "Server validation, idempotency and audit remain authoritative"
+  ],
+  "browserReferenceEvidence": "docs/evidence/v49-browser-workbench-theme.json"
+}
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v50-browser-operational-truth.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v50-browser-operational-truth.json
new file mode 100644
index 00000000..5bc73749
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v50-browser-operational-truth.json
@@ -0,0 +1,23 @@
+{
+  "checks": {
+    "home_title": true,
+    "attention_total_28": true,
+    "attention_visible_8": true,
+    "truthful_toggle_24": true,
+    "toggle_collapsed_aria": true,
+    "dark_theme": true,
+    "attention_visible_24": true,
+    "expanded_aria": true,
+    "overflow_centers": true,
+    "expanded_count_copy": true,
+    "jobs_panel_open": true,
+    "jobs_header_expanded": true,
+    "panel_escape_close": true,
+    "center_focus_restore": true,
+    "no_document_horizontal_overflow_1280": true,
+    "runtime_errors_zero": true
+  },
+  "passed": 16,
+  "total": 16,
+  "runtimeErrors": []
+}
\ No newline at end of file
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v50-fe-operational-truth.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v50-fe-operational-truth.json
new file mode 100644
index 00000000..a17a8850
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v50-fe-operational-truth.json
@@ -0,0 +1,39 @@
+{
+  "foundationIteration": 50,
+  "contractVersion": "1.31.0",
+  "focus": "FE operational truth: retryable vs non-retryable errors + bounded Home attention overflow navigation",
+  "components": {
+    "KbxTemplateStateBoundary": "1.3.0",
+    "KbxHomePage": "1.10.0",
+    "KbxListPage": "1.9.0",
+    "KbxMasterPage": "1.8.0",
+    "KbxTransactionPage": "1.8.0",
+    "KbxFastEntryPage": "1.9.0",
+    "KbxMasterDetailPage": "1.8.0",
+    "KbxQueuePage": "1.9.0",
+    "KbxWorkQueuePage": "1.6.0",
+    "KbxReconcilePage": "1.7.0",
+    "KbxImportPage": "1.6.0",
+    "KbxWmsMobilePage": "1.8.0"
+  },
+  "screenVersions": {
+    "WMS-WORK-001": "1.2.0"
+  },
+  "behavior": [
+    "all major T01-T09 template shells can suppress meaningless retry for permanent errors",
+    "WMS_WORK_QUERY_NOT_CONNECTED is non-retryable instead of presenting an endless retry loop",
+    "Home keeps 8-item default density and uses a truthful bounded 24-item expansion when the total is larger",
+    "remaining Home attention routes directly to Work Center or Notification Center",
+    "Reference HTML/JavaScript mirrors the same bounded disclosure and Light/Dark behavior"
+  ],
+  "browserReferenceEvidence": "docs/evidence/v50-browser-operational-truth.json",
+  "aggregateValidation": "docs/evidence/v50-validate-kbx.log",
+  "browserPass": "16/16",
+  "designDebt": 116,
+  "designDebtRatchet": 131,
+  "limitations": [
+    "package registry/workspace dependencies unavailable in this execution environment",
+    "no claim of live Vite/Vue/PrimeVue/AG Grid Playwright E2E",
+    "reference browser evidence uses the delivered HTML/CSS/JavaScript assets in an inline Chromium harness"
+  ]
+}
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v51-fe-presentation-validation.txt b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v51-fe-presentation-validation.txt
new file mode 100644
index 00000000..b5187cc4
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v51-fe-presentation-validation.txt
@@ -0,0 +1,20 @@
+KBX v51 FE Presentation Workbench Hardening - Validation Evidence
+
+Command:
+  node scripts/validate-kbx.mjs
+
+Result: PASS
+
+Selected evidence:
+- TypeScript syntax transpile passed for 308 TS/Vue script units.
+- Screen governance PASS (20 screens).
+- Template completeness PASS for 8 desktop templates + T09 mobile, Home, navigation, Golden Screens.
+- FE runtime v42 through FE operational truth v50 regression gates PASS.
+- FE presentation/workbench hardening v51 contract PASS.
+- design debt ratchet PASS: 116 <= 131.
+- design-code parity PASS: 161 tokens, 34 core components, 85 total components.
+- release governance PASS: major.
+
+Environment limitation:
+- pnpm is not installed and node_modules are not present, so Vite bundle build / Playwright runtime was not executed in this environment.
+- Chromium is installed, but the headless screenshot process did not terminate reliably in this container; no screenshot evidence is claimed.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v52-environment-limitations.txt b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v52-environment-limitations.txt
new file mode 100644
index 00000000..8948bd6c
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/evidence/v52-environment-limitations.txt
@@ -0,0 +1,6 @@
+v52 FE environment limitations
+- node available
+- pnpm unavailable
+- root node_modules unavailable
+- Chromium static screenshot attempt timed out in the container; screenshot not used as release evidence
+- Vite/Vitest/Playwright browser execution was therefore not claimed
diff --git a/docs/Design/kbx-foundation-v36/docs/excel-import-v5.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/excel-import-v5.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/excel-import-v5.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/excel-import-v5.md
diff --git a/docs/Design/kbx-foundation-v36/docs/executable-scenario-governance-v18.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/executable-scenario-governance-v18.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/executable-scenario-governance-v18.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/executable-scenario-governance-v18.md
diff --git a/docs/Design/kbx-foundation-v36/docs/experiment-rollout-playbook-v17.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/experiment-rollout-playbook-v17.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/experiment-rollout-playbook-v17.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/experiment-rollout-playbook-v17.md
diff --git a/docs/Design/kbx-foundation-v36/docs/external-api-notes-v4.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/external-api-notes-v4.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/external-api-notes-v4.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/external-api-notes-v4.md
diff --git a/docs/Design/kbx-foundation-v36/docs/external-data-governance-v21.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/external-data-governance-v21.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/external-data-governance-v21.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/external-data-governance-v21.md
diff --git a/docs/Design/kbx-foundation-v36/docs/external-integration-resilience-v19.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/external-integration-resilience-v19.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/external-integration-resilience-v19.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/external-integration-resilience-v19.md
diff --git a/docs/Design/kbx-foundation-v36/docs/failure-recovery-matrix-v9.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/failure-recovery-matrix-v9.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/failure-recovery-matrix-v9.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/failure-recovery-matrix-v9.md
diff --git a/docs/Design/kbx-foundation-v36/docs/field-dictionary-governance-v13.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/field-dictionary-governance-v13.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/field-dictionary-governance-v13.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/field-dictionary-governance-v13.md
diff --git a/docs/Design/kbx-foundation-v36/docs/field-key-migration-v13.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/field-key-migration-v13.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/field-key-migration-v13.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/field-key-migration-v13.md
diff --git a/docs/Design/kbx-foundation-v36/docs/foundation-v4.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/foundation-v4.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/foundation-v4.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/foundation-v4.md
diff --git a/docs/Design/kbx-foundation-v36/docs/foundation-v7-governance.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/foundation-v7-governance.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/foundation-v7-governance.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/foundation-v7-governance.md
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-Completion-v37.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-Completion-v37.md
new file mode 100644
index 00000000..34ad73a9
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-Completion-v37.md
@@ -0,0 +1,98 @@
+# KBX FE Completion v37
+
+## 목적
+
+이번 단계의 우선순위는 Backend 연계 완성도가 아니라 **브라우저에서 직접 확인되는 FE 완성도**다. 기존 계약/Manifest/BE 연계 구조를 제거하지 않되, 화면을 보기 위해 API가 먼저 완성되어야 하는 흐름을 분리한다.
+
+## 추가 산출물
+
+`apps/web/fe-reference/`
+
+- `index.html`: 실제 Application Shell + 홈 + T01~T09
+- `kbx-fe.css`: KBX Dense Desktop / WMS Touch 시각 규칙
+- `kbx-fe.js`: 순수 JavaScript 상호작용
+- `README.md`: 실행 및 검증 방법
+
+## FE Reference Lab이 검증하는 계약
+
+### Application Shell
+
+- Global Header 56px
+- Side Navigation 220px / Collapsed 56px
+- Workspace Tabs 40px
+- Ctrl+K 메뉴 검색
+- 모듈 필터
+- 즐겨찾기 / 최근 메뉴
+- Compact / Comfortable 밀도
+
+### Home
+
+Home은 KPI Card Dashboard가 아니라 업무 시작점으로 구성한다.
+
+1. 확인 필요: 실패/예외/중요 알림/진행 작업
+2. 바로 시작: 미저장/열린 업무/즐겨찾기/최근
+3. 모듈별 업무: OMS/ERP/WMS/공통 메뉴 탐색
+
+### T01 Search/List
+
+Search → Quick Filter → Context → Bulk Action → Grid → Summary → Detail Drawer.
+
+### T02 Master CRUD
+
+목록과 상세를 동시에 유지하고, Form을 2-column Dense layout으로 구성한다.
+
+### T03 Header + Detail Transaction
+
+Header Form → Editable Detail Grid → Summary. 변경 시 Workspace Tab dirty 상태가 시각적으로 나타난다.
+
+### T04 Fast Grid Entry
+
+Enter 이동, contenteditable 기반 실제 셀 편집, Excel Paste를 전제로 한 Grid-first 화면을 제공한다.
+
+### T05 Master/Detail Explorer
+
+품목 → 창고/Location → 재고이력을 한 화면에서 확인한다.
+
+### T06 Work Queue
+
+그래프 Dashboard 대신 지금 처리해야 할 Queue와 예외를 먼저 노출한다.
+
+### T07 Reconcile
+
+Expected / Actual / Difference / Reason / Resolution 문법을 유지한다.
+
+### T08 Excel Import
+
+파일 → 매핑 → 검증 → 반영 → 결과 5단계를 실제 버튼으로 진행할 수 있다.
+
+### T09 WMS Mobile
+
+390px 기준 Picking 화면, 54px CTA, 네트워크 상태, 스캔/수량/예외 피드백을 독립 검증한다.
+
+## 구현 원칙
+
+- FE 원형에서 Backend DTO/Endpoint를 호출하지 않는다.
+- 사용자 업무 문법을 확인하기 위해 Mock data를 명시적으로 사용한다.
+- Component API를 늘리기 전에 실제 화면에서 반복되는 UI 패턴을 먼저 확인한다.
+- Reference Lab에서 검증된 패턴만 `@kbx/ui`에 승격한다.
+- PrimeVue/AG Grid 교체를 목표로 하지 않는다. 실제 제품에서는 기존 KBX wrapper를 유지한다.
+
+## 승격 기준
+
+Reference Lab의 패턴을 공통 컴포넌트로 승격할 때 다음 3개를 모두 만족해야 한다.
+
+1. 동일한 업무 의미인가?
+2. 동일한 변화 이유를 가지는가?
+3. 동일한 UX 계약을 가져야 하는가?
+
+단순히 HTML/CSS가 비슷하다는 이유로 공통화하지 않는다.
+
+## 다음 FE 작업 우선순위
+
+1. Golden Screen `OMS-ORD-001`을 Lab과 실제 Vue 페이지 사이에 Visual Parity 맞추기
+2. `OMS-ORD-002` Header/Detail Keyboard flow 완성
+3. `KbxDataGrid` 변경/오류/편집/Clipboard 상태의 시각 카탈로그 강화
+4. `KbxLookup` F2/Enter/Esc/Focus Restore 브라우저 조작성 강화
+5. 홈과 Side Navigation의 화면 수가 100+로 늘어났을 때 정보 탐색성 검증
+6. 1280px Compact Desktop 회귀 검증
+7. WMS 390×844 실제 Touch/Scanner 상태 회귀 검증
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-Operational-Navigation-Screen-Anatomy-v52.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-Operational-Navigation-Screen-Anatomy-v52.md
new file mode 100644
index 00000000..c3aa478d
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-Operational-Navigation-Screen-Anatomy-v52.md
@@ -0,0 +1,270 @@
+# KBX Foundation v52 — FE Operational Navigation & Screen Anatomy Hardening
+
+## 1. 작업 목적
+
+v52의 목표는 새로운 UI Framework를 만드는 것이 아니다. v51까지 축적된 계약·거버넌스·토큰·보안 경계를 유지하면서, 실제 사용자가 보는 Vue/HTML/JavaScript 계층의 업무 완성도를 높이는 것이다.
+
+판단 기준은 다음 세 문장으로 고정한다.
+
+1. 사용자는 화면 진입 후 3초 안에 현재 상태, 주요 행동, 다음 이동을 판단할 수 있어야 한다.
+2. T01~T09는 이름만 다른 Wrapper가 아니라 업무 유형에 맞는 정보 계층을 가져야 한다.
+3. 홈은 카드 Dashboard가 아니라 업무 런처, 이어하기, 예외 진입, 전체 업무 탐색기여야 한다.
+
+근거 문서: `KBX Business UX-AX Standard v1.0`, `KBX Design System v1.0`, `KBX Reference Screens v1.0`, `KBX Implementation Contract v1.0`.
+
+## 2. 냉정한 진단
+
+### 2.1 강한 부분
+
+- Screen Definition, Permission, Problem Contract, Concurrency, Audit, Outbox/Job 경계가 이미 강하다.
+- `@kbx/ui`가 PrimeVue/AG Grid를 감싸는 방향이 일관되어 있다.
+- T01~T09 Recipe/Manifest/Validation이 자동 검증된다.
+- 순수 `fe-reference`는 Lookup, Keyboard, Dirty, Import, WMS Scan 등 상당히 많은 실제 FE 동작을 이미 재현한다.
+
+### 2.2 약한 부분
+
+#### A. 계약 완성도가 사용자 화면 완성도로 착각될 위험
+
+공통 Template에 slot과 props가 존재하는 것과 사용자가 화면을 즉시 이해하는 것은 다르다. v51의 일부 T02/T03/T06/T07은 구조는 맞았으나 `목록/상세`, `Header/Detail`, `Queue`, `Comparison`의 시각적 시작점과 건수·설명이 충분히 표준화되지 않았다.
+
+#### B. Home은 기능은 많지만 탐색 결정이 한 단계 더 필요했다
+
+기존 Home에는 검색, pulse, 예외, 바로 시작, 업무 목록이 존재했지만 사용자가 OMS/ERP/WMS 중 어디로 들어갈지 빠르게 좁히는 compact module launcher가 없었다. Side Navigation의 module switcher와 Home의 work explorer가 하나의 탐색 문법으로 연결되어야 했다.
+
+#### C. 일부 Vertical Slice Page는 여전히 너무 얇다
+
+현재 파일 크기만 보더라도 다음 화면은 Template 조립은 되어 있으나 실제 업무 FE orchestration의 깊이는 부족하다.
+
+- `PurchasePage.vue`: 19 lines
+- `InventoryMovePage.vue`: 9 lines
+- `WmsWorkPage.vue`: 22 lines
+
+파일 길이가 품질의 척도는 아니지만, 현 시점에서는 이 얇음이 “표준 컴포넌트 재사용”보다 “업무 상호작용 미구현”에 가까운 구간도 있다. 다음 단계에서는 BE 계약을 추가하기보다 실제 입력, Lookup, 상태 전이, 오류 회복, Grid Editing, Keyboard Flow를 먼저 채워야 한다.
+
+#### D. 자동 검증은 강하지만 실제 Browser Visual Gate는 별도 보강이 필요
+
+v52 정적/계약 검증은 모두 통과했으나 현재 작업 환경에 `pnpm`과 `node_modules`가 없어 Vite bundle/Playwright를 실행하지 않았다. Chromium direct screenshot도 container DBus/headless 제약으로 완료되지 않았다. 따라서 v52는 “코드/계약 회귀 PASS”이지 “실 브라우저 E2E 전체 PASS”라고 과장하지 않는다.
+
+## 3. v52 적용 내용
+
+### 3.1 Home — Operational Module Rail
+
+`KbxHomePage.vue`에 모듈별 업무 런처를 추가했다.
+
+표시 정보:
+
+- 전체 화면 수
+- OMS / ERP / WMS / COMMON
+- 모듈별 화면 수
+- 즐겨찾기 수
+- 현재 열린 Workspace Tab 수
+
+모듈 선택 시 동일 페이지의 `kbx-home-explorer`로 이동한다. 단순 CSS Filter가 아니라 “탐색 행동 → 업무 목록” 흐름으로 연결한다.
+
+Home의 최종 정보 순서:
+
+```text
+업무검색
+→ Operational Pulse
+→ Module Rail
+→ 확인 필요
+→ 바로 시작
+→ 모듈별 업무 탐색기
+```
+
+카드형 KPI Dashboard는 추가하지 않았다.
+
+### 3.2 T02 Master CRUD Anatomy
+
+`KbxMasterPage`에 다음 표준 계약을 추가했다.
+
+- `listTitle`
+- `listCount`
+- `detailTitle`
+- `detailDescription`
+- `list-header` / `detail-header` extension slot
+- list/detail body 분리
+
+`KbxSectionHeader`를 공통 사용한다.
+
+ERP 품목관리에는 다음을 적용했다.
+
+```text
+품목 목록 · N건
+품목 상세 · ABC001 · 품목명
+기본정보 · 설명
+물류정보 · 설명
+```
+
+즉, 단순 2-pane이 아니라 “어느 pane이 무엇이며 현재 무엇을 보고 있는가”가 명확해졌다.
+
+### 3.3 T03 Header + Detail Transaction Anatomy
+
+`KbxTransactionPage`에 다음을 추가했다.
+
+- `headerTitle`
+- `headerDescription`
+- `detailTitle`
+- `detailDescription`
+- `detailCount`
+- Header/Detail body 분리
+
+OMS 주문등록에는:
+
+```text
+주문 정보
+  주문 조건과 배송 기준 확인
+
+주문 상품 · N건
+  Enter 연속입력 / F2 Lookup / Excel 붙여넣기 문법
+```
+
+을 적용했다.
+
+ERP 구매등록과 재고이동에도 동일 계약을 적용했다. 거래 화면마다 임의의 섹션 문법을 만들지 않는다.
+
+### 3.4 T06 Queue Anatomy
+
+`KbxQueuePage`에:
+
+- `queueTitle`
+- `queueDescription`
+- `queueCount`
+
+를 추가했다.
+
+WMS Work 화면은 “현재 작업 Queue”라는 업무 목적과 표시 건수를 명시한다. Queue는 그래프가 아니라 지금 처리할 업무를 보여준다는 기존 KBX 원칙을 강화한다.
+
+### 3.5 T07 Reconcile Anatomy
+
+`KbxReconcilePage`에:
+
+- `comparisonTitle`
+- `comparisonDescription`
+- `comparisonCount`
+
+를 추가했다.
+
+COMMON Reconcile에는 “OMS ↔ WMS 대사”와 Expected / Actual / Difference / Reason / Resolution 순서를 명시했다. 대사 화면의 목적을 일반 Grid와 구별한다.
+
+### 3.6 순수 HTML/JavaScript Reference parity
+
+`apps/web/fe-reference`에도 동일 Home module rail을 구현했다.
+
+- `data-home-module="ALL|OMS|ERP|WMS|COMMON"`
+- `aria-pressed`
+- 모듈별 screen/favorite/open count
+- 선택 후 work explorer scroll
+- 전체 업무 복귀
+- forced-colors active cue
+
+Vue Shell만 개선하고 실제 정적 HTML/JS Reference가 뒤처지는 이중화를 피했다.
+
+## 4. Theme 적용 원칙
+
+v51에서 도입한 Module Identity Theme을 유지한다.
+
+- OMS: Blue
+- ERP: Violet
+- WMS: Teal
+- COMMON: Neutral
+
+중요 규칙:
+
+- Module color는 navigation/chrome/context identification에만 사용한다.
+- 성공/경고/오류/취소 등 Business State color를 대체하지 않는다.
+- Dark와 forced-colors에서도 active cue를 유지한다.
+- 화면별 임의 RGB보다 token source를 우선한다.
+
+## 5. FE 보안 보강
+
+정적 Reference CSP를 다음처럼 더 좁혔다.
+
+- `connect-src 'self'`
+- `font-src 'self'`
+- `frame-src 'none'`
+- `worker-src 'none'`
+- 기존 `object-src 'none'`, `base-uri 'none'`, `frame-ancestors 'none'`, `form-action 'self'` 유지
+
+이 변경의 목적은 FE가 권한의 Source of Truth가 되는 것이 아니다. 브라우저 공격면은 브라우저 정책으로 줄이고, Permission/Business Rule/Concurrency/Entity Resolve는 Backend/Domain이 계속 최종 책임진다.
+
+## 6. 검증 결과
+
+`node scripts/validate-kbx.mjs` 전체 PASS.
+
+주요 결과:
+
+- Design tokens: 161
+- Screen definitions: 20
+- Component definitions: 85
+- Core component APIs: 34
+- Navigation entries: 16
+- T01~T09 Recipe verification: 9/9
+- TypeScript/Vue script syntax: 308 units PASS
+- FE v41~v51 regression: PASS
+- 신규 `validate-fe-anatomy-v52.mjs`: PASS
+- Design Debt Ratchet: `116 <= 131` PASS
+- Design-Code Parity: PASS
+- Release Governance: major PASS
+
+전체 로그: `docs/evidence/v52-validate-kbx-full.log`
+
+## 7. 브라우저 검증 제한
+
+현재 environment:
+
+- `node`: 사용 가능
+- `pnpm`: 없음
+- root `node_modules`: 없음
+
+따라서 Vite build, Vitest, Playwright browser suite는 이번 실행에서 수행하지 않았다.
+
+정적 HTML Reference를 Chromium CLI로 screenshot하려 했으나 container의 DBus/headless process가 timeout되어 시각 증거로 채택하지 않았다. 코드 검증 결과와 browser E2E 결과를 혼동하지 않는다.
+
+## 8. 다음 우선순위
+
+다음 단계에서 새 Framework나 Metadata Engine을 추가하면 안 된다. 우선순위는 다음과 같다.
+
+### P0 — 실제 Golden Screen FE 완성
+
+1. `OMS-ORD-001` 주문관리
+   - Grid row/detail context
+   - quick filter / bulk result
+   - drawer/action continuity
+   - loading/empty/error/refetch 시각 검증
+
+2. `OMS-ORD-002` 주문등록
+   - Header → Detail Keyboard path
+   - KbxLookup 실제 focus continuation
+   - Detail Grid Enter/Tab/Paste
+   - validation first/next error
+   - 저장/확정/동시성 UX
+
+3. `WMS-PICK-001`
+   - Scanner state
+   - network delay/offline
+   - duplicate scan
+   - success/error sound/vibration abstraction
+   - one-hand operation visual QA
+
+### P1 — 얇은 Vertical Slice Page 보강
+
+- Purchase
+- Inventory Move
+- WMS Work Queue
+
+이들은 Backend 타입을 더 만드는 것보다 사용자 입력·상태·예외·복구 동작을 실제 Vue 코드에서 완성해야 한다.
+
+### P1 — Visual QA Gate
+
+CI/개발환경에 pnpm dependency를 복원한 뒤 1440×900 / 1280×720 / Dark / forced-colors / WMS 390×844 기준의 Playwright screenshot + interaction regression을 main gate에 넣는다.
+
+## 9. 최종 판단
+
+v52는 “컴포넌트 수 증가”가 아니라 **기존 컴포넌트와 Template이 실제 업무 화면에서 더 명확한 의미를 가지도록 만드는 작업**이다.
+
+향후에도 다음 질문으로 리뷰한다.
+
+> 사용자가 화면을 처음 보고 현재 상태, 처리할 대상, 주요 Action, 다음 이동을 설명 없이 판단할 수 있는가?
+
+아니라면 Contract가 아무리 완벽해도 FE는 미완성이다.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-Presentation-Hardening-v51.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-Presentation-Hardening-v51.md
new file mode 100644
index 00000000..113f35c3
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-Presentation-Hardening-v51.md
@@ -0,0 +1,157 @@
+# KBX FE Presentation Workbench Hardening v51
+
+## 1. 판단
+
+v50까지의 가장 큰 리스크는 기능 부족이 아니라 **완성도 불균형**이었다.
+
+- Screen Contract, Domain 경계, 오류/권한/복구/운영 검증은 매우 강하다.
+- 반면 실제 사용자가 매일 보는 `Application Shell / Home / T01~T08`의 시각적 계층과 업무면 구분은 상대적으로 얇았다.
+- 표준 Template SFC가 존재한다는 사실만으로는 표준 화면이 현장에서 같은 품질로 보인다는 것을 보장하지 않는다.
+- 검증 스크립트가 PASS여도 사용자가 느끼는 탐색 비용, 현재 모듈 인지, 화면 유형 인지, 작업 시작 속도까지 자동으로 좋아지는 것은 아니다.
+
+따라서 v51은 Backend 기능 추가보다 **실제 Vue/CSS/JavaScript 렌더링 계층**을 우선 보강한다.
+
+## 2. 유지한 KBX 원칙
+
+- 한국형 업무 문법과 Predictable Layout을 유지한다.
+- Card Dashboard를 추가하지 않는다.
+- 모듈 색은 `상태(success/warning/danger)`와 혼합하지 않는다.
+- Primary Action 수, Command 위치, Grid/Excel/Keyboard 계약을 바꾸지 않는다.
+- PrimeVue/AG Grid API를 Vertical Slice에 다시 노출하지 않는다.
+- 모든 화면을 Runtime JSON UI로 바꾸지 않는다.
+- UI Disabled/Hidden을 보안 경계로 간주하지 않는다. 기존 Backend Permission/Domain Validation 계약을 유지한다.
+
+## 3. v51 변경
+
+### 3.1 Module Identity Theme
+
+OMS / ERP / WMS / COMMON에 별도의 Module Identity token을 추가했다.
+
+용도:
+
+- Side Navigation 활성 표시
+- Workspace Tab 활성 표시
+- Page Header 모듈 식별
+- Home 모듈 섹션 식별
+- Standard Template의 얇은 accent
+
+금지:
+
+- 오류/성공/경고 의미 대체
+- 행 전체 색칠
+- 사용자가 임의 CSS/색상 문자열을 주입하는 Runtime Theme
+
+Light/Dark와 Windows forced-colors까지 token generator가 동일 Source of Truth에서 생성한다.
+
+### 3.2 Home = 업무 시작 Workbench
+
+Home 상단에 대형 KPI Card가 아닌 compact operational pulse를 추가했다.
+
+- 사용 가능 화면
+- 미저장 업무
+- 진행 작업
+- 새 알림
+
+각 항목은 단순 숫자가 아니라 기존 메뉴검색 / dirty resume / job center / notification center로 이어지는 작업 진입점이다.
+
+모듈별 업무 목록은 OMS/ERP/WMS/COMMON identity를 명확히 하되 메뉴 깊이를 늘리지 않는다.
+
+### 3.3 T01~T08 Presentation Grammar
+
+표준 Template이 동일한 빈 컨테이너처럼 보이지 않도록 업무 목적에 맞는 surface hierarchy를 부여했다.
+
+| Type | v51 시각/조작 강조 |
+|---|---|
+| T01 Search/List | Search 시작점 + Grid 작업면 + sticky summary |
+| T02 Master CRUD | Master list / Detail의 명확한 분리와 Detail identity |
+| T03 Header+Detail | Header form / Detail grid / Workflow의 단계 분리 |
+| T04 Fast Entry | Keyboard guide와 입력면을 최우선 |
+| T05 Master/Detail | Master context와 Detail 근거의 pane hierarchy |
+| T06 Queue | 일반 작업과 Exception 우선순위를 시각적으로 분리 |
+| T07 Reconcile | 비교/불일치 Summary를 Grid보다 먼저 인지 |
+| T08 Import | Step/Content/Result의 처리 단계 명확화 |
+
+T09 WMS Mobile의 독립 Touch/Scanner 문법은 기존 계약을 유지한다.
+
+### 3.4 Static HTML/JavaScript Reference parity
+
+`apps/web/fe-reference`도 Vue와 별개의 장식 Demo가 되지 않도록 같은 문법을 반영했다.
+
+- Home operational pulse
+- Module identity
+- T01~T08 template presentation differentiation
+- 기존 실제 검색/선택/오류/복구/Import/WMS 동작 보존
+
+이 Reference는 Framework 계약을 증명하는 문서가 아니라 실제 Browser DOM/CSS/JS UX를 빠르게 확인하는 독립 FE 기준면으로 유지한다.
+
+## 4. Token / 기술부채 처리
+
+처음 스타일 강화 과정에서 4개의 hard-coded px literal이 Design Debt Gate에 걸렸다.
+
+기준선을 올리지 않고 다음처럼 제거했다.
+
+- Home max width는 token source로 이동
+- tab active indicator는 border-width token 계산 사용
+- sticky summary shadow는 border-width token 계산 사용
+
+결과:
+
+- Design debt baseline: 131
+- v51 measured: 116
+- Ratchet PASS
+
+즉, 화면 완성도 강화 때문에 토큰 규율을 희생하지 않았다.
+
+## 5. Security / Stability
+
+v51은 presentation hardening이므로 Domain/Permission 계약을 약화하지 않는다.
+
+- `data-kbx-module` 값은 Screen Definition의 고정 module vocabulary를 사용한다.
+- Runtime arbitrary CSS theme injection을 도입하지 않았다.
+- Status semantic과 module identity를 분리해 업무상 상태 오판 가능성을 줄였다.
+- forced-colors fallback을 generator에 포함해 접근성 모드에서 정보가 색상에 종속되지 않는다.
+- 기존 fail-closed write permission, action allow-list, server validation, concurrency/error contracts는 회귀 검증을 그대로 통과한다.
+
+## 6. 검증 결과
+
+`node scripts/validate-kbx.mjs` 전체 PASS.
+
+핵심 결과:
+
+- TypeScript/Vue script syntax: 308 units PASS
+- Screen governance: 20 screens PASS
+- Design system: 161 tokens / 85 components PASS
+- T01~T09 template completeness PASS
+- FE v41~v50 regression PASS
+- 신규 `validate-fe-presentation-v51.mjs` PASS
+- Design debt ratchet: `116 <= 131` PASS
+- Design-code parity PASS
+- Release governance PASS
+
+## 7. 아직 남은 냉정한 과제
+
+v51로 “보이는 껍데기” 문제는 한 단계 개선됐지만 다음은 아직 완료가 아니다.
+
+1. **실제 Vite Build/Playwright Visual Evidence**  
+   현재 작업 환경에 pnpm/node_modules가 없어 실제 Vue bundle build와 Playwright browser E2E는 실행하지 못했다. Dependency-free syntax/governance 검증과 static FE 검증은 통과했다.
+
+2. **Golden Screen의 픽셀보다 Task Metric 검증**  
+   OMS-ORD-001/002, WMS-PICK-001에서 Clicks/Task, Keyboard strokes, Exception resolution time을 실측해야 한다.
+
+3. **Component State Catalog의 시각 깊이**  
+   Default만 보는 Catalog가 아니라 Readonly/Disabled/Error/Changed/AI Suggested/Dark/Forced-colors까지 독립 재현성을 더 강화해야 한다.
+
+4. **FE Density 실제 사용자 검증**  
+   1440×900 Compact 기준으로 “한 화면에 정보가 많다”가 아니라 “필요한 정보가 빨리 보인다”는 것을 현업 시나리오로 검증해야 한다.
+
+## 8. 다음 우선순위
+
+다음 버전은 새 프레임워크를 만들지 말고 아래 순서가 적절하다.
+
+1. OMS-ORD-001 Golden Screen의 실제 DOM/keyboard/bulk/detail drawer polish
+2. OMS-ORD-002 Header+Detail fast-entry polish
+3. ERP-MST-ITEM-001 Master CRUD field density/lookup/audit polish
+4. T04 Fast Entry의 paste/error navigation 현장성 강화
+5. Browser 실행 가능한 Playwright Visual + keyboard regression을 CI evidence로 고정
+
+핵심은 더 많은 추상화가 아니라 **이미 있는 KBX 계약을 실제 화면에서 더 잘 느끼게 만드는 것**이다.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v38.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v38.md
new file mode 100644
index 00000000..28338af8
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v38.md
@@ -0,0 +1,113 @@
+# KBX FE QA Hardening v38
+
+## 1. 판단
+
+v37의 가장 큰 문제는 컴포넌트 개수가 부족한 것이 아니었다. 화면과 계약은 많았지만 **사용자가 실제로 클릭·입력·전환했을 때 업무 상태가 끝까지 이어지는 FE 상호작용 밀도**가 낮았다.
+
+30년 현장 QA 관점에서 가장 위험한 유형은 “버튼이 있으니 구현된 것처럼 보이는 UI”다. 이런 화면은 데모에서는 통과하지만 운영에서는 오조작, 중복처리, 미저장 유실, 교육비 증가로 이어진다.
+
+## 2. v37에서 P0/P1로 본 결함
+
+### P0 — 미저장 데이터 유실 가능
+
+FE Reference Lab에서 Dirty Tab을 닫아도 보호 절차가 없었다.
+
+표준은 `계속 편집 / 변경 버리기 / 저장 후 이동`을 요구한다. v38은 탭 닫기 시 동일한 3-way guard를 구현했다.
+
+### P0 — 선택 0건 Workflow Action이 활성처럼 보임
+
+T01 Command Bar의 `출고지시`가 행 선택과 시각적으로 결합되지 않았다. 업무 시스템에서 선택 0건 Action은 단순 미관 문제가 아니라 오조작 가능성을 높인다.
+
+v38은 선택 0건에서 disabled, 선택 후 enable, Bulk Bar와 동일 selection source를 사용한다.
+
+### P1 — 화면은 바뀌어 보이지만 업무 상태는 고정
+
+v37의 T05/T06/T07은 Master 행, Queue 요약, mismatch checkbox가 실제 결과를 갱신하지 않는 부분이 있었다.
+
+v38은 다음을 실제 상태 전이로 변경했다.
+
+- T05 품목 → Location/재고이력
+- T06 작업유형/예외 → Queue Grid
+- T07 불일치 checkbox → Comparison Grid
+
+### P1 — Fast Entry가 “contenteditable 데모”에 가까움
+
+ERP Fast Entry는 Excel 사용자의 기대를 충족해야 한다. 단순 `contenteditable`만으로는 입력 계약이 불명확하다.
+
+v38은 cell input, Enter next, TSV paste, 행 추가/복제/Fill Down, 단가 오류 표시, 오류 시 저장 disable을 넣었다.
+
+### P1 — WMS 수량 입력에 browser prompt 사용
+
+현장 PDA에서 `prompt()`는 제품 UX로 볼 수 없다. Focus, Touch Target, Validation, 오류 복구가 모두 통제되지 않는다.
+
+v38은 수량 Dialog와 예외 신고 Dialog로 교체하고 Scanner keyboard-wedge의 Enter 종료 흐름을 구현했다.
+
+### P1 — Preference 저장 실패가 Shell 초기화를 깨뜨릴 가능성
+
+localStorage는 브라우저 정책/사설모드/임베드 환경에서 실패할 수 있다. Preference는 업무 Source of Truth가 아니다.
+
+v38은 localStorage를 fail-soft로 격리했다. 저장소가 없어도 화면과 업무 흐름은 계속 동작한다.
+
+## 3. 홈 네비게이션 평가
+
+홈은 “대시보드”가 아니라 **업무 시작점**이어야 한다.
+
+v38 홈 우선순위:
+
+1. 실패/예외/중요 알림
+2. 미저장/열린 업무 이어서 처리
+3. 즐겨찾기/최근 업무
+4. 모듈별 표준 화면
+5. Ctrl+K 직접 검색
+
+차트·장식 카드는 추가하지 않았다. 사용자가 `지금 무엇을 처리해야 하는가`와 `어디로 들어가야 하는가`를 1~2번의 조작으로 해결하는 데 집중한다.
+
+## 4. 보안 관점
+
+FE 보안은 버튼 숨김이 아니다. 실제 권한/업무 규칙은 서버가 책임져야 한다. 이번 Lab에서 다루는 것은 브라우저 측 공격면과 실패 격리다.
+
+적용:
+
+- restrictive CSP
+- 외부 script/style 없음
+- dynamic HTML escape
+- localStorage allow-list 복원
+- 개인정보 샘플 masking
+- eval/document.write/prompt 금지
+
+미적용/BE 책임:
+
+- Permission enforcement
+- Domain validation
+- Concurrency
+- Idempotency
+- Audit write
+- CSRF/Authentication 정책
+
+Reference Lab이 이것들을 구현한 것처럼 가장하지 않는다.
+
+## 5. 과유불급 기준
+
+이번 단계에서 하지 않은 것:
+
+- 자체 Grid Engine
+- Runtime JSON UI Builder
+- 자체 Router Framework
+- API mock server 대형화
+- FE에서 Domain Rule 복제
+- AI가 화면을 임의 생성하는 구조
+
+Reference Lab은 “실제 FE 문법을 검증하는 얇은 실행 원형”으로 유지한다.
+
+## 6. 다음 QA Gate
+
+다음 iteration에서 우선할 항목:
+
+1. 실제 Vue Golden Screen과 FE Reference의 visual/interaction parity
+2. KbxLookup F2 → Search → Enter → Focus restore 실브라우저 검증
+3. KbxDataGrid clipboard/edit/error-navigation 실 AG Grid 검증
+4. 1280×720 compact overflow 및 200% zoom 접근성
+5. WMS 390×844에서 네트워크 지연/중복 Scan/재전송 UX
+6. T08 10k/30k row 배경 Job 상태와 화면 이탈/복귀
+
+이 Gate를 통과하기 전에는 새 컴포넌트 종류를 늘리는 것보다 기존 핵심 컴포넌트의 실제 브라우저 계약을 강화하는 것이 우선이다.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v39.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v39.md
new file mode 100644
index 00000000..4c937500
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v39.md
@@ -0,0 +1,169 @@
+# KBX FE QA Hardening v39
+
+## 1. 결론
+
+v38은 T01~T09의 화면 상태와 주요 클릭 흐름을 실제 JavaScript 상태 전이로 올렸지만, 운영 FE 기준으로는 아직 다섯 가지가 부족했다.
+
+1. Dirty 보호가 탭 닫기에 집중되어 화면 간 이동에는 동일하게 적용되지 않았다.
+2. Lookup은 핵심 ERP 입력 계약인데 Reference Lab에서 실제 F2 검색/선택/Focus 이동이 없었다.
+3. 도움말/AI/제안/작업/알림이 버튼과 Toast 수준이라 Utility Component의 실체가 부족했다.
+4. Excel Import가 동기식 Wizard처럼 끝나 장시간 작업의 이탈/복귀 UX를 검증할 수 없었다.
+5. WMS Mobile에서 중복 Scanner 입력과 네트워크 검증 실패가 데이터 변경으로 이어지지 않는다는 계약을 실행 증적으로 닫지 못했다.
+
+v39는 BE 결합을 늘리지 않고 위 결함을 실제 HTML/CSS/JavaScript와 핵심 Vue Component에서 보완한다.
+
+## 2. P0/P1 개선
+
+### P0 — Dirty Navigation Guard
+
+기존: Dirty Tab을 `×`로 닫을 때만 보호.
+
+v39:
+
+- Dirty 화면 → Side Navigation
+- Dirty 화면 → Workspace Tab
+- Dirty 화면 → Home/다른 Screen
+
+모두 `계속 편집 / 변경 버리기 / 저장 후 이동`을 거친다.
+
+단순 `beforeunload`에 의존하지 않고 SPA Navigation 상태에서 동일 계약을 적용한다.
+
+### P0 — F2 Lookup 실제 구현
+
+T02/T03의 Lookup은 다음을 실제 지원한다.
+
+- F2 또는 검색 버튼
+- 코드/명칭 검색
+- Arrow Up/Down
+- Enter 선택
+- Esc 닫기
+- 선택 후 Code + Name 동시 반영
+- 선택 후 다음 Form Control로 Focus 이동
+- 취소 시 기존 Trigger Focus 복원
+
+실제 `packages/kbx-ui/src/components/KbxLookup.vue`도 선택/취소 Focus 정책을 분리했다.
+
+### P1 — Context-aware Home Navigation
+
+홈 예외 항목은 이제 단순 화면 링크가 아니다.
+
+- 재고부족 → T01 + `stock` Quick Filter
+- 처리오류 → T01 + `error` Quick Filter
+- 대사불일치 → T07 + mismatch-only
+- Excel Job → T08 + 현재 Job 단계
+
+홈에서 들어간 사용자가 다시 조건을 찾는 재작업을 제거한다.
+
+### P1 — Utility Drawer 실체화
+
+`도움말 / AI / 제안 / 작업 / 알림`을 Toast에서 실제 Drawer로 전환했다.
+
+Drawer는:
+
+- Background `inert`
+- Focus Trap
+- Esc Close
+- Focus Restore
+
+를 지원한다.
+
+AI 빠른 동작은 설명 문자열에서 끝나지 않고 실제 화면 Context로 연결한다. 데이터 변경은 하지 않는다.
+
+### P1 — T08 Background Job UX
+
+T08을 6단계로 명확히 했다.
+
+`파일 → 매핑 → 검증 → 미리보기 → 반영 → 결과`
+
+반영 단계는 비동기 Job을 모사한다.
+
+- Progress
+- 처리건수
+- 오류 제외건수
+- 다른 화면 이동 가능
+- Home/작업센터에서 복귀
+- 완료 후 결과 확인
+
+FE Reference는 Domain DB Commit을 흉내내지 않고 Job UX와 상태 복구만 검증한다.
+
+### P1 — WMS Scanner/Network Guard
+
+- 동일 Barcode 700ms 이내 중복 입력은 무시
+- 중복 시 수량 불변
+- `unstable/offline`에서는 서버 검증이 필요한 수량을 반영하지 않음
+- Mobile 767px 이하에서는 Desktop Shell을 제거하고 T09가 viewport를 직접 점유
+
+Desktop ERP를 억지로 Mobile Reflow하지 않고 WMS Mobile Template을 분리한다.
+
+## 3. 30년 현장 QA 관점의 비판
+
+### 화면이 많다는 것은 완성도가 아니다
+
+T01~T09가 모두 존재해도 다음이 안 되면 데모다.
+
+- 예외 링크가 실제 예외 필터를 적용하는가?
+- Lookup 이후 Focus가 끊기지 않는가?
+- Dirty 상태에서 다른 메뉴를 눌러도 데이터가 보호되는가?
+- Background Job 중 다른 업무를 할 수 있는가?
+- Scanner가 두 번 들어와도 두 번 처리되지 않는가?
+
+v39는 이 질문을 자동/브라우저 증적으로 검증한다.
+
+### FE에서 BE를 흉내내면 안 된다
+
+Reference Lab에서 의도적으로 구현하지 않은 것:
+
+- 실제 권한 판정
+- 재고/상태 Domain Validation
+- Audit Write
+- Idempotency Store
+- Outbox/Inbox
+- 실제 Hangfire Job
+
+FE는 해당 결과를 올바르게 표현하고 복구하는 계약만 가진다.
+
+### Home은 Dashboard가 아니라 Router + Workbench다
+
+홈 KPI를 늘리는 것이 아니라 `예외 → 실제 필터링된 업무`, `진행 Job → 해당 Job 상태`로 이동해야 한다.
+
+홈의 품질은 Card 수가 아니라 **재탐색 횟수와 Context Switch 수**로 평가해야 한다.
+
+## 4. 브라우저 QA 증적
+
+`apps/web/fe-reference/previews/browser-interaction-v39.json`
+
+31/31 PASS:
+
+- Home intent routing
+- T01 keyboard Space/Enter
+- Drawer inert/Esc recovery
+- Dirty navigation guard
+- F2 Lookup + Enter + next focus
+- Help/Suggestion Drawer
+- T08 6-step + background job leave/return
+- WMS duplicate scan guard
+- 1280×720 document overflow 없음
+- 720px zoom-pressure Shell overflow 없음
+- Runtime console/page error 0
+
+추가 렌더링:
+
+- `home-v39-1440x900.png`
+- `t01-order-stock-v39-1440x900.png`
+- `lookup-v39-1440x900.png`
+- `t08-job-v39-1440x900.png`
+- `t01-v39-1280x720.png`
+- `t09-picking-v39-390x844.png`
+
+## 5. 다음 Gate
+
+새 컴포넌트를 늘리기 전에 다음을 우선한다.
+
+1. 실제 Vue Golden Screen과 Reference Lab의 Visual/Interaction parity 자동 비교
+2. 실제 AG Grid KbxDataGrid Clipboard/Paste/Error Navigation 브라우저 테스트
+3. T03 Form 전체 `Enter = 다음 입력`과 F2 Lookup 혼합 흐름 E2E
+4. 200% Browser Zoom 및 WCAG Focus/Label 자동 검사
+5. WMS `unstable/offline → online` 복구 및 Pending Command UX
+6. T08 Refresh 이후 Job API 복구 계약 — 이 단계부터는 BE Read API와 결합 필요
+
+이 Gate 전에는 새 Metadata Engine, Runtime UI Builder, 별도 Grid Engine을 추가하지 않는다.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v40.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v40.md
new file mode 100644
index 00000000..7c8a5f86
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v40.md
@@ -0,0 +1,267 @@
+# KBX FE QA Hardening v40
+
+## 1. 결론
+
+v39는 Dirty Navigation, F2 Lookup, Utility Drawer, T08 Background Job, WMS Scanner/Network Guard를 실제 FE 상호작용으로 올렸다. 그러나 30년 현장 QA 관점에서 다시 보면 **"화면에 기능이 있다"와 "업무 완료 루프가 닫힌다"는 여전히 다른 문제**였다.
+
+v39의 잔여 결함은 다음과 같았다.
+
+1. T01 검색조건이 일부 Quick Filter 중심이라 실제 검색 입력과 결과의 결합이 부족했다.
+2. T02 Master CRUD가 선택/조회 위주이고 신규·복사·검증·저장·Dirty 전환의 실체가 약했다.
+3. T03 Transaction이 입력 화면처럼 보이지만 Header/Detail 계산·검증·저장·확정의 실제 상태 전이가 충분하지 않았다.
+4. T06 Work Queue와 T07 Reconcile의 주요 업무 Action이 결과 데이터를 바꾸지 않는 데모 성격이 남아 있었다.
+5. 전역 F8이 화면별 저장/검증 Handler를 우회해 Dirty만 해제할 수 있는 경로가 있었다. 이는 **거짓 저장 성공 인식**을 만들 수 있는 P0 결함이다.
+6. SPA 내부 Dirty Guard는 강화됐지만 browser back/refresh/close까지 동일한 데이터 유실 방어가 필요했다.
+
+v40은 새 Framework나 BE 결합을 늘리지 않고 위 결함을 **실제 HTML/CSS/JavaScript 상태 전이**로 닫는다.
+
+---
+
+## 2. v40 완료 기준
+
+Template별 최소 업무 완료 루프를 다음처럼 강제한다.
+
+- T01 Search/List: `조건 → 조회 → 결과 → 선택 → 처리`
+- T02 Master CRUD: `목록선택/신규 → 편집 → 검증 → 저장 → 다른 Master 전환`
+- T03 Header+Detail: `Header/Line 입력 → 계산 → 검증 → 저장 → 상태전이`
+- T04 Fast Entry: `입력/Paste → Validation → 오류해결 → 저장`
+- T05 Master/Detail: `Master 선택 → Detail Context 갱신 → 근거 Drill-down`
+- T06 Work Queue: `Queue 필터 → 대상선택 → 업무 Action → 결과`
+- T07 Reconcile: `불일치 필터 → 대상선택 → Resolution → 재계산 결과`
+- T08 Import: `파일 → 매핑 → 검증 → 미리보기 → Job 반영 → 결과`
+- T09 WMS Mobile: `Scan → Validation → Feedback → 수량/예외 → 다음 업무`
+
+버튼이 존재하는 것만으로는 완료로 보지 않는다. **업무 상태가 실제로 바뀌고 실패 시 복구 가능해야 한다.**
+
+---
+
+## 3. P0/P1 개선
+
+### P0 — F8 Validation Bypass 제거
+
+기존 위험:
+
+- Global F8
+- 화면별 Validation/Save Handler 우회
+- Dirty 상태만 해제 가능
+- 사용자는 저장되었다고 오인
+
+v40:
+
+- T02 F8 → `#masterSave` 실제 저장 루프
+- T03 F8 → `#saveTransaction` 실제 저장 루프
+- T04 F8 → `#fastSave` 실제 Validation Gate
+- `저장 후 이동/닫기`도 동일 `trySaveDirtyScreen()`을 사용
+
+즉 Keyboard Shortcut은 편의 기능일 뿐 **업무 검증을 우회하는 별도 저장 경로가 아니다.**
+
+### P0 — Browser-level Dirty Guard
+
+SPA Navigation Guard에 더해:
+
+- hash route 변경
+- browser back/forward 계열 route change
+- refresh
+- tab/window close
+
+에서도 Dirty state를 보호한다.
+
+Preference나 URL 상태보다 사용자의 미저장 업무가 우선한다.
+
+### P1 — T01 실제 검색 결합
+
+검색 Panel의 다음 값이 실제 결과 필터에 연결된다.
+
+- 판매채널
+- 상태
+- 통합검색
+- 상세조건의 예외유형
+- 기존 Quick Filter
+
+Loading 후 재렌더링되어도 입력값이 유지된다. Reset은 UI 값과 상태 모델을 함께 초기화한다.
+
+### P1 — T02 Master CRUD Completion Loop
+
+추가된 실제 상태:
+
+- `masterDraft`
+- `new / edit` mode
+- Master 목록 검색
+- 필수값 검증
+- 신규 ItemCode 중복 검증
+- F2 Warehouse Lookup 반영
+- 신규 저장
+- 기존 수정 저장
+- 복사 시 Identity/Barcode 제외
+- 사용중지/사용재개 상태 변경
+- Dirty 상태에서 다른 Master 선택 시 3-way Guard
+
+Master Detail 화면은 이제 단순 "목록 옆 Form"이 아니라 편집 업무 루프를 검증할 수 있다.
+
+### P1 — T03 Transaction Completion Loop
+
+Header와 Line을 실제 state로 관리한다.
+
+- 주문일
+- 거래처 Lookup
+- 출고창고 Lookup
+- 수취인/연락처/주소
+- 품목코드
+- 수량
+- 단가
+- 비고
+- 수량×단가 계산
+- 총수량/총금액 Summary
+
+Validation 실패 시 저장하지 않고 Summary에서 문제 위치로 Focus할 수 있다. 저장 후에만 Dirty가 해제된다. `확정`은 Dirty/Validation 상태를 통과해야 하고 `작성 → 확정` 상태전이를 실제 표시한다.
+
+### P1 — T06 Queue Action 실체화
+
+- 행 Selection state
+- 현재 결과 Select All
+- Selection 기반 Command enable/disable
+- 작업자 배정 → 선택 Row의 작업자 실제 변경
+- Wave 생성 → 대상 Row의 Wave 실제 변경
+- 결과 Feedback + Close
+
+Queue는 Dashboard 숫자가 아니라 **지금 처리할 작업을 선택하고 결과를 확인하는 화면**이어야 한다.
+
+### P1 — T07 Reconcile Resolution 실체화
+
+- mismatch-only 실제 필터
+- 행 Selection
+- Selection 기반 재처리
+- 재처리 시 `Actual = Expected`
+- `Difference = 0`
+- 원인/상태를 `재처리 완료 / 해결`로 갱신
+- 처리 후 mismatch-only 목록에서 해결 Row 제거
+
+비교값만 보여주고 사용자가 다른 화면에서 해결하게 만들지 않는다.
+
+---
+
+## 4. 보안/안정성 판단
+
+### FE는 보안 경계가 아니다
+
+v40 Reference Lab의 disabled/validation/guard는 오조작을 줄이는 UX다. 다음은 여전히 Server 최종 책임이다.
+
+- Permission Enforcement
+- 업무 상태 전이 검증
+- 재고 정합성
+- Optimistic Concurrency
+- Idempotency
+- Audit
+- DB Constraint
+- Outbox/Inbox
+
+FE가 상태를 바꿨다고 실제 Domain Transaction이 승인됐다고 간주하지 않는다.
+
+### Reference Lab이 의도적으로 하지 않는 것
+
+- 실제 DB Commit
+- 실제 Hangfire 실행
+- 실제 Permission API
+- 실제 Audit Write
+- 실제 외부 API 연계
+
+Reference Lab의 목적은 **FE 사용 계약, 상태 표현, 실패 복구, 키보드/Focus, Navigation 품질을 BE 없이 재현**하는 것이다.
+
+---
+
+## 5. 브라우저 QA 증적
+
+`apps/web/fe-reference/previews/browser-interaction-v40.json`
+
+**49 / 49 PASS**, runtime console/page error 0.
+
+주요 검증:
+
+- Home actionable attention
+- Ctrl+K 메뉴 검색 / Enter 화면 이동
+- Side Nav collapse
+- Compact/Comfortable density
+- Utility Drawer inert / Focus Trap / Esc Restore
+- T01 판매채널 + keyword 실제 결과 필터
+- T01 Loading 재렌더 후 검색값 보존
+- T01 Selection 기반 출고지시 enable
+- T01 Reset 실제 조건 초기화
+- T02 blank 신규 상태에서 F8 Validation 발생
+- T02 F2 Lookup → Enter → 다음 Control Focus
+- T02 신규 저장 후 Master 목록 반영
+- T02 Dirty Master 전환 Guard
+- T03 invalid quantity 저장 차단
+- T03 수정 후 F8 저장
+- T03 저장 후 확정 상태전이
+- T04 오류 Cell 존재 시 저장 차단 / 해결 후 저장
+- T05 Master 선택 시 Detail Context 변경
+- T06 Selection → 작업자 배정 → Row 상태 변경
+- T07 Selection → 재처리 → mismatch 2 → 1
+- Dirty 상태에서 hash route 변경 차단 및 discard 후 이동
+- T08 Job 진행 중 화면 이탈/복귀 및 완료
+- T09 동일 Barcode 중복 입력 미반영
+- T09 잘못된 Barcode actionable error
+- T09 390px viewport Full View
+- 1280×720 document horizontal overflow = 0
+
+### 실행환경 제한
+
+현재 실행환경은 Chromium의 `file://` 및 localhost 직접 navigation이 관리 정책으로 차단된다. 따라서 Browser QA는 **운영과 동일한 DOM/CSS/JavaScript를 사용하고 CSS/JS asset만 inline한 Playwright harness**에서 수행했다.
+
+- 상호작용 코드: 동일
+- DOM: 동일
+- CSS: 동일
+- production CSP meta: harness에서는 navigation 제약 때문에 제거
+- CSP/외부 script/object/base/frame 정책: `validate:fe-reference` 정적 Gate로 별도 검증
+
+이 제한을 browser-native CSP E2E를 통과한 것으로 과장하지 않는다.
+
+---
+
+## 6. 30년 현장 QA 관점의 냉정한 판단
+
+### 1. "컴포넌트 존재"를 완료율로 계산하면 안 된다
+
+실무에서 사고를 만드는 것은 빠진 버튼보다 **동작하는 것처럼 보이는 버튼**이다. T06/T07처럼 Action이 Toast만 띄우면 사용자는 처리됐다고 오인할 수 있다.
+
+완료 기준은 `clickable`이 아니라 `state transition + feedback + recovery`다.
+
+### 2. Keyboard Shortcut은 가장 위험한 우회 경로가 될 수 있다
+
+마우스 Save는 Validation을 거치는데 F8은 Dirty만 해제한다면, 숙련 사용자가 오히려 더 위험하다. ERP에서 Keyboard 생산성과 데이터 정합성은 함께 설계해야 한다.
+
+### 3. Home은 숫자판이 아니라 업무 Context Router여야 한다
+
+홈에서 예외 숫자를 보고 다시 메뉴를 열고 필터를 선택하게 만들면 홈은 업무를 줄이지 못한다. 홈 클릭 한 번으로 **대상 화면 + 대상 Context**까지 전달되어야 한다.
+
+### 4. Template 완성도는 Happy Path보다 Recovery에서 갈린다
+
+운영 화면은 다음 질문으로 봐야 한다.
+
+- 잘못 입력하면 어디에서 고칠 수 있는가?
+- 저장 실패해도 입력이 남아 있는가?
+- 다른 화면으로 이동하다 데이터가 사라지지 않는가?
+- 처리 결과가 실제 Row 상태와 일치하는가?
+- 화면을 다시 열어도 사용자가 무엇을 했는지 이해할 수 있는가?
+
+### 5. 지금 새 Meta Framework를 만드는 것은 기술부채다
+
+현재 가장 중요한 미완성은 새로운 Template 종류가 아니다. **Reference FE와 실제 Vue/PrimeVue/AG Grid Golden Screen의 동작 일치**다.
+
+이 단계에서 Runtime JSON UI Engine, Low-code Builder, 자체 Grid Engine을 추가하면 다시 BE/Framework 완성도만 올라가고 실제 FE 품질은 뒤처질 가능성이 높다.
+
+---
+
+## 7. 다음 Gate
+
+v41 우선순위는 다음으로 제한한다.
+
+1. 실제 Vue `OMS-ORD-001`과 FE Reference T01의 Interaction parity
+2. 실제 Vue `OMS-ORD-002`의 Form + F2 + Enter + F8 E2E
+3. 실제 AG Grid `KbxDataGrid` multi-cell paste / validation navigation / selection contract
+4. actual Vue Loading/Empty/Error/Conflict/Permission 상태 Browser E2E
+5. 200% browser zoom + keyboard-only + label/focus accessibility gate
+6. WMS `offline/unstable → online` pending command recovery
+7. T08 Refresh 이후 Job 복구 — 이 시점부터 실제 Read API와 결합
+
+그 전에는 Template/Component 종류를 더 늘리지 않는다.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v41.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v41.md
new file mode 100644
index 00000000..fac6b427
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v41.md
@@ -0,0 +1,236 @@
+# KBX FE QA Hardening v41
+
+## 1. 결론
+
+v40은 HTML/CSS/JavaScript FE Reference Lab에서 T01~T09의 완료 루프를 상당 부분 닫았다. 그러나 현장 QA 기준으로는 **Reference Lab이 좋아졌다는 사실과 실제 Vue 제품 화면이 좋아졌다는 사실을 동일시할 수 없다.**
+
+v41은 BE 구조와 Metadata Framework를 확장하지 않고 실제 Vue Golden Screen과 공통 FE Component를 대조했다. 그 결과 다음 운영 결함을 확인했다.
+
+1. OMS 주문관리 주문번호 Link가 `drillDownRequested`를 emit하지만 Page가 받지 않아 no-op이었다.
+2. 주문 Grid Double Click은 Detail Drawer가 아니라 Edit Page로 이동하여 조회 Context를 잃었다.
+3. 외부 `selectionState`가 비워져도 AG Grid 내부 Selection이 남을 수 있어 시각 Selection과 실제 Command 대상이 달라질 위험이 있었다.
+4. ERP 품목관리에서 Dirty 상태로 다른 Master를 선택하면 현재 편집값이 새 Row 데이터로 덮어써질 수 있었다.
+5. 주문등록 Grid F2 Lookup은 값은 반영하지만 다음 Editable Cell로 Focus가 이어지지 않았다.
+6. `KbxLookup` 직접 코드 Enter 성공은 Dialog 선택과 달리 Focus continuation이 없었다.
+7. `KbxUnsavedChangesDialog`는 Modal 외관은 있지만 Tab Focus Trap / Esc / Focus Restore가 충분하지 않았다.
+8. OMS 주문관리의 `보류` Command는 실제 Handler가 없는 no-op이었다.
+9. Grid 오류 개수에 Header/Form 오류가 섞일 수 있어 “셀 오류” 숫자가 실제 Cell 오류보다 많아질 수 있었다.
+10. Side Navigation의 즐겨찾기 버튼은 보조기술에서 대상 화면명이 빠진 동일한 이름으로 반복됐다.
+
+이 문제들은 화면 미관보다 우선순위가 높다. **사용자가 보고 있는 상태와 실제 Command 대상이 다르거나, 클릭했는데 아무 일도 일어나지 않거나, 편집값이 전환 과정에서 사라지는 문제는 P0/P1 제품 결함**이다.
+
+---
+
+## 2. v41 수정 사항
+
+### P0/P1 — OMS-ORD-001 List Context / Detail Contract
+
+- 주문번호 Link `drillDownRequested` → 실제 `openDetail(row)` 연결
+- Row Double Click → 동일 Detail Drawer로 통일
+- Drawer에서만 전체 편집 Page로 승격
+- Drawer open 시 기존 Search/Grid Context 유지
+- Detail request마다 sequence를 부여하여 Drawer가 닫히거나 다른 주문으로 바뀐 뒤 늦게 도착한 응답이 현재 화면을 덮어쓰지 않게 함
+- 전화번호는 Drawer 기본 표시에서 masking
+
+Reference Screen의 “목록 Context를 유지하고 복잡한 수정만 전체 Page로 전환” 규칙을 실제 Vue에 반영한다.
+
+### P0 — Controlled Grid Selection
+
+`KbxDataGrid`의 Selection을 AG Grid 내부 상태에만 맡기지 않는다.
+
+- `selectionState` 외부 모델과 실제 Grid row selection을 동기화
+- Programmatic sync 중 `selectionChanged` 재귀 emit 차단
+- explicit selected ids가 비워지면 Grid 선택도 해제
+- active row와 selection을 rows 갱신 후 재동기화
+- multi-row는 checkbox/header checkbox를 명시
+- `selectRowByKey`, `clearSelection` API 제공
+
+대량처리 화면에서 **보이는 선택과 Command payload 대상은 반드시 같은 Source of Truth**를 가져야 한다.
+
+### P1 — Grid Error Scope
+
+기존 `errors` 전체를 “셀 오류”로 취급하지 않고 다음 조건만 Grid Cell 오류로 본다.
+
+- `rowKey` 존재
+- `field` 존재
+- 해당 field가 현재 Grid Column에 존재
+
+따라서 Header Validation과 Detail Cell Validation이 섞여도 “N개 셀 오류”와 첫/다음 오류 Navigation이 실제 Grid 범위만 가리킨다.
+
+### P1 — ERP-MST-ITEM-001 Dirty Master Transition
+
+Master 선택과 신규 전환 전에 Dirty 여부를 검사한다.
+
+- Dirty 없음 → 즉시 선택/신규
+- Dirty 있음 → pending transition 저장
+- Grid selection을 현재 item으로 복원
+- `계속 편집 / 변경 버리기 / 저장 후 이동` 선택 후 전환
+- 저장 실패 시 전환하지 않음
+
+Master/Detail에서 가장 위험한 데이터 유실 패턴인 **“왼쪽 목록 클릭 한 번으로 오른쪽 미저장 편집값 소실”**을 제거한다.
+
+### P1 — OMS-ORD-002 Fast Transaction Focus
+
+F2 품목 Lookup 완료 후:
+
+1. 원래 line/clientId와 field Context를 보존한다.
+2. 선택 item을 해당 line에 적용한다.
+3. Dialog 종료 후 `focusNextEditableCell()`로 다음 Cell에 Focus한다.
+
+또한 `신규`/`주문복사`도 현재 Transaction이 Dirty면 3-way Guard를 거친다. Copy는 Order identity/version을 복사하지 않고 line clientId를 새로 만든다.
+
+### P1 — KbxLookup Focus Contract
+
+- Dialog 선택 → 다음 Control
+- Dialog 취소 → 원래 Trigger
+- 직접 Code Enter resolve 성공 → 다음 Control
+- Label은 `${업무명} 코드`, `${업무명} 선택된 이름`, `${업무명} 검색`으로 고유화
+
+즉 Lookup 경로에 따라 Enter 후 Focus가 제각각 움직이지 않는다.
+
+### P1 — KbxUnsavedChangesDialog Keyboard Safety
+
+- Open 시 이전 Active Element 기억
+- 첫 focusable action으로 Focus 이동
+- Tab / Shift+Tab Focus Trap
+- Esc = 계속 편집
+- Saving 중 Esc/background close 차단
+- Close 후 원래 Focus 복원
+- `aria-describedby`로 미저장 변경 설명 연결
+
+### P1 — Fake Command 제거
+
+OMS 주문관리의 `보류`는 실제 backend operation/handler가 없는 상태였으므로 표시만 남겨두지 않고 제거했다.
+
+**실무에서 빠진 버튼보다 더 위험한 것은 동작하는 것처럼 보이는 버튼이다.** 구현되지 않은 업무 Action을 UI 완성도로 계산하지 않는다.
+
+### Accessibility — Side Navigation
+
+- `주문관리 즐겨찾기 추가`처럼 대상 화면명을 accessible name에 포함
+- 즐겨찾기 목록의 현재 화면에도 `aria-current="page"` 적용
+
+---
+
+## 3. Home Navigation에 대한 v41 판단
+
+v40에서 Home은 이미 다음 구조를 갖는다.
+
+- 확인 필요
+- 바로 시작: 미저장/고정/열린 업무 우선
+- 즐겨찾기/최근/권장 중복 제거
+- 모듈별 업무
+- Ctrl+K 메뉴/화면 검색
+- 실패 작업/중요 알림/진행 작업에서 실제 Context 이동
+
+v41에서는 Home에 카드나 KPI를 더 추가하지 않았다. 현재 병목은 Home 정보량 부족이 아니라 **Home에서 들어간 실제 Golden Screen이 동일한 Context/Selection/Focus 계약을 지키는가**였다.
+
+따라서 Home 자체는 Side Navigation 접근성·현재상태 표현만 보강하고, 투자 우선순위를 실제 Screen parity로 옮겼다. 이것이 과유불급을 피하는 판단이다.
+
+---
+
+## 4. 보안·안정성 판단
+
+### FE는 Trust Boundary가 아니다
+
+다음 v41 수정은 오조작·데이터 유실·UI race를 방지하는 FE 안정성이다.
+
+- Dirty Guard
+- controlled selection
+- stale detail response sequence guard
+- masked sensitive display
+- disabled/permission UX
+- client validation
+
+하지만 다음은 Server가 최종 Enforcement 해야 한다.
+
+- Permission
+- 상태전이
+- 재고/금액/Reference Integrity
+- Concurrency
+- Idempotency
+- Audit
+- DB Constraint
+- Outbox/Inbox
+
+UI에서 Command가 숨거나 disabled된 것을 보안으로 간주하지 않는다.
+
+### Async stale response
+
+주문 A Drawer를 열고 곧 주문 B를 열거나 Drawer를 닫았을 때 A 요청이 늦게 완료되더라도 현재 Drawer 상태를 덮어쓰지 않도록 request sequence로 무효화한다.
+
+이는 단순 UX polish가 아니라 운영 중 잘못된 주문 정보를 현재 주문 정보처럼 표시할 수 있는 race를 줄이는 방어선이다.
+
+---
+
+## 5. 잔여 결함 — 완료로 계산하지 않음
+
+### P1 — Excel Standard 미완료
+
+OMS 주문조회 `엑셀` Action은 현재 AG Grid CSV export에 연결되어 있다.
+
+KBX 표준이 요구하는 다음 계약 전체와 같지 않다.
+
+- 현재 조회결과 Excel 다운로드
+- 업로드 양식 다운로드
+- Excel 업로드
+- Excel 붙여넣기
+- 최근 업로드 결과
+
+특히 현재 로드된 Row CSV와 **전체 검색조건 결과 Export**는 같은 개념이 아니다. 서버 기반 Export/Job 정책과 `KbxExcelMenu` 실제 통합이 필요하다.
+
+### P1 — 실제 Vue Runtime E2E / Visual Regression
+
+현재 산출물에는 `node_modules`가 없고 `pnpm` 실행파일도 없다. 따라서 v41의 실제 Vue/PrimeVue/AG Grid app runtime을 띄워 Playwright로 검증하지 못했다.
+
+이번 증적은 다음 범위다.
+
+- TypeScript/Vue script transpile syntax
+- static contract/parity validator
+- 전체 Foundation governance
+- design debt ratchet
+
+이를 실제 runtime E2E를 통과한 것으로 표현하지 않는다.
+
+### P2 — brittle legacy validator
+
+v33 validator 일부는 의미가 아니라 `?'idle'` 같은 source 문자열 형태를 검사한다. 동작상 동일한 `? 'idle'` formatting도 실패한다.
+
+이번에는 기존 재현성을 위해 source를 호환시켰다. 향후 AST/semantic validator로 교체하는 것이 맞지만 FE 기능 작업과 섞어 큰 리팩터링을 만들지 않았다.
+
+---
+
+## 6. 30년 현장 QA 관점의 판단
+
+### 1. Reference Screen과 실제 제품 Screen은 별도로 합격시켜야 한다
+
+Prototype이 정상이라고 Production Component가 정상인 것은 아니다. v41에서 발견한 no-op Link와 selection desync가 그 증거다.
+
+### 2. Grid Selection은 데이터 정합성 UX다
+
+Bulk Command에서 Checkbox는 장식이 아니다. 사용자가 선택했다고 보는 Row와 Server로 보낼 대상이 다르면 가장 위험한 유형의 업무 오류가 된다.
+
+### 3. Master/Detail의 핵심 QA는 “다른 Row 클릭”이다
+
+저장 버튼 Happy Path보다 먼저 확인해야 할 것은 편집 중 왼쪽 Master를 바꿨을 때 데이터가 사라지는지다.
+
+### 4. Lookup의 완성도는 Popup 모양이 아니라 Focus 이후다
+
+F2가 열리고 Enter로 선택되는 것까지는 절반이다. 선택 후 사용자가 Mouse를 다시 잡아야 한다면 ERP Keyboard Flow는 끊긴다.
+
+### 5. 모르는 기능을 화면에 두지 않는다
+
+Backend Handler가 없는 `보류`를 Command Bar에 두는 것은 “나중에 구현할 자리”가 아니라 운영 UI의 거짓 약속이다.
+
+### 6. 다음에는 새 Component보다 실제 Runtime QA가 먼저다
+
+v41 이후 우선순위는 다음이다.
+
+1. 실제 Vue 앱 install/build/typecheck
+2. OMS-ORD-001 Playwright: F3 → selection → Drawer → bulk → reset selection
+3. OMS-ORD-002 keyboard-only: F2 → Enter → quantity → F8
+4. ERP-MST-ITEM-001 Dirty row switch 3-way Guard
+5. 1280×720 / 1440×900 / 200% zoom visual regression
+6. KbxExcelMenu + server-side full-query export
+7. Permission/Conflict/Integration failure 실제 API contract E2E
+
+이 Gate 전에는 T10 추가, Runtime JSON UI Builder, 새로운 Grid abstraction을 우선하지 않는다.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v42.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v42.md
new file mode 100644
index 00000000..3a27d1d6
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v42.md
@@ -0,0 +1,276 @@
+# KBX FE QA Hardening v42
+
+## 1. 결론
+
+v41까지의 가장 큰 성과는 Reference Lab과 실제 Vue Golden Screen을 별도 Gate로 보기 시작한 것이다. 그러나 v42에서 한 단계 더 내려가 실제 배포 가능한 FE 제품 관점으로 점검하자 더 근본적인 결함이 드러났다.
+
+**`apps/web`에 독립적인 Vite application entry가 없었다.** Vue/TypeScript 파일이 수백 개 존재하고 공통 컴포넌트와 화면 정의가 정교해도 `package.json`, `index.html`, `main.ts`, Vite config가 없으면 FE 제품을 독립적으로 기동·빌드·검증할 수 없다.
+
+이는 코드 양의 문제가 아니라 제품화 경계의 문제다. v42는 BE 결합을 더 강화하지 않고 **Frontend Runtime 자체를 일급 산출물**로 만든다.
+
+또한 Home이 `/oms/orders?exceptionOnly=true`처럼 업무 Context를 전달해도 주문조회 composable이 route query를 소비하지 않아 실제 화면에서 Context가 사라지는 결함, Excel 버튼이 CSV export와 표준 Excel 업무를 혼동하는 문제, 200% Zoom에서 Shell chrome이 업무공간을 과도하게 점유하는 문제를 함께 보강했다.
+
+---
+
+## 2. P0 — 실제 Vue Web Runtime 부재
+
+### 문제
+
+v41까지 `apps/web/src`에는 실제 업무 화면과 shell 코드가 존재했지만 Web App을 독립 실행하는 최소 runtime contract가 완결되지 않았다.
+
+이 상태에서는 다음이 불가능하거나 외부 조립에 의존한다.
+
+- FE 단독 기동
+- FE 단독 typecheck/build
+- Vue Router/Pinia/TanStack Query/PrimeVue 초기화 검증
+- 실제 Golden Screen E2E 진입
+- BE 없이 Loading/Empty/Error/Lookup/Grid 상태 재현
+
+### v42 조치
+
+추가:
+
+- `apps/web/package.json`
+- `apps/web/index.html`
+- `apps/web/tsconfig.json`
+- `apps/web/vite.config.ts`
+- `apps/web/src/main.ts`
+- `apps/web/src/App.vue`
+- `apps/web/src/styles/app.css`
+- `.env.demo`
+
+Runtime은 실제 제품과 동일하게 다음을 초기화한다.
+
+```text
+Vue
+→ Pinia
+→ Vue Router
+→ TanStack Query
+→ PrimeVue
+→ installKbx()
+→ KbxAppFrame
+```
+
+Vite는 사용자 기술스택 기준인 **Vite 8**을 명시한다.
+
+---
+
+## 3. Demo Runtime은 별도 UI가 아니라 HTTP Adapter다
+
+FE를 BE 없이 검증하기 위해 화면별 demo component를 만들면 다시 이중표준이 된다.
+
+v42는 실제 다음 경계를 유지한다.
+
+```text
+Golden Screen
+→ TanStack Query / Mutation
+→ domain API client
+→ kbxHttp(Axios)
+→ demo adapter 또는 real transport
+```
+
+즉 Page, Lookup, Grid, Validation, Error Handler, Router는 운영 코드와 동일하다. Demo Mode에서 마지막 HTTP transport만 fixture adapter로 교체한다.
+
+지원 fixture는 OMS 주문, Lookup, ERP 품목/재고, Queue, Reconcile, WMS Picking, Excel Import, Runtime Notification/Operation, AI/Suggestion 등 Golden Screen 검증에 필요한 업무 read/write를 포함한다.
+
+알 수 없는 Demo API는 성공으로 위장하지 않고 `DEMO_OPERATION_UNSUPPORTED`로 명시적으로 실패한다.
+
+---
+
+## 4. 보안 — Demo Mode secure default
+
+Demo Mode가 편리하다는 이유로 production/default runtime에서 fixture 또는 전체 권한이 켜지면 안 된다.
+
+v42 정책:
+
+```text
+normal dev/build
+→ VITE_KBX_DEMO_MODE != true
+→ real HTTP transport
+→ grantedPermissions = []
+→ secure-default preference scope
+
+vite --mode demo
+→ VITE_KBX_DEMO_MODE = true
+→ demo HTTP adapter
+→ catalog demo permissions
+```
+
+Demo 활성 조건은 문자열 `true`의 명시적인 일치로 제한한다.
+
+**FE Permission은 여전히 UX 표현이다.** 실제 API Permission, 상태전이, Reference Integrity, Concurrency, Idempotency, Audit은 Server가 최종 Enforcement한다.
+
+---
+
+## 5. P0/P1 — Home은 링크 목록이 아니라 Context Router여야 한다
+
+### 발견 결함
+
+Home/Notification은 예외 주문으로 다음과 같은 경로를 전달할 수 있었다.
+
+```text
+/oms/orders?exceptionOnly=true
+```
+
+하지만 `useOrderSearch()`가 route query를 hydrate하지 않아 화면 진입 후 실제 검색조건에서는 `exceptionOnly`가 사라졌다.
+
+사용자 입장에서는 “재고부족 7건”을 눌렀는데 주문조회로 이동한 뒤 다시 조건을 찾게 된다. 이는 Home navigation 완성도가 높다고 평가할 수 없다.
+
+### v42 조치
+
+`useOrderSearch()`가 route query를 다음 allow-list만 소비한다.
+
+- `from`, `to`: ISO date 형식
+- `status`: 명시 상태 allow-list
+- `exceptionOnly`: 정확히 `true`
+- `keyword`: 최대 100자
+- `channelId`: 최대 64자
+
+허용 Context가 존재하면 mount 시 자동 조회한다.
+
+임의 query를 그대로 내부 filter/API로 전달하지 않는다. Home의 편의성과 입력 경계 검증을 함께 유지한다.
+
+---
+
+## 6. P1 — Excel은 “버튼 하나”가 아니다
+
+v41의 `엑셀`은 사실상 AG Grid CSV export에 가까웠다. KBX 표준의 Excel 계약과 동일하지 않다.
+
+v42는 `KbxCommandDefinition.menu = 'excel'`을 도입하여 `KbxCommandBar`가 공통 `KbxExcelMenu`를 렌더링한다.
+
+표준 메뉴:
+
+- 현재 조회결과 다운로드
+- 업로드 양식 다운로드
+- 엑셀 업로드
+- Excel 붙여넣기
+- 최근 업로드 결과
+
+`KbxExcelMenu`는 다음 키보드 계약을 가진다.
+
+- Esc: 닫기 + Trigger Focus 복원
+- ArrowUp/ArrowDown: 메뉴 이동
+- Home/End: 처음/마지막
+- outside pointer: 닫기
+- `role=menu/menuitem`
+
+### 데이터 유실 방지 판단
+
+현재 T01은 전체 검색결과가 Browser에 모두 로드된 경우에만 local CSV export를 허용한다.
+
+서버 검색결과가 8,241건인데 현재 Browser row가 일부뿐인 경우 **부분 CSV를 “전체 조회결과”로 다운로드하지 못하게 차단**한다.
+
+Full-query XLSX/Job Export API는 아직 연결되지 않았으므로 v42에서도 이를 완료로 계산하지 않는다. 이는 잔여 P1이다.
+
+---
+
+## 7. 200% Zoom / Narrow Desktop Shell
+
+업무 Desktop 기준 1440px를 200% Zoom하면 CSS viewport는 약 720px처럼 압박된다.
+
+기존 Global Header는 narrow media에서도 220px navigation column을 예약하여 실제 Workspace를 불필요하게 줄였다.
+
+v42:
+
+- 56rem 이하 Global Header의 첫 열을 fixed Side Nav width가 아닌 `auto`로 변경
+- Header search는 `minmax(0,1fr)`로 축소 가능
+- 40rem 이하 Header actions는 3-column row로 reflow
+- Side Nav가 expanded 상태여도 56rem 이하에서는 56px compact rail로 시각 수축
+- 상세 module/personal navigation은 숨기고 Header module selector / Ctrl+K를 핵심 이동 경로로 유지
+- WMS Mobile 정책은 기존 별도 Mobile Template 규칙을 유지
+
+목표는 Desktop 화면을 Mobile 카드 UI로 바꾸는 것이 아니라 **업무 Workspace를 우선 보존**하는 것이다.
+
+---
+
+## 8. QA 자동화 — v42 Runtime Readiness Gate
+
+신규 `scripts/validate-fe-runtime-v42.mjs`가 다음을 자동 확인한다.
+
+- `apps/web` workspace/package 존재
+- Vite 8 명시
+- build 전에 `vue-tsc --noEmit`
+- main entry의 Pinia / Query / Router / PrimeVue / KBX wiring
+- Demo Mode explicit activation
+- production permission secure default
+- demo adapter가 HTTP boundary 아래에만 존재
+- unknown demo operation fail-explicit
+- WMS fixture state transition
+- Home → Order route context allow-list / 길이 제한 / auto-search
+- CommandBar → standard Excel menu
+- Excel menu keyboard/focus contract
+- duplicate Grid export 진입점 제거
+- 56rem/40rem Shell pressure 대응
+
+이 Gate는 실제 Browser E2E를 대체하지 않는다. **런타임을 실행할 수 있도록 구성되어 있는지와 보안/구조 계약이 소스에서 유지되는지**를 검증한다.
+
+---
+
+## 9. 실행환경 제한 — 완료로 과장하지 않는 항목
+
+현재 작업 컨테이너에서는 `pnpm` 실행파일이 없고 Corepack을 통한 pnpm 준비도 npm registry network 정책에 의해 실패했다.
+
+따라서 이번 환경에서 다음을 실제 실행했다고 주장하지 않는다.
+
+- `pnpm install`
+- `pnpm --filter @kbx/web build`
+- 실제 Vite server
+- 실제 Vue/PrimeVue/AG Grid Browser Playwright
+- 200% Zoom actual screenshot regression
+
+대신 다음은 실제 실행하여 PASS했다.
+
+- 304 TS/Vue syntax transpile
+- API governance
+- v42 FE runtime readiness Gate
+- 전체 `validate:kbx`
+
+Network-enabled CI/dev 환경의 다음 필수 Gate는:
+
+```bash
+pnpm install --frozen-lockfile
+pnpm typecheck:web
+pnpm build:web:demo
+pnpm dev:web:demo
+# Playwright actual runtime E2E
+```
+
+이다.
+
+---
+
+## 10. 30년 현장 QA 관점의 우선순위
+
+### 1. 화면 개수보다 “기동 가능한 제품”이 먼저다
+
+300개 Vue/TS unit이 있어도 Application Entry가 없다면 FE 제품 완성도를 높게 평가하면 안 된다.
+
+### 2. Home 카드보다 Context 전달이 중요하다
+
+“오류 16”을 보여주는 것보다 그 숫자를 눌렀을 때 오류 16건이 그대로 조회되는 것이 중요하다.
+
+### 3. Demo는 운영 코드와 달라지면 QA 가치가 급격히 떨어진다
+
+별도 Mock Page가 아니라 동일 API boundary 아래의 adapter로 검증해야 한다.
+
+### 4. Excel은 가장 쉽게 기능 착시가 생기는 영역이다
+
+CSV 한 번 내려간다고 Excel 표준이 완료된 것이 아니다. 전체 조회결과, Import, Mapping, Validation, Job, Result가 하나의 제품 계약이다.
+
+### 5. 200% Zoom은 접근성 QA이면서 업무 생산성 QA다
+
+Side Nav와 Header가 화면의 절반을 차지하면 접근성 준수 여부 이전에 실제 업무가 불가능해진다.
+
+### 6. 다음 iteration도 새 Template을 만들 시점이 아니다
+
+v43 우선순위:
+
+1. network-enabled actual `pnpm install/build/typecheck`
+2. 실제 Vue OMS-ORD-001 browser E2E
+3. OMS-ORD-002 keyboard-only E2E
+4. ERP-MST-ITEM-001 Dirty transition E2E
+5. 실제 200% Zoom / 1280×720 visual regression
+6. server-side full-query XLSX export + background job
+7. Permission / Conflict / Integration error 실제 API contract E2E
+
+그 전에는 T10 추가, Runtime JSON UI Builder, 새로운 Grid abstraction을 우선하지 않는다.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v43.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v43.md
new file mode 100644
index 00000000..46bce4eb
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v43.md
@@ -0,0 +1,248 @@
+# KBX FE QA Hardening v43
+## Semantic Theme · Home Navigation · Visual Hierarchy · FE Reference Parity
+
+### 1. 이번 버전의 결론
+
+v43의 핵심은 색상 변경이 아니다. KBX의 기존 `surface / text / border / primary / success / warning / danger / focus / AI` 의미 토큰을 기반으로 **KBX Business Light / KBX Business Dark** 두 표현 모드를 만들고, 같은 의미 계약을 Application Shell, Home, PrimeVue, AG Grid, 공통 Component, FE Reference Lab까지 공유하도록 정리한 것이다.
+
+첨부 `KBX Business UX/AX Standard v1.0`, `KBX Design System v1.0`, `KBX Reference Screens v1.0`, `KBX Implementation Contract v1.0`은 Light/Dark 모드 자체를 명시적으로 요구하지 않는다. 따라서 Dark Theme는 표준 문서의 직접 요구사항이라고 과장하지 않는다. 이번 Theme는 사용자의 요청에 따라 **기존 Semantic Token, Density, Accessibility, Predictable Layout 계약을 확장한 구현 선택**이다.
+
+Reference Screen의 디자인 리뷰 순서가 업무 단계·입력량·Focus·예외·Grid·상태·복구·감사·AI를 먼저 보고 미관을 마지막에 보도록 정의한 만큼, Theme 역시 업무 판단을 흐리면 실패로 판단했다.
+
+---
+
+## 2. 30년 현장 QA 관점의 냉정한 v42 평가
+
+v42에는 Token이 있고 UI가 정돈되어 있었지만, 이를 완성된 Theme System이라고 부르기에는 부족했다.
+
+### P1 — 세 개의 서로 다른 시각 경계
+
+실제 구현은 사실상 다음 세 영역으로 나뉘어 있었다.
+
+1. KBX CSS semantic tokens
+2. PrimeVue Aura 기본 Theme
+3. AG Grid Quartz 개별 파라미터
+4. 별도의 FE Reference Lab CSS
+
+같은 `primary`, `surface`, `warning`, `focus` 의미가 제품 영역에 따라 미묘하게 달라질 수 있었다. 이 상태에서 Dark Mode를 추가하면 화면마다 다른 Dark가 만들어질 가능성이 높다.
+
+### P1 — Home의 의미 우선순위가 색상으로 충분히 보강되지 않음
+
+Home의 정보 구조 자체는 `확인 필요 → 바로 시작 → 모듈별 업무`로 올바른 방향이었지만, 긴급 예외·미저장·고정 업무·일반 메뉴가 시각적으로 비슷해 스캔 속도가 떨어질 수 있었다.
+
+### P1 — 하드코딩 색상 잔존
+
+Network Indicator, Dialog/Toast Shadow, FE Reference surface 등에 일부 직접 색상이 남아 Theme 전환 시 의미 토큰과 어긋날 여지가 있었다.
+
+### P1 — Dark Mode의 대표적인 함정 재현
+
+첫 Dark 시각 QA에서 실제로 결함이 발견됐다. `.kbx-app[data-theme="dark"]`의 배경 변수는 Dark로 바뀌었지만 상위 `body`에서 이미 계산된 Light text color가 일부 자식에게 상속되어 **배경은 어둡고 글자는 검은 가짜 Dark Mode**가 만들어졌다.
+
+이 문제는 정적 코드 리뷰만으로는 지나치기 쉽다. 실제 렌더링을 통해 발견했고 Theme Root에서 `color/background`를 재계산하도록 수정했다.
+
+---
+
+## 3. v43 구현
+
+### 3.1 KBX Business Theme 계약
+
+Token source version을 `1.9.0`으로 올리고 다음 Theme mode를 명시했다.
+
+- `KBX Business Light`
+- `KBX Business Dark`
+
+Theme는 primitive color를 화면마다 다시 정의하지 않는다. Semantic Token override만 가진다.
+
+주요 Dark semantic 예:
+
+- surface / muted / subtle / hover
+- text / text-muted
+- border / border-strong
+- primary
+- success / warning / danger
+- focus
+- info/success/warning/danger surface + border
+- changed / AI suggested
+- overlay / overlay shadow
+
+Density는 Theme와 독립적으로 유지한다. `compact / comfortable / touch`의 업무 밀도 계약을 Theme가 바꾸지 않는다.
+
+### 3.2 Theme Runtime API
+
+`applyKbxTheme()`, `normalizeKbxThemeMode()`, `nextKbxThemeMode()`를 공통 Theme 경계로 추가했다.
+
+Theme preference는 `light | dark` allow-list만 허용한다. 알 수 없는 값은 `light`로 fail-safe 한다.
+
+중요한 보안 원칙:
+
+> Theme는 presentation preference일 뿐 Permission, Domain State, Business Rule, AI Capability를 결정하지 않는다.
+
+### 3.3 Application Shell
+
+Global Header에 Icon-only가 아닌 명시적 Theme Action을 추가했다.
+
+- `☀ Light`
+- `☾ Dark`
+- 스크린리더용 `밝은 테마로 변경 / 어두운 테마로 변경`
+- 40rem 이하에서 기존 Header action과 함께 4-column으로 재배치
+
+Preference는 기존 사용자 UI preference 저장 경계를 재사용한다.
+
+### 3.4 PrimeVue / AG Grid Theme Bridge
+
+PrimeVue Dark selector를 KBX root의 `[data-kbx-theme="dark"]`와 연결했다.
+
+AG Grid Quartz는 다음 KBX semantic variable을 참조한다.
+
+- foreground → text
+- background → surface
+- accent → primary
+- border → border
+- header → surface-subtle
+- row hover → surface-hover
+- selected row → info-surface
+
+따라서 업무 Page가 PrimeVue/AG Grid Theme API를 각각 직접 조정하지 않아도 된다.
+
+### 3.5 Home Navigation Visual Hierarchy
+
+Home에 새로운 Dashboard Card를 더 넣지 않았다.
+
+대신 현재 구조에서 업무 우선순위만 강화했다.
+
+- `확인 필요`: warning border
+- 긴급/치명 예외: danger left marker
+- Dirty work: warning semantic surface
+- Pinned/Favorite: info semantic surface
+- Module header: subtle surface + primary code
+- active module filter: info surface
+
+이 설계의 목적은 “예쁘게 보이기”가 아니라 사용자가 Home에 들어온 뒤 **어디부터 처리해야 하는지를 1~2초 안에 스캔**하도록 하는 것이다.
+
+### 3.6 Side Navigation
+
+현재 업무 Screen에는 primary inset marker를 추가했다. Background 전체를 강하게 칠하지 않고 현재 위치를 안정적으로 인식하도록 했다.
+
+### 3.7 Shared Component hard-code 감소
+
+- Network Indicator text/danger → semantic token
+- Unsaved Changes Dialog shadow → semantic shadow token
+- Toast shadow → semantic shadow token
+- Reference HTML fixed white surfaces 제거
+
+Design Debt는 `122 → 116`으로 감소했다.
+
+### 3.8 FE Reference Lab Theme parity
+
+BE 없이 실행되는 실제 HTML/CSS/JavaScript Reference Lab에도 같은 Light/Dark 의미 체계를 적용했다.
+
+Theme toggle은:
+
+- local preference allow-list
+- aria-label 갱신
+- `documentElement.colorScheme` 갱신
+- Light/Dark 즉시 전환
+- `?theme=light|dark` 결정적 preview 지원
+
+T01~T09의 업무 상호작용은 Theme에 의해 바뀌지 않는다.
+
+---
+
+## 4. 보안 판단
+
+Theme 기능에서 가장 중요한 보안 원칙은 **표현 상태가 권한 상태로 승격되지 않는 것**이다.
+
+v43에서는 다음을 금지한다.
+
+- Dark/Light preference에 따라 Permission 변경
+- Theme 값으로 API route 또는 Domain Action 결정
+- 저장된 임의 Theme 문자열을 class/style로 그대로 주입
+- 업무 오류/상태를 색만으로 표현
+
+Theme 값은 `light | dark` allow-list 후 dataset과 color-scheme에만 적용한다.
+
+Frontend의 Disabled/Hidden/Theme 표시는 UX일 뿐 보안 경계가 아니다. Permission Enforcement와 상태전이/정합성은 Server가 최종 책임져야 한다.
+
+---
+
+## 5. 브라우저 QA
+
+실제 FE Reference HTML/CSS/JavaScript asset을 Chromium에 inline하여 검증했다. 실행환경 정책상 localhost/file navigation이 차단되므로 production CSP가 제거된 inline harness를 사용했으며, CSP 자체는 별도 정적 Gate에서 검증한다.
+
+Theme Browser QA: **16 / 16 PASS**
+
+검증 항목:
+
+- Light 기본값
+- Dark Toggle
+- Dark text 실제 computed-color 재계산
+- Theme button aria-label
+- T01~T08 Dark render
+- T09 WMS mobile 전용 render + mode
+- 1280px document horizontal overflow 없음
+- Light 복귀
+- JavaScript runtime/page error 0
+
+시각 증적:
+
+- Home Light 1440×900
+- Home Dark 1440×900
+- T01 Dark 1440×900
+
+---
+
+## 6. 전체 Governance 결과
+
+최종 `validate:kbx` PASS.
+
+- Design Tokens: 153
+- Screen Recipes: 9
+- Recipe Verification: 9/9
+- Screen Definitions: 20
+- Components: 84
+- Catalog Entries: 66
+- Navigation Entries: 16
+- Canonical Scenarios: 30
+- Canonical Fields: 51
+- API Operations: 66
+- TS/Vue Script Units: 305
+- Design Debt: 116 <= ratchet 131
+- Release Impact: required major / declared major
+
+Theme 전용 자동 Gate도 전체 validator에 포함했다.
+
+---
+
+## 7. 아직 완료라고 부르지 않는 부분
+
+### P1 — 실제 Vite/PrimeVue/AG Grid Live Theme E2E
+
+v42에서 만든 실제 Vite Runtime은 소스 계약상 준비되어 있으나, 현재 실행환경은 package registry 접근이 차단되어 `pnpm install`과 실제 Vite runtime 기동을 수행할 수 없다.
+
+따라서 이번 16/16 브라우저 증적은 **FE Reference Lab의 실제 HTML/CSS/JS 증적**이며, Vue/PrimeVue/AG Grid live-runtime Theme E2E로 대체해서 주장하지 않는다.
+
+### P1 — Full-query XLSX
+
+v42에서 남긴 Server-side 전체 검색조건 XLSX / Hangfire export는 Theme와 별개이며 여전히 후속 과제다.
+
+### P2 — Forced Colors / OS High Contrast
+
+Light/Dark와 별개로 Windows Forced Colors 및 실제 Screen Reader 환경 검증은 추가 현장 QA가 필요하다.
+
+### P2 — 실제 PDA 장비 Dark Theme
+
+T09은 390×844 브라우저 Reference 검증을 통과했지만 Scanner/PDA의 저휘도·창고 조명·장갑 조건에서 Dark Theme가 실제로 우월하다고 단정할 근거는 아직 없다. 현장 사용성 검증 후 WMS 기본 Theme를 결정해야 한다.
+
+---
+
+## 8. 다음 우선순위
+
+1. Network-enabled 환경에서 실제 Vite install/typecheck/build
+2. Vue App Light/Dark Playwright Visual Regression
+3. OMS-ORD-001 / 002 / ERP-MST-ITEM-001 Theme parity
+4. 1280×720 / 1440×900 / 200% Zoom × Light/Dark matrix
+5. WMS 390×844 실장비 contrast/scan feedback
+6. Forced Colors / keyboard-only / screen-reader QA
+7. Server-side full-query XLSX
+
+새로운 T10/T11이나 더 큰 Metadata Theme Engine은 필요하지 않다. 현재는 **하나의 의미 토큰 계약이 기존 T01~T09 전체에서 실제로 유지되는지**를 더 깊게 검증하는 것이 우선이다.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v44.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v44.md
new file mode 100644
index 00000000..f934a0ca
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v44.md
@@ -0,0 +1,340 @@
+# KBX FE QA Hardening v44
+## Theme State · Runtime Center · Empty Recovery · Forced Colors · Home/Shell Parity
+
+## 1. 결론
+
+v44의 목적은 Light/Dark 팔레트를 하나 더 다듬는 것이 아니다. v43에서 정리한 Semantic Theme가 실제 업무 상태와 복구 흐름을 방해하지 않는지 검증하고, **Home/Application Shell → 시스템 작업/알림 → T01~T09 → Empty/Error/Permission/Conflict/Network**의 표현 계약을 같은 FE 언어로 유지하는 것이 목적이다.
+
+이번 버전에서 새 화면 유형이나 대형 Theme Engine은 만들지 않았다. 기존 T01~T09와 KBX Component 계약을 실제 HTML/CSS/JavaScript와 Vue 런타임 코드에 더 정확하게 연결했다.
+
+첨부 표준의 핵심 근거는 다음이다.
+
+- Business UX/AX: Familiar First, Keyboard Accelerated/Mouse Complete, Grid First, Exception Driven, Predictable Layout, Explicit State, Audit by Default.
+- Design System: Semantic Color, Density, Focus, Empty/Loading/Error, KbxDataGrid/KbxTemplate 계층.
+- Reference Screens: 1440×900 Desktop Shell, WMS 390×844 별도 Mobile Template, Empty/Error 복구, Home/Queue의 actionable navigation.
+- Implementation Contract: KBX는 사용방법을 결정하고 Domain은 가능한 업무를 결정한다. Frontend Permission/Validation은 UX 방어선이며 Server Validation/Concurrency/DB Constraint/Idempotency/Audit가 최종 책임을 가진다.
+
+Light/Dark 자체는 첨부 표준의 직접 요구사항이 아니다. v43/v44 Theme는 사용자 요구에 따라 기존 Semantic Token·Accessibility·Predictable Layout 계약을 확장한 구현 선택이다.
+
+---
+
+## 2. 30년 현장 QA 관점에서 본 v43 잔여 결함
+
+### P1 — Application version traceability가 실제 코드와 달랐다
+
+`apps/web/src/App.vue`가 `v42-fe-runtime` 문자열을 계속 사용하고 있었다. Theme/Navigation이 v43까지 진화했는데 운영 제안·문제재현 Context의 AppVersion이 과거 버전을 가리키면 화면 캡처와 이력이 맞지 않는다.
+
+v44:
+
+```text
+App artifact version
+v42-fe-runtime
+→ v44-fe-theme-state
+```
+
+Release도 Foundation 44 / Contract 1.25.0으로 맞췄다.
+
+### P1 — 작업/알림 Center가 Shell의 접근성 계약을 충분히 갖지 못했다
+
+실제 Vue Runtime의 작업/알림 Panel은 비모달 방식이 타당했지만 다음이 약했다.
+
+- Header Trigger의 open state를 Screen Reader가 알기 어려움
+- Panel을 키보드로 즉시 닫는 명시적 계약 부족
+- 닫은 뒤 Trigger Focus Restore 부족
+- Ctrl+K 외 Header/Home 메뉴검색 버튼 경로에서 Panel과 Menu Search가 겹칠 가능성
+
+v44는 System Center를 **비모달 Runtime Panel**로 고정했다.
+
+```text
+작업 / 알림 Trigger
+→ aria-controls
+→ aria-expanded
+→ 비모달 Panel focus
+→ Esc / 닫기
+→ Trigger focus restore
+```
+
+Menu Search는 Ctrl+K, Header Trigger, Home Trigger 모두 같은 `openMenuSearch()` 경로를 사용하며 Runtime Panel을 먼저 정리한다.
+
+### P1 — Reference HTML과 실제 Vue가 System Center에서 다른 문법을 사용했다
+
+v43 Reference Lab에서는 작업/알림을 공통 Modal Drawer로 열었지만 실제 Vue는 비모달 Panel이었다.
+
+이중표준을 제거했다.
+
+```text
+Help / AI / Suggestion / 상세조회
+→ Drawer / Modal 성격
+
+작업 Center / 알림 Center
+→ 비모달 System Panel
+```
+
+작업 진행을 보면서 현재 화면을 유지할 수 있어야 하기 때문이다.
+
+### P1 — T01 Empty가 상태는 표시하지만 복구 루프가 한 단계 부족했다
+
+조회 결과가 0건일 때 사용자가 다시 Search Panel을 찾아 조건을 지워야 했다. 업무형 Empty는 장식용 일러스트가 아니라 즉시 복구 Action이 중요하다.
+
+v44:
+
+```text
+KbxTemplateStateBoundary
+→ emptyActionLabel / emptyAction
+
+KbxListPage
+→ Template contract로 전달
+
+OMS-ORD-001
+→ [조회조건 초기화]
+→ 기본 조건 복원
+→ 즉시 재조회
+```
+
+즉 `empty → manual filter editing`이 아니라 `empty → one action → ready`의 루프로 닫았다.
+
+### P2 — Light/Dark만으로는 Windows 고대비 사용자를 보장할 수 없었다
+
+Dark Theme를 잘 만드는 것과 OS Forced Colors를 지원하는 것은 다른 문제다. 사용자가 Windows High Contrast/Forced Colors를 사용하면 브라우저가 제품 색을 강제로 재매핑한다.
+
+v44는 Forced Colors를 제3의 KBX Theme로 만들지 않았다.
+
+```text
+KBX Light / Dark
+        ↓
+OS forced-colors active
+        ↓
+Canvas / CanvasText / Highlight / LinkText 우선
+```
+
+이 방식이 안정적이다. 업무 상태를 임의 RGB로 다시 싸우지 않고 OS 접근성 정책을 존중한다.
+
+---
+
+## 3. Theme 적용 원칙
+
+v44 Theme 판단 기준은 다음과 같다.
+
+```text
+색이 예쁜가?               후순위
+업무 우선순위가 보이는가?  우선
+상태를 색 없이도 아는가?   필수
+Focus가 보이는가?          필수
+Grid 데이터가 읽히는가?     필수
+복구 Action이 보이는가?     필수
+```
+
+Light/Dark에서도 Control Height, Grid Row, Command Bar, Search Panel, WMS Touch Target은 변하지 않는다. Theme 전환 때문에 사용자가 학습한 업무 위치와 밀도가 달라지면 실패다.
+
+Forced Colors에서도 `aria-current`, `aria-selected`, `aria-pressed`에 Highlight outline을 제공하여 현재 위치와 선택을 색상 배경만으로 의존하지 않게 했다.
+
+---
+
+## 4. 실제 코드 보강
+
+### Application Shell / Home
+
+- `KbxGlobalHeader`
+  - operation/notification open state props
+  - `aria-controls`
+  - `aria-expanded`
+- `KbxApplicationShell`
+  - Header open-state pass-through
+- `KbxAppFrame`
+  - non-modal Runtime Panel
+  - `role="region"`
+  - explicit close button
+  - Esc close
+  - focus restore
+  - route change 시 안전하게 close
+  - Help/AI/Suggestion과 중첩 방지
+  - Ctrl+K/Header/Home menu search 경로 통합
+- App version을 v44 FE artifact와 일치
+
+### Template State
+
+- `KbxTemplateStateBoundary 1.2.0`
+  - `emptyActionLabel`
+  - `emptyAction`
+- `KbxListPage 1.7.0`
+  - Empty Recovery contract 노출
+- `KbxDataState 1.1.1`
+  - Idle/Loading/Error를 semantic surface로 표현
+- `OMS-ORD-001`
+  - `[조회조건 초기화] → resetAndSearch()`
+
+### Theme / Accessibility
+
+- generated KBX token CSS에 `@media (forced-colors: active)` 추가
+- Light/Dark 의미 토큰을 OS System Color로 안전하게 override
+- Focus `Highlight`
+- surface `Canvas`
+- text `CanvasText`
+- primary `LinkText`
+- 앱 CSS와 Reference CSS 모두 current/selected/pressed 상태의 고대비 outline 적용
+
+### Component versioning / Catalog
+
+공개 계약 변경을 버전 없이 숨기지 않았다.
+
+- `KbxGlobalHeader 1.4.0`
+- `KbxApplicationShell 1.6.0`
+- `KbxListPage 1.7.0`
+- `KbxTemplateStateBoundary 1.2.0`
+- `KbxDataState 1.1.1`
+
+Catalog에도 다음 재현 상태를 보강했다.
+
+- ListPage Empty Recovery
+- ApplicationShell Runtime Center
+- DataState Forced Colors
+- TemplateStateBoundary Empty Recovery
+
+---
+
+## 5. 보안 판단
+
+v44 변경은 FE 보안과 Domain 보안을 섞지 않는다.
+
+Frontend 책임:
+
+- Panel/Drawer 중첩 및 Focus 오류 방지
+- route 변경 시 stale UI 정리
+- Theme preference 표현 상태만 보존
+- Empty/Error의 명시적 복구 UX
+- Forced Colors 접근성
+- 메뉴검색과 Runtime Panel 상태 충돌 방지
+
+Server 최종 책임:
+
+- Permission enforcement
+- Entity existence
+- Business Rule
+- Optimistic Concurrency
+- DB Constraint
+- Import staging/commit
+- Idempotency
+- Audit / Outbox / Inbox
+- AI proposal revalidation
+
+Theme 값, `aria-expanded`, disabled 상태가 보안 판단의 Source of Truth가 되어서는 안 된다.
+
+---
+
+## 6. Browser QA
+
+### Feature Browser QA
+
+정확한 FE Reference HTML/CSS/JavaScript asset을 Chromium `set_content` harness로 실행했다.
+
+결과:
+
+```text
+14 / 14 PASS
+```
+
+검증:
+
+- Home Light render
+- 작업 Center open
+- `aria-expanded=true`
+- Panel focus
+- 비모달 유지(shell inert 아님)
+- Esc close
+- Trigger focus restore
+- Dark 전환
+- T01 Dark
+- Forced Colors active
+- system semantic color override
+- runtime error 0
+
+### T01~T09 Matrix
+
+```text
+28 / 28 PASS
+```
+
+검증:
+
+- T01~T09 Light
+- T01~T09 Dark
+- T09 `wms-mobile` 전용 mode
+- T01 Empty 표시
+- Empty → 조회조건 초기화 → 8 rows 복구
+- Runtime center open/focus/Esc/focus restore
+- 1280×720 document horizontal overflow = 0
+- Forced Colors active
+- Forced Colors T01 Grid visible
+- runtime error = 0
+
+T09는 Desktop `[data-template]` 존재 여부를 검사하지 않았다. 실제 표준대로 `#app[data-mode="wms-mobile"]`인지 검증했다. 테스트가 구현을 잘못 가정하면 테스트도 결함이다.
+
+---
+
+## 7. 전체 Foundation Gate
+
+최종 `node scripts/validate-kbx.mjs` 결과 전체 PASS.
+
+```text
+Design Tokens             153
+Screen Recipes               9
+Recipe Verification        9/9
+Screen Definitions          20
+Component Definitions       84
+Component Catalog Entries   66
+Navigation Entries          16
+Canonical Scenarios         30
+Canonical Fields            51
+API Operations              66
+TS/Vue Script Units        305
+Design Debt                116 / ratchet 131
+```
+
+Release Governance:
+
+```text
+Foundation iteration 44
+Contract 1.25.0
+Required major
+Declared major
+PASS
+```
+
+Design Debt를 Theme/State 기능 추가 대가로 올리지 않았다.
+
+---
+
+## 8. 증적 한계
+
+이 실행환경에는 `pnpm` 실행파일과 `node_modules`가 없으며 package registry를 사용할 수 없다.
+
+따라서 다음을 실행했다고 주장하지 않는다.
+
+- 실제 Vite dev server
+- 실제 Vue/PrimeVue/AG Grid live runtime
+- `vue-tsc` full semantic typecheck
+- 실제 runtime Playwright
+- 실제 Screen Reader 자동화
+
+이번 v44의 실제 Vue 코드는 syntax/static/governance gate로 검증했고, Browser QA는 동일한 Reference HTML/CSS/JavaScript asset을 Chromium에서 실행했다.
+
+이 구분을 지키는 것이 QA 증적의 신뢰성에 중요하다.
+
+---
+
+## 9. 다음 우선순위
+
+다음 버전에서 T10/T11, 새로운 Theme Engine, Runtime JSON Builder를 추가하는 것은 우선순위가 아니다.
+
+순서는 다음이 적절하다.
+
+1. network-enabled CI에서 `pnpm install → typecheck → Vite build`
+2. 실제 Vue Golden Screen Light/Dark Playwright
+3. `1440×900 / 1280×720 / 200% Zoom × Light/Dark`
+4. Windows Forced Colors 실제 Vue Visual Regression
+5. keyboard-only `OMS-ORD-002` F2→Enter→Grid→F8
+6. T02/T03 Conflict/Permission/Business Error 실제 API E2E
+7. Server-side full-query XLSX + Hangfire Job
+8. 실제 WMS PDA/Scanner에서 조도·장갑·네트워크 불안정 현장 QA
+
+핵심은 화면 개수를 늘리는 것이 아니라 **현재 9개 Template의 성공/실패/복구 상태를 실제 제품에서 끝까지 재현 가능하게 만드는 것**이다.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v45.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v45.md
new file mode 100644
index 00000000..9b3c5c5b
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v45.md
@@ -0,0 +1,64 @@
+# KBX FE QA Hardening v45
+
+## 1. 목적
+
+v45는 컴포넌트 수를 늘리는 버전이 아니다. v44까지 완성한 Theme/State/Shell 위에서 **사용자가 반복 조회를 줄이면서도 개인정보·업무 민감값·화면 버전 충돌을 Preference에 남기지 않는가**, 그리고 **Home의 우선 항목이 정확한 후속 Context까지 이어지는가**를 실제 FE 품질 기준으로 닫는다.
+
+## 2. QA 비판
+
+기존 `KbxSearchPanel`에는 `remember`, `savedSearch` 계약이 있었지만 Golden T01에서 사용하지 않았다. 더 큰 문제는 기존 `screenPreferenceStore`가 `screenId`만 localStorage key로 사용하고 JSON을 그대로 반환했다는 점이다. Tenant/User 격리, ScreenVersion, 크기 제한, 타입 검증, 저장소 실패 복구가 없으므로 제품 표준의 개인화/재현성 계약보다 약했다.
+
+Home도 우선순위 자체는 좋아졌지만 실패/진행 Operation을 선택하면 Runtime Center 전체 목록만 열려 사용자가 같은 대상을 다시 찾을 수 있었다. Exception Driven Home이 후속 탐색을 재발생시키면 Context Router 완성도가 낮다.
+
+## 3. v45 구현
+
+### 3.1 Screen Preference 안전 경계
+
+저장 key:
+
+`kbx.screen.preference.v2:{scope}:{ScreenId}:{ScreenVersion}`
+
+여기서 scope는 AppFrame이 제공하는 Tenant/User 경계다. 저장 payload는 32KB 이하, 검색 기본값은 최대 24 key, 문자열은 최대 256자로 제한한다. localStorage 접근 실패는 화면 실패로 전파하지 않는다.
+
+### 3.2 OMS T01 안전한 검색 개인화
+
+`OMS-ORD-001`에 실제 `KbxSearchPanel`의 `remember` / `saved-search`를 연결했다.
+
+저장 허용:
+- from / to
+- channelId
+- status
+- exceptionOnly
+
+저장 제외:
+- `keyword`
+
+`keyword`는 주문번호·주문자·상품명 등을 포함할 수 있으므로 기본 localStorage Preference에 저장하지 않는다. Route Context가 존재하면 Home/알림에서 전달된 명시적 Context가 저장 Preference보다 우선한다.
+
+### 3.3 Home → Runtime Center 정확한 Context
+
+`KbxOperationCenter` / `KbxNotificationCenter`에 `activeId`를 추가했다. Home의 우선 항목에서 특정 Operation/Notification을 선택하면 Runtime Panel을 열고 해당 Row를 `aria-current`로 표시하며 Focus/scroll한다. Header에서 일반 작업센터를 여는 경우에는 특정 항목을 강제하지 않는다.
+
+### 3.4 Theme parity
+
+Reference HTML/JavaScript에도 같은 `기본조건 저장 / 마지막 조회조건 기억`을 구현했다. Preference UI는 기존 Light/Dark/Forced Colors semantic token을 그대로 소비하며 새로운 Theme 계층을 만들지 않는다.
+
+## 4. 보안 경계
+
+Preference는 UX 편의 상태다. 권한, 주문 상태, 재고, 금액, Concurrency, Idempotency, Audit를 저장하거나 결정하지 않는다. Route Context도 기존 safe workspace resolver와 서버 권한/Domain 검증을 대체하지 않는다.
+
+## 5. 검증
+
+- TypeScript/Vue syntax gate
+- v41 Golden FE parity
+- v42 runnable FE/source boundary
+- v43 Theme/navigation
+- v44 State/navigation
+- v45 safe preference/navigation dedicated gate
+- Reference Chromium Browser QA 14/14
+
+Browser QA는 동일 HTML/CSS/JavaScript asset을 inline harness로 실행했다. 현재 환경에서 package registry가 차단되어 실제 Vite/PrimeVue/AG Grid live runtime E2E로 과장하지 않는다.
+
+## 6. 다음 병목
+
+다음은 새 Template이 아니라 실제 Vue Runtime에서 `pnpm install/build` 후 Search Preference를 포함한 Playwright E2E, 그리고 T02/T03의 Permission/Conflict/Integration Error와 server-side Full-query XLSX를 닫는 것이 우선이다.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v46.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v46.md
new file mode 100644
index 00000000..e02c3139
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v46.md
@@ -0,0 +1,144 @@
+# KBX FE QA Hardening v46
+
+## 1. 목적
+
+v46은 새 화면 타입이나 새 UI Framework를 추가하는 버전이 아니다. v45까지의 Theme, State, Safe Preference 기반 위에서 **업무 재개성(work resume)** 과 **T09 오류 복구**를 실제 FE 계약으로 닫는다.
+
+판단 기준은 단순하다.
+
+- 새로고침 후 사용자가 다시 메뉴를 찾아야 하는가?
+- 업무 위치를 복원한다고 Dirty Form/Grid 값까지 브라우저 저장소에 넣고 있지는 않은가?
+- Home에서 복원된 업무를 키보드만으로 다시 열 수 있는가?
+- WMS 초기 조회가 실패했을 때 현장 사용자가 같은 화면에서 다시 시도할 수 있는가?
+
+## 2. QA 비판
+
+### 2.1 Preference는 복원되지만 Workspace는 사라졌다
+
+v45에서는 Theme, 즐겨찾기, 최근 메뉴, 안전한 검색 기본조건은 복원되지만 열린 Workspace Tabs는 메모리에만 있었다. 브라우저 새로고침 후 다시 메뉴를 찾아야 하므로 한국형 ERP의 다중업무 탭 문법에 비해 재개성이 약했다.
+
+반대로 이를 해결한다고 전체 Form/Grid state를 localStorage에 저장하는 것은 더 나쁜 해결이다. Dirty 데이터는 오래된 서버 상태, 개인정보, 주문/재고 업무값을 브라우저 저장소에 남기고 복원 시점의 Domain truth와 충돌할 수 있다.
+
+### 2.2 Home에서 active tab이 없으면 Workspace Tab keyboard entry가 사라졌다
+
+Home에서는 `activeKey=null`이므로 기존 `KbxWorkspaceTabs`의 모든 main tab button이 `tabindex=-1`이었다. 화면에는 업무 탭이 보이지만 Keyboard Tab으로 탭 영역에 들어갈 수 없는 접근성 결함이다.
+
+### 2.3 Navigation Preference의 최초 읽기 경로가 완전히 fail-soft가 아니었다
+
+v45의 화면별 `screenPreferenceStore`는 storage 예외를 방어했지만 `workspaceStore.loadPreference()`의 최초 `localStorage.getItem()`은 try/catch 밖에 있었다. 정책상 Web Storage가 차단된 환경에서 Shell 초기화를 깨뜨릴 가능성이 있었다.
+
+### 2.4 T09는 Error UI는 있었지만 실제 Retry loop가 끊겨 있었다
+
+`KbxWmsMobilePage`는 `KbxTemplateStateBoundary`를 사용하지만 retry event를 상위 업무 Page로 전달하지 않았다. `WMS-PICK-001`도 TanStack Query의 loading/error 상태를 mobile template state에 연결하지 않았다. 따라서 초기 작업 조회 실패 시 공통 오류 표시는 가능해도 Recovery Action이 실제 Query 재조회로 이어지지 않았다.
+
+## 3. v46 구현
+
+### 3.1 Safe Workspace Resume
+
+신규 `workspaceSessionStore.ts`는 `sessionStorage`만 사용한다.
+
+저장:
+
+- ScreenId
+- 안전한 pathname
+- Pin 여부
+- openedAt / lastActivatedAt
+
+저장하지 않음:
+
+- Query
+- Hash
+- Dirty Form 값
+- Dirty Grid 값
+- Lookup 입력값
+- 업무 DTO
+- Permission/Domain state
+
+Dirty 탭은 session snapshot에서 제외하고 `dirtyDiscardedCount`만 제한된 숫자로 기록한다. 이 숫자는 사용자에게 “미저장 편집은 안전상 복원하지 않았다”는 사실을 설명하기 위한 것이며 업무 데이터는 포함하지 않는다.
+
+복원 시 AppFrame은 다시:
+
+1. 현재 permission 확인
+2. Screen registry 확인
+3. `resolveKbxSafeWorkspacePath()`로 route capability 검증
+4. 현재 Screen title 재사용
+5. `dirty=false`, `resumed=true`로 복원
+
+한다. 저장된 문자열을 신뢰해 화면을 열지 않는다.
+
+### 3.2 Home/Workspace Resume UX
+
+복원된 업무는 Home `바로 시작`에서 일반 `열림`과 구분해 `복원`으로 표시한다. Workspace Tab에도 `↺`와 접근성 이름 `이전 세션에서 복원됨`을 표시한다.
+
+사용자가 해당 업무를 실제로 열면 `resumed=false`가 되어 복원 표시는 제거된다. 이는 “복원 후보”와 “현재 사용 중인 업무”를 구분한다.
+
+Home에서 active tab이 없어도 첫 Workspace Tab이 roving tabindex `0`이 되도록 수정했다. 따라서 Mouse뿐 아니라 Keyboard Tab → ArrowLeft/Right/Home/End 흐름으로 재개할 수 있다.
+
+### 3.3 Storage fail-soft 통일
+
+Navigation Preference의 초기 `localStorage.getItem()`도 try/catch 내부로 이동했다. Storage 차단은 Preference가 없는 상태로 degrade되며 Home/Shell 기동 자체를 실패시키지 않는다.
+
+### 3.4 T09 WMS Error Recovery
+
+`KbxWmsMobilePage 1.6.0`은 `retry` / `emptyAction`을 상위 Page로 전달하고 모바일 기본 retry label을 `다시 시도`로 제공한다.
+
+`useWmsPicking()`은 TanStack Query 상태를:
+
+- loading
+- error
+- empty
+- ready
+
+로 명시적으로 매핑한다. `WmsPickingPage.vue`는 이를 `contentState`로 전달하고 `[작업 다시 불러오기]`를 `query.refetch()`에 연결한다.
+
+Scanner success, 재고, idempotency 같은 Domain 결과는 여전히 Server authority다. 이번 변경은 실패 복구 UX를 연결한 것이지 Client를 업무 truth로 만든 것이 아니다.
+
+## 4. Theme 적용 원칙
+
+v46은 새로운 Theme를 추가하지 않는다. KBX Business Light/Dark와 Forced Colors 의미 체계를 그대로 사용한다.
+
+`복원`, `미저장`, `Pin`, `Error`는 색만으로 구분하지 않으며 icon/text/aria state를 같이 사용한다. Theme 변경은 Workspace Resume 여부나 Permission, Domain state를 바꾸지 않는다.
+
+## 5. Browser QA
+
+Reference HTML/CSS/JavaScript에서 20개 체크를 실행했다.
+
+핵심 시나리오:
+
+- Dark theme 적용
+- clean 품목관리 tab open + pin
+- 주문등록 수정 → Dirty
+- session snapshot에 clean tab만 존재
+- Dirty Form 값 문자열이 snapshot에 없음
+- 새 문서에서 clean tab `복원`
+- Dirty tab 복원 안 됨
+- Home에서 Workspace 첫 tab keyboard entry 가능
+- Home에서 미저장 복원 제외 설명
+- 복원 업무를 실제 열면 resume marker 제거
+- Web Storage 접근 자체가 차단되어도 Home render
+- 1280×720 document horizontal overflow 0
+- runtime page error 0
+
+실행환경의 direct-origin navigation이 관리자 정책으로 차단되어, 동일 Reference asset을 inline Playwright harness에서 실행하고 Web Storage는 in-memory shim으로 재현했다. 이는 실제 origin/sessionStorage browser E2E와 구분한다.
+
+## 6. QA 자동화 자체의 기술부채 정리
+
+전체 Gate에서 v46 제품 동작이 아니라 `v44|v45` 같은 과거 버전 문자열, 과거 Home purpose 문구, 특정 Component exact version을 source text로 요구하는 legacy validator가 회귀를 만들었다.
+
+이를 버전마다 문자열을 추가하는 방식으로 봉합하지 않고, foundation iteration 최소값, component category/존재, minimum semver 등 **실제 보장하려던 의미 계약**으로 바꿨다. 정적 Gate도 제품과 같은 기술부채 관리 대상이어야 하며, 구현 문구를 동결하는 테스트는 리팩터링을 방해한다.
+
+최종 aggregate는 153 tokens, 20 screens, 84 components, 69 catalog entries, 306 TS/Vue units이며 Design Debt는 `116 <= 131`을 유지한다.
+
+## 7. 남은 병목
+
+다음 우선순위는 새 Template이 아니다.
+
+1. network-enabled 환경에서 실제 Vue/Vite install + build
+2. 실제 browser origin에서 sessionStorage Workspace Resume E2E
+3. OMS-ORD-001 Search Preference + Workspace Resume 조합
+4. OMS-ORD-002 keyboard-only F2 → Detail → F8
+5. T02/T03 Permission / Conflict / Integration failure
+6. WMS-PICK-001 실제 API 초기 실패 → Retry → Recovery
+7. server-side full-query XLSX / Hangfire export
+
+이 항목이 닫히기 전 T10/T11 또는 새로운 Runtime UI Engine을 추가하는 것은 과유불급이다.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v47.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v47.md
new file mode 100644
index 00000000..81e33276
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v47.md
@@ -0,0 +1,115 @@
+# KBX FE QA Hardening v47
+
+## 1. 판단
+
+v46까지 Workspace Resume, Theme, Empty/Error Recovery는 많이 안정화되었지만 실제 Golden Screen을 다시 추적하면 **Query 실패와 Command 실패의 UX가 동일한 수준으로 닫혀 있지 않았다.**
+
+- 조회 실패: `KbxTemplateStateBoundary`로 복구 가능
+- Validation: Field/Cell + Summary 존재
+- Conflict: `KbxConflictResolver` 존재
+- 그러나 `business-rule / permission / not-found / integration / system`은 실제 T01/T02/T03의 저장·출고·상태변경 경로에서 공통 표현이 없고 일부는 throw로 빠질 수 있었다.
+
+업무시스템에서는 이 차이가 중요하다. 조회 API가 실패한 것과 사용자의 출고지시가 업무규칙 때문에 거부된 것은 같은 `Error`가 아니다.
+
+## 2. v47 원칙
+
+```text
+Query state
+→ Loading / Empty / Error / Retry
+
+Field validation
+→ Field / Cell / Validation Summary
+
+Concurrency
+→ 내 값 vs 최신 값 / Reload
+
+Command problem
+→ 업무규칙 / 권한 / 데이터 / 외부연계 / 시스템
+→ 현재 Context 유지
+→ 가능한 다음 행동
+```
+
+Problem text나 Action ID는 신뢰 경계가 아니다. Server가 내려준 `actions`를 그대로 `executeCommand(action.id)`에 연결하지 않는다. `KbxProblemFeedback`은 기본적으로 action allow-list가 비어 있으며 화면이 명시적으로 허용한 ID만 렌더링한다.
+
+## 3. 구현
+
+### `KbxProblemFeedback 1.0.0`
+
+지원:
+
+- business-rule
+- permission
+- not-found
+- integration
+- system
+- correlationId
+- retryable retry
+- dismiss
+- 명시적 action allow-list
+
+Validation과 Conflict는 이미 더 구체적인 UX가 있으므로 기존 전용 컴포넌트를 유지한다.
+
+### Template
+
+- `KbxListPage 1.8.0`
+- `KbxMasterPage 1.7.0`
+- `KbxTransactionPage 1.7.0`
+
+세 Template 모두 `problem / problemActionAllowlist / retryProblem / dismissProblem` 계약을 가진다.
+
+### Golden Screens
+
+`OMS-ORD-001`
+- Bulk 출고 실패 시 Selection과 조회 Context 유지
+- retryable Problem이면 같은 Bulk 대상 재시도 가능
+- dismiss 후 현재 화면 유지
+
+`OMS-ORD-002`
+- Save/Confirm Problem을 Form 위에서 설명
+- Validation/Conflict와 중복 표현하지 않음
+- retryable Save/Confirm 재시도
+
+`ERP-MST-ITEM-001`
+- 목록 상세 로드 실패 시 현재 편집 데이터를 덮어쓰지 않음
+- Save/Deactivate Problem을 공통 Surface로 표현
+- 재시도 시 마지막 실패 operation만 재실행
+
+## 4. Reference HTML/JavaScript
+
+실제 예외 주문을 선택하고 출고지시하면 `업무 규칙` Problem을 보여준다. `문제 N건만 선택`은 실패대상만 다시 선택하며 현재 주문조회 화면을 떠나지 않는다.
+
+Dark Theme에서도 warning/danger/info semantic surface를 사용하고 상태는 색상 외 `업무 규칙` 텍스트로 함께 표시한다.
+
+## 5. QA
+
+Reference Browser QA: **12/12 PASS**
+
+- Home render
+- Dark Theme
+- T01 open
+- 예외 Row 선택
+- Business Problem 표시
+- 복구 Action 존재
+- 색상 외 유형 Label
+- 실패건 재선택
+- Problem dismiss
+- 1280px horizontal overflow 0
+- runtime page error 0
+
+증적: `docs/evidence/v47-browser-problem-theme.json`
+
+## 6. 완료로 계산하지 않는 것
+
+이 실행환경은 package registry 제한 때문에 실제 Vite + Vue + PrimeVue + AG Grid live runtime을 설치해 Playwright로 실행하지 못한다. 따라서 v47 실제 Vue 변경은 syntax/static/governance Gate로, 브라우저 상호작용은 동일 Reference HTML/CSS/JavaScript로 분리하여 증적한다.
+
+또한 Client Problem UI는 보안 경계가 아니다. Permission, Domain rule, Concurrency, Idempotency, Integration state의 최종 truth는 Server에 남는다.
+
+## 7. 다음 우선순위
+
+1. 실제 Vue origin에서 T01 bulk business-rule / permission E2E
+2. T03 save integration/system retry E2E
+3. T02 stale-version conflict + command problem 병행 검증
+4. Full-query XLSX / Hangfire 결과 Problem 연결
+5. WMS scan command의 server-rejected / integration-degraded UX
+
+새 Template/Metadata Engine 확장은 이 항목보다 우선하지 않는다.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v48.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v48.md
new file mode 100644
index 00000000..229ac0bb
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v48.md
@@ -0,0 +1,130 @@
+# KBX FE QA Hardening v48
+
+## 1. 판단
+
+v47에서 T01/T02/T03의 `business-rule / permission / not-found / integration / system` Command Problem을 현재 업무 Context 안에서 복구할 수 있게 했지만, 실제 FE 전체를 다시 비교하면 **템플릿 유형별 실패 UX와 Reference 동작 수준이 달랐다.**
+
+- T04/T06/T07/T08 actual Vue는 Mutation/Import 실패 시 일부 경로가 공통 Actionable Problem Surface까지 연결되지 않았다.
+- Reference T05/T06/T07의 검색조건은 화면에 존재해도 조회 Action 일부가 Toast 또는 키보드 경로에 의존했다.
+- Search Panel 내부 `[조회]`가 `type="button"`인데 click binding이 없는 경로가 있어 Mouse Complete를 위반했다.
+- T08은 샘플 파일명을 상태에 넣는 방식이라 실제 Browser File 선택/Drop의 최소 계약을 재현하지 못했다.
+- T08 데이터 흐름은 6단계인데 `.import-steps` 기본 CSS는 5열이었다.
+
+v48은 새 Template이나 Metadata Engine을 추가하지 않고 이 **FE completion gap**만 닫는다.
+
+## 2. 완료 루프 기준
+
+```text
+T04 Fast Entry
+입력/붙여넣기 → 검증 → 저장 → 실패 원인/재시도
+
+T05 Master-Detail
+검색조건 → Loading → 결과/Empty → Master 선택 → Detail/History
+
+T06 Work Queue
+검색/빠른필터 → 대상 선택 → 배정/Wave → 실패/결과
+
+T07 Reconcile
+조건/불일치 → 대상 선택 → 재처리 → 결과/복구
+
+T08 Import
+실제 File → Mapping → Validation → Preview → Commit/Job → Result
+```
+
+버튼이 존재하거나 Toast가 발생하는 것만으로 완료하지 않는다.
+
+## 3. Actual Vue 보강
+
+### T04 `ERP-PRICE-001`
+
+`useItemPriceFastEntry`에 `KbxProblem` 상태, 실패 작업, retry/dismiss를 연결했다. Local/Grid validation은 기존 Cell/Validation Summary를 유지하고, Server에서 인식 가능한 비-validation Problem만 Template Actionable Surface로 보낸다.
+
+### T06 `COMMON Operations Queue`
+
+claim/resolve/retry 등 Mutation 실패를 `KbxWorkQueuePage`의 Problem Surface로 연결한다. 실패 시 Queue Context를 지우지 않고, 성공했을 때만 Selection/Detail 상태를 정리한다.
+
+### T07 `COMMON Reconcile`
+
+예외 생성/재처리 계열 실패도 현재 조회조건과 Selection을 유지한다. Retry는 마지막 실패 작업의 안전한 Closure만 재실행한다.
+
+### T08 `OMS-ORD-003`
+
+Upload, Mapping 저장, 검증, Commit, Template/Error download를 동일 Problem boundary로 연결했다. Import의 Server Staging/Domain Validation 책임은 변경하지 않는다.
+
+## 4. Template 계약 통일
+
+다음 Template이 `problem / problemActionAllowlist / retryProblem / dismissProblem`을 공통 지원한다.
+
+- KbxFastEntryPage
+- KbxMasterDetailPage
+- KbxQueuePage
+- KbxWorkQueuePage
+- KbxReconcilePage
+- KbxImportPage
+
+`KbxProblemFeedback 1.1.0`은 Validation Problem이 상위로 올라오는 경우 첫 3개 메시지와 잔여 건수를 제한적으로 요약한다. 이것은 Field/Cell validation을 대체하지 않는다.
+
+## 5. Reference HTML/JavaScript 고도화
+
+### T05
+
+창고/품목 입력값을 실제 fixture Projection에 적용한다. 조회 시 Loading, 결과, Empty, 조건 초기화를 실제 상태 전이로 재현한다.
+
+### T06
+
+작업자/통합검색과 빠른필터를 실제 Queue rows에 함께 적용한다. 0건이면 Empty Recovery가 제공되고, Selection은 현재 visible rows 기준이다.
+
+### T07
+
+기준일/통합검색/불일치 조건을 실제 reconcile rows에 적용하고 재처리는 `Actual=Expected`, `Difference=0`, `상태=해결`로 Reference state를 변경한다.
+
+### T08
+
+샘플 파일명 주입을 제거했다. 실제 `<input type="file">`과 Drop Event의 `File`을 사용하며 `.xlsx/.xls`, 20MB presentation guard를 적용한다. 6단계 흐름에 맞춰 visual grid도 6열로 정합화했다.
+
+File 확장자/크기 확인은 FE 편의 검증일 뿐, 실제 Import의 File parsing/Staging/Normalization/Business Validation/Commit은 Server 계약이다.
+
+## 6. Chromium QA에서 추가 발견한 결함
+
+초기 v48 QA에서 T05/T06/T07의 Search Panel `[조회]`가 `type="button"`인데 click handler가 없어 **Enter/F3은 되지만 마우스 조회는 안 되는 결함**을 발견했다.
+
+이를 각각 `inventorySearchInline`, `queueSearchInline`, `reconcileSearchInline`로 명시적으로 bind하고 v48 Gate에 회귀 조건을 추가했다.
+
+이 결함은 Screenshot이나 정적 구조 검사만으로 발견하기 어렵다. `Keyboard Accelerated`와 `Mouse Complete`를 별개의 QA 축으로 검증해야 하는 이유다.
+
+## 7. Theme
+
+KBX Business Light/Dark의 semantic token 계약은 유지한다. 이번 변경은 Theme palette를 확장하지 않고 검색/Empty/Problem/File state가 Dark에서도 동일한 정보 위계와 Focus를 갖게 한다.
+
+Theme는 Permission이나 Domain rule에 관여하지 않는다.
+
+## 8. Browser QA
+
+Reference Chromium inline-asset harness: **30/30 PASS**
+
+- Home boot + Dark Theme
+- T05 실제 검색 → Loading → 결과 축소 → Empty → Reset
+- T06 작업자 검색 → Loading → 결과 축소 → Empty → Reset
+- T07 원인 검색 → Loading → mismatch selection → Resolution state mutation
+- T08 실제 File input, File name 반영, 잘못된 extension 거부, 6-step, Mapping/Validation/Preview/Commit 이동
+- 1280×720 document horizontal overflow 0
+- runtime/page/console error 0
+
+증적: `docs/evidence/v48-browser-template-completion.json`
+
+Preview:
+
+- `apps/web/fe-reference/previews/v48-t05-inventory-dark-1440x900.png`
+- `apps/web/fe-reference/previews/v48-t08-file-dark-1440x900.png`
+
+CSP meta는 inline harness에서만 제거했으며 Production CSP는 기존 정적 Governance Gate로 검증한다. 이 증적을 actual Vite/Vue/PrimeVue/AG Grid runtime E2E라고 주장하지 않는다.
+
+## 9. 남은 우선순위
+
+1. network-enabled 환경 actual Vue install/typecheck/build
+2. T04/T06/T07/T08 actual runtime Problem Playwright
+3. T08 실제 XLSX Template/Upload/Staging/Job/Result E2E
+4. T05/T06/T07 API Loading/Empty/Error/Permission/Integration failure E2E
+5. 1440×900 / 1280×720 / 200% Zoom × Light/Dark/Forced Colors visual regression
+
+새 T10/T11, Runtime JSON UI, 자체 Grid/Theme Engine은 이 항목보다 우선하지 않는다.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v49.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v49.md
new file mode 100644
index 00000000..e8a7b48c
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v49.md
@@ -0,0 +1,133 @@
+# KBX FE QA Hardening v49
+
+## 1. 판단
+
+v48에서 T04~T08의 실제 FE 완료 루프와 Reference 검색/File 상호작용을 보강했지만, Home과 WMS를 다시 현장 관점으로 비교하면 **화면이 완성돼 보이는 것과 업무 사실을 정확히 표현하는 것 사이에 아직 차이**가 있었다.
+
+- Home `확인 필요`는 상위 8개까지만 보여주고 전체 건수를 알려줬지만 숨은 우선업무를 Home 안에서 확인할 방법이 없었다.
+- `WMS-WORK-001`의 실제 Vue API adapter는 항상 `[]`를 반환해 화면은 완성돼 보여도 일반 실행에서 항상 Empty였다.
+- Receiving/Putaway/Counting은 로컬 `ref()` 상태만으로 Scan→완료를 만들 수 있어 Server validation/idempotency/audit 이전에 성공처럼 보일 수 있었다.
+- T06 Queue의 Empty/Error 문구와 Recovery가 업무별로 명시적으로 전달되지 않아 공통 기본문구 의존도가 높았다.
+
+v49는 새 Dashboard, 새 Theme Engine, 새 Metadata Framework를 만들지 않고 **Home Workbench의 숨은 업무 제거와 WMS의 truth boundary**를 FE 계약으로 고정한다.
+
+## 2. AX/UX 비판 기준
+
+Home의 목적은 더 많은 Card를 보여주는 것이 아니라 사용자가 **지금 판단해야 할 업무를 빠짐없이 보고 바로 시작하게 하는 것**이다.
+
+```text
+나쁜 흐름
+확인 필요 12건
+→ 상위 8건만 보임
+→ 나머지 4건은 다른 화면을 찾아야 함
+
+v49
+확인 필요 12건
+→ 상위 8건 우선
+→ [전체 12개 보기]
+→ 같은 Context에서 나머지 확인
+```
+
+또 WMS에서는 `0건`과 `API 미연결`이 같은 뜻일 수 없다. `완료`와 `Client Demo state`도 같은 뜻일 수 없다. 운영 현장에서는 이 구분이 데이터 정합성 문제로 직결된다.
+
+## 3. Home Workbench
+
+`KbxHomePage 1.9.0`은 Attention을 기본 8건만 노출해 시각 과밀을 막되, 전체 건수가 더 많으면 접근성 Disclosure로 최대 24건까지 펼칠 수 있다.
+
+- `aria-controls="kbx-home-attention-list"`
+- `aria-expanded`
+- `전체 N개 보기 / 상위 8개만 보기`
+- 미저장/실패/중요 알림/진행/알림 source summary
+
+source summary는 경영 KPI가 아니다. 사용자가 왜 Attention이 늘었는지 판단하는 최소 업무 분류다. 원형차트나 장식형 Dashboard는 추가하지 않았다.
+
+Reference HTML/JavaScript도 동일하게 10개의 Attention fixture 중 기본 8개를 보여주고 전체 보기/접기를 실제 상태로 처리한다.
+
+## 4. T06 WMS Work Queue
+
+`KbxQueuePage 1.8.0`에 업무별 Query Recovery copy를 명시적으로 전달할 수 있는 계약을 추가했다.
+
+- `emptyTitle`
+- `emptyDetail`
+- `emptyActionLabel`
+- `errorTitle`
+- `errorDetail`
+- `retryLabel`
+- `emptyAction`
+
+`WMS-WORK-001 1.1.0`은 Demo Mode에서는 실제 fixture Projection을 taskType/status/owner/keyword로 필터링한다.
+
+일반 Runtime에서는 더 이상 `[]`를 반환하지 않는다. WMS Work Query API가 연결되지 않았으면 `WMS_WORK_QUERY_NOT_CONNECTED` Integration Problem으로 명시적으로 실패한다.
+
+```text
+API 미연결
+≠
+조회결과 0건
+```
+
+이 차이를 숨기지 않는 것이 QA/AX 관점에서 중요하다.
+
+## 5. T09 WMS Truth Boundary
+
+Receiving, Putaway, Counting은 FE scanner flow를 검증할 가치가 있지만, client-only state machine을 Production 업무 완료로 표현하면 안 된다.
+
+v49에서는 세 화면을 다음처럼 분리했다.
+
+```text
+Demo Mode
+→ scanner / error / quantity / completion FE 상태기계 검증
+
+Normal Runtime
+→ Integration Problem
+→ 입력/완료 Action 차단
+→ Server API 연결 전 성공표시 금지
+```
+
+공통 `wmsFrontendCapability.ts`는 `WMS_EXECUTION_API_NOT_CONNECTED` Problem을 생성한다. 문제 상세는 실제 WMS 완료가 Server validation, idempotency, audit 이후에만 확정돼야 함을 명시한다.
+
+`KbxWmsMobilePage 1.7.0`의 `actionsVisible` 계약은 실행이 차단된 Production 화면에서 빈 sticky footer가 남지 않게 한다.
+
+Receiving/Putaway/Counting은 hardcoded `online=true`를 제거하고 `useKbxNetworkState()`를 사용한다.
+
+이 Demo-only guard는 첨부 표준에 동일한 구현 형태로 직접 규정된 것은 아니다. **Server 응답 전 성공 Feedback 금지, Client+Server idempotency, UI가 Domain truth를 대신하지 않는다는 지침을 실제 미연결 화면에 보수적으로 적용한 구현 판단**이다.
+
+## 6. Theme
+
+KBX Business Light/Dark semantic theme은 그대로 유지한다. v49에서는 새 palette를 만들지 않았다.
+
+- Home Attention severity는 text/icon/border 의미를 유지한다.
+- WMS Integration Problem은 Dark에서도 `integration` 의미와 다음 행동을 텍스트로 표현한다.
+- Theme는 Permission, API 연결여부, WMS 성공상태를 결정하지 않는다.
+
+Theme의 역할은 가독성과 의미 일관성이지 Business Truth가 아니다.
+
+## 7. Browser Reference QA
+
+Chromium Reference asset QA: **10/10 PASS**
+
+- Home title
+- Attention collapsed 8건
+- Disclosure 존재 및 `aria-expanded=false`
+- Mouse click으로 10건 전체 펼치기
+- `aria-expanded=true`
+- Keyboard Enter로 다시 8건 접기
+- Dark theme root 적용
+- 1280×720 document horizontal overflow 0
+- runtime/page error 0
+
+증적: `docs/evidence/v49-browser-workbench-theme.json`
+
+Preview: `apps/web/fe-reference/previews/v49-home-attention-dark-1440x900.png`
+
+Reference QA는 동일 HTML/CSS/JavaScript asset을 Chromium에 주입한 증적이다. 현재 환경의 package registry 제약 때문에 actual Vite/Vue/PrimeVue/AG Grid live runtime E2E라고 주장하지 않는다.
+
+## 8. 다음 우선순위
+
+1. network-enabled actual Vue install/typecheck/build
+2. WMS-WORK-001 Demo/Production boundary actual runtime E2E
+3. Receiving/Putaway/Counting 실제 Server Command + Idempotency + Audit 연결
+4. WMS rejected scan / retry / network delay / duplicate scanner actual E2E
+5. Home Attention 8→전체 disclosure actual Vue keyboard/forced-colors visual regression
+6. T08 XLSX/Staging/Hangfire completion
+
+새 T10/T11, 새 Dashboard framework, Runtime JSON UI는 이 항목보다 우선하지 않는다.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v50.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v50.md
new file mode 100644
index 00000000..414b2a9b
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/frontend/KBX-FE-QA-Hardening-v50.md
@@ -0,0 +1,161 @@
+# KBX FE QA Hardening v50
+
+## 1. 30년 현장 QA/AX/UX 판단
+
+v49는 `API 미연결 ≠ 0건`, `Client Demo 완료 ≠ WMS 업무 완료`를 명확하게 만들었다. 그러나 다시 실제 조작 관점에서 보면 두 종류의 **사실성 결함**이 남아 있었다.
+
+1. 영구적인 API 미연결 오류가 `retryable:true`로 표시되어 사용자가 의미 없는 `[다시 조회]`를 반복할 수 있었다.
+2. Home Attention이 최대 24건까지만 펼치면서 총 건수가 24건보다 큰 경우에도 `[전체 N개 보기]`라고 표현할 수 있었다. 화면이 실제로 보여주는 범위와 Label이 다르면 Home은 업무 판단의 Source가 될 수 없다.
+
+v50은 새 Template, Dashboard, Theme Engine, Metadata Framework를 만들지 않고 **실제 FE가 보여주는 Action과 업무 사실을 일치시키는 것**에 집중한다.
+
+## 2. Retry는 오류 장식이 아니라 복구 가능성 계약
+
+`KbxTemplateStateBoundary 1.3.0`에 `errorRetryable` 계약을 추가했다.
+
+```text
+transient network error
+→ errorRetryable = true
+→ [다시 조회]
+
+permission / configuration / API not connected
+→ errorRetryable = false
+→ 원인만 정확히 표시
+→ 무의미한 Retry 없음
+```
+
+이 계약을 T01~T08 주요 Desktop Template과 T09 WMS Mobile Shell까지 전달한다.
+
+- `KbxListPage 1.9.0`
+- `KbxMasterPage 1.8.0`
+- `KbxTransactionPage 1.8.0`
+- `KbxFastEntryPage 1.9.0`
+- `KbxMasterDetailPage 1.8.0`
+- `KbxQueuePage 1.9.0`
+- `KbxWorkQueuePage 1.6.0`
+- `KbxReconcilePage 1.7.0`
+- `KbxImportPage 1.6.0`
+- `KbxWmsMobilePage 1.8.0`
+
+Default는 기존 호환성을 위해 retryable이다. 업무 Slice가 표준 Problem의 `retryable:false`를 알고 있으면 Template에 전달해 Retry를 제거한다.
+
+## 3. WMS-WORK-001: 무한 Retry 착시 제거
+
+`WMS_WORK_QUERY_NOT_CONNECTED`는 네트워크 순간 장애가 아니다. 운영 API가 아직 연결되지 않은 구성 상태이므로 v49의 `retryable:true`는 잘못된 표현이었다.
+
+v50:
+
+```text
+Production WMS Work API 미연결
+→ integration problem
+→ retryable:false
+→ 빈 Queue로 가장하지 않음
+→ 의미 없는 다시 조회도 표시하지 않음
+```
+
+`WMS-WORK-001` ScreenVersion은 `1.2.0`으로 올렸다.
+
+실제 Server API가 연결된 이후에는 Network timeout/503처럼 복구 가능한 오류만 retryable로 분류하는 것이 맞다.
+
+## 4. Home Attention: "전체"라는 단어도 업무 계약이다
+
+Home은 기본 8개를 유지한다. 업무시스템 Home에 예외 수십 건을 한꺼번에 펼치면 정보 접근성이 오히려 떨어진다.
+
+하지만 총 Attention이 24건보다 클 때:
+
+```text
+나쁜 표현
+전체 38개 보기
+→ 실제로 24개만 표시
+
+v50
+우선 24개 보기
+→ 24개 표시
+→ 남은 항목 존재 사실 유지
+→ [작업 센터 전체] [알림 센터 전체]
+```
+
+즉 Home은 **우선순위 Workbench**이고 Runtime Center는 **전체 작업/알림 조회 Surface**라는 역할을 분리한다.
+
+`KbxHomePage 1.10.0`은 다음을 지원한다.
+
+- 기본 8개
+- 총 건수 ≤ 24: `전체 N개 보기`
+- 총 건수 > 24: `우선 24개 보기`
+- 펼친 뒤에도 overflow가 있으면 `작업 센터 전체 / 알림 센터 전체`
+- `aria-expanded / aria-controls`
+- Center Panel Esc 종료 및 Focus Restore는 기존 Shell 계약 유지
+
+## 5. Theme 적용
+
+새 Palette는 추가하지 않았다. 기존 **KBX Business Light / Dark + Forced Colors** semantic theme를 그대로 사용한다.
+
+v50에서 Theme가 지켜야 하는 것은 다음이다.
+
+- Retry가 사라졌다고 Error가 사라진 것처럼 보이면 안 된다.
+- `API 미연결`, `권한 없음`, `일시적 네트워크 오류`를 색 하나로만 구별하지 않는다.
+- Home Attention overflow navigation은 Light/Dark에서 동일한 Label/Focus/Action을 가진다.
+- Theme는 Permission, retryability, Domain state의 Source of Truth가 아니다.
+
+## 6. Reference HTML/JavaScript
+
+Reference Home도 실제 Vue 계약과 동일한 bounded disclosure를 사용한다.
+
+QA를 위해 28개의 Attention fixture를 구성했다.
+
+```text
+초기
+전체 28 / 8 표시
+[우선 24개 보기]
+
+확장
+전체 28 / 24 표시
+[상위 8개만 보기]
+[작업 센터 전체]
+[알림 센터 전체]
+```
+
+Reference의 추가 fixture는 Home overflow UX를 재현하기 위한 Browser fixture이며 Production 업무 데이터가 아니다.
+
+## 7. Browser Reference QA
+
+Chromium Reference asset QA: **16/16 PASS**
+
+- Home boot
+- 전체 28건 / 기본 8건
+- truthful `우선 24개 보기`
+- collapsed `aria-expanded=false`
+- KBX Business Dark 전환
+- 확장 24건
+- expanded `aria-expanded=true`
+- Work/Notification Center 전체 진입점 존재
+- `전체 28개 · 24개 표시`
+- Work Center open
+- Header `aria-expanded=true`
+- Esc close
+- Focus 원래 Home button 복귀
+- 1280×720 document horizontal overflow 0
+- runtime/page error 0
+
+증적: `docs/evidence/v50-browser-operational-truth.json`
+
+Preview: `apps/web/fe-reference/previews/v50-home-overflow-dark-1440x900.png`
+
+## 8. QA 자동화 기술부채
+
+v49 Validator가 `KbxHomePage 1.9.0`, `KbxQueuePage 1.8.0`, `KbxWmsMobilePage 1.7.0`을 정확한 문자열로 요구하고 있었다. 공통 컴포넌트를 정상 Minor Upgrade하면 과거 Gate가 실패하는 구조다.
+
+v50에서는 v49가 보장하려던 의미를 보존하면서 **최소 SemVer 이상**을 검사하도록 변경했다. WMS ScreenVersion도 동일하게 `>= 1.1.0` 계약으로 변경했다.
+
+과거 UI 구현을 고정하는 테스트가 아니라 최소 품질 계약을 고정하는 테스트가 되어야 한다.
+
+## 9. 다음 우선순위
+
+1. network-enabled actual Vue install/typecheck/build
+2. actual Vue T06 `retryable:false` visual/keyboard E2E
+3. Permission / not-connected / transient network problem matrix를 T01~T09 실제 API에 연결
+4. Home overflow 실제 Vue Light/Dark/Forced Colors/200% Zoom regression
+5. WMS Receiving/Putaway/Counting Server Command + Idempotency + Audit
+6. T08 full-query XLSX / Staging / Hangfire
+
+새 T10/T11이나 새 Theme Engine은 위 항목보다 우선하지 않는다.
diff --git a/docs/Design/kbx-foundation-v36/docs/golden-screen-02-order-register.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/golden-screen-02-order-register.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/golden-screen-02-order-register.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/golden-screen-02-order-register.md
diff --git a/docs/Design/kbx-foundation-v36/docs/golden-screen-03-wms-picking.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/golden-screen-03-wms-picking.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/golden-screen-03-wms-picking.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/golden-screen-03-wms-picking.md
diff --git a/docs/Design/kbx-foundation-v36/docs/golden-screen-t02-t03-v27.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/golden-screen-t02-t03-v27.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/golden-screen-t02-t03-v27.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/golden-screen-t02-t03-v27.md
diff --git a/docs/Design/kbx-foundation-v36/docs/golden-screen-t04-t05-v26.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/golden-screen-t04-t05-v26.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/golden-screen-t04-t05-v26.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/golden-screen-t04-t05-v26.md
diff --git a/docs/Design/kbx-foundation-v36/docs/grid-productivity-contract-v25.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/grid-productivity-contract-v25.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/grid-productivity-contract-v25.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/grid-productivity-contract-v25.md
diff --git a/docs/Design/kbx-foundation-v36/docs/home-navigation-v23.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/home-navigation-v23.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/home-navigation-v23.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/home-navigation-v23.md
diff --git a/docs/Design/kbx-foundation-v36/docs/integration-failure-injection-v19.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/integration-failure-injection-v19.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/integration-failure-injection-v19.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/integration-failure-injection-v19.md
diff --git a/docs/Design/kbx-foundation-v36/docs/kbx-v11-standard-traceability.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v11-standard-traceability.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/kbx-v11-standard-traceability.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v11-standard-traceability.md
diff --git a/docs/Design/kbx-foundation-v36/docs/kbx-v14-standard-traceability.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v14-standard-traceability.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/kbx-v14-standard-traceability.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v14-standard-traceability.md
diff --git a/docs/Design/kbx-foundation-v36/docs/kbx-v15-standard-traceability.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v15-standard-traceability.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/kbx-v15-standard-traceability.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v15-standard-traceability.md
diff --git a/docs/Design/kbx-foundation-v36/docs/kbx-v16-standard-traceability.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v16-standard-traceability.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/kbx-v16-standard-traceability.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v16-standard-traceability.md
diff --git a/docs/Design/kbx-foundation-v36/docs/kbx-v17-standard-traceability.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v17-standard-traceability.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/kbx-v17-standard-traceability.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v17-standard-traceability.md
diff --git a/docs/Design/kbx-foundation-v36/docs/kbx-v18-standard-traceability.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v18-standard-traceability.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/kbx-v18-standard-traceability.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v18-standard-traceability.md
diff --git a/docs/Design/kbx-foundation-v36/docs/kbx-v19-standard-traceability.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v19-standard-traceability.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/kbx-v19-standard-traceability.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v19-standard-traceability.md
diff --git a/docs/Design/kbx-foundation-v36/docs/kbx-v20-standard-traceability.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v20-standard-traceability.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/kbx-v20-standard-traceability.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v20-standard-traceability.md
diff --git a/docs/Design/kbx-foundation-v36/docs/kbx-v23-standard-traceability.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v23-standard-traceability.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/kbx-v23-standard-traceability.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v23-standard-traceability.md
diff --git a/docs/Design/kbx-foundation-v36/docs/kbx-v24-standard-traceability.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v24-standard-traceability.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/kbx-v24-standard-traceability.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v24-standard-traceability.md
diff --git a/docs/Design/kbx-foundation-v36/docs/kbx-v25-standard-traceability.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v25-standard-traceability.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/kbx-v25-standard-traceability.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v25-standard-traceability.md
diff --git a/docs/Design/kbx-foundation-v36/docs/kbx-v26-standard-traceability.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v26-standard-traceability.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/kbx-v26-standard-traceability.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v26-standard-traceability.md
diff --git a/docs/Design/kbx-foundation-v36/docs/kbx-v27-standard-traceability.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v27-standard-traceability.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/kbx-v27-standard-traceability.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v27-standard-traceability.md
diff --git a/docs/Design/kbx-foundation-v36/docs/kbx-v28-standard-traceability.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v28-standard-traceability.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/kbx-v28-standard-traceability.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v28-standard-traceability.md
diff --git a/docs/Design/kbx-foundation-v36/docs/kbx-v29-standard-traceability.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v29-standard-traceability.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/kbx-v29-standard-traceability.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v29-standard-traceability.md
diff --git a/docs/Design/kbx-foundation-v36/docs/kbx-v30-standard-traceability.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v30-standard-traceability.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/kbx-v30-standard-traceability.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v30-standard-traceability.md
diff --git a/docs/Design/kbx-foundation-v36/docs/kbx-v31-standard-traceability.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v31-standard-traceability.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/kbx-v31-standard-traceability.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v31-standard-traceability.md
diff --git a/docs/Design/kbx-foundation-v36/docs/kbx-v32-standard-traceability.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v32-standard-traceability.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/kbx-v32-standard-traceability.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v32-standard-traceability.md
diff --git a/docs/Design/kbx-foundation-v36/docs/kbx-v33-standard-traceability.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v33-standard-traceability.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/kbx-v33-standard-traceability.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v33-standard-traceability.md
diff --git a/docs/Design/kbx-foundation-v36/docs/kbx-v34-standard-traceability.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v34-standard-traceability.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/kbx-v34-standard-traceability.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v34-standard-traceability.md
diff --git a/docs/Design/kbx-foundation-v36/docs/kbx-v35-standard-traceability.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v35-standard-traceability.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/kbx-v35-standard-traceability.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v35-standard-traceability.md
diff --git a/docs/Design/kbx-foundation-v36/docs/kbx-v36-standard-traceability.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v36-standard-traceability.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/kbx-v36-standard-traceability.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/kbx-v36-standard-traceability.md
diff --git a/docs/Design/kbx-foundation-v36/docs/migration-strategy-v22.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/migration-strategy-v22.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/migration-strategy-v22.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/migration-strategy-v22.md
diff --git a/docs/Design/kbx-foundation-v36/docs/navigation-acceptance-v10.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/navigation-acceptance-v10.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/navigation-acceptance-v10.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/navigation-acceptance-v10.md
diff --git a/docs/Design/kbx-foundation-v36/docs/observability-runtime-v9.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/observability-runtime-v9.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/observability-runtime-v9.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/observability-runtime-v9.md
diff --git a/docs/Design/kbx-foundation-v36/docs/official-provider-adapters-v20.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/official-provider-adapters-v20.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/official-provider-adapters-v20.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/official-provider-adapters-v20.md
diff --git a/docs/Design/kbx-foundation-v36/docs/operations-exception-center-v6.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/operations-exception-center-v6.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/operations-exception-center-v6.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/operations-exception-center-v6.md
diff --git a/docs/Design/kbx-foundation-v36/docs/operations-field-acceptance-v6.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/operations-field-acceptance-v6.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/operations-field-acceptance-v6.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/operations-field-acceptance-v6.md
diff --git a/docs/Design/kbx-foundation-v36/docs/operations-projection-example-v6.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/operations-projection-example-v6.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/operations-projection-example-v6.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/operations-projection-example-v6.md
diff --git a/docs/Design/kbx-foundation-v36/docs/performance-budget-v9.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/performance-budget-v9.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/performance-budget-v9.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/performance-budget-v9.md
diff --git a/docs/Design/kbx-foundation-v36/docs/problem-contract-v14.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/problem-contract-v14.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/problem-contract-v14.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/problem-contract-v14.md
diff --git a/docs/Design/kbx-foundation-v36/docs/process-coverage-v8.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/process-coverage-v8.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/process-coverage-v8.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/process-coverage-v8.md
diff --git a/docs/Design/kbx-foundation-v36/docs/production-readiness-v9.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/production-readiness-v9.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/production-readiness-v9.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/production-readiness-v9.md
diff --git a/docs/Design/kbx-foundation-v36/docs/provider-onboarding-checklist-v20.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/provider-onboarding-checklist-v20.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/provider-onboarding-checklist-v20.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/provider-onboarding-checklist-v20.md
diff --git a/docs/Design/kbx-foundation-v36/docs/quality-gates-v4.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/quality-gates-v4.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/quality-gates-v4.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/quality-gates-v4.md
diff --git a/docs/Design/kbx-foundation-v36/docs/reconcile-v6.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/reconcile-v6.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/reconcile-v6.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/reconcile-v6.md
diff --git a/docs/Design/kbx-foundation-v36/docs/release-governance-v12.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/release-governance-v12.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/release-governance-v12.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/release-governance-v12.md
diff --git a/docs/Design/kbx-foundation-v36/docs/release/migration-guide.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/release/migration-guide.md
similarity index 82%
rename from docs/Design/kbx-foundation-v36/docs/release/migration-guide.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/release/migration-guide.md
index 7f074b1e..e726f3ec 100644
--- a/docs/Design/kbx-foundation-v36/docs/release/migration-guide.md
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/release/migration-guide.md
@@ -103,3 +103,9 @@ Screen Recipe의 `testProfile`과 `canonicalScenarioIds` 변경이 Release Impac
 ## 7. DB / API Migration
 
 v36 자체는 PostgreSQL schema나 backend API route 변경을 요구하지 않는다. Frontend Screen Recipe/Test/Home Navigation 계약의 강화다.
+
+## Foundation v50 — Template retryability
+
+Templates that bind a known permanent `KbxProblem` should now pass `errorRetryable=false` rather than render a meaningless retry action. Existing callers remain backward compatible because the default is `true`.
+
+`WMS-WORK-001` specifically treats `WMS_WORK_QUERY_NOT_CONNECTED` as non-retryable. When the real production endpoint is connected, classify transient network/service failures separately and set retryability according to the returned Problem contract.
diff --git a/docs/Design/kbx-foundation-v36/docs/release/migration-guide.template.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/release/migration-guide.template.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/release/migration-guide.template.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/release/migration-guide.template.md
diff --git a/docs/Design/kbx-foundation-v36/docs/scenario-evidence-v18.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/scenario-evidence-v18.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/scenario-evidence-v18.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/scenario-evidence-v18.md
diff --git a/docs/Design/kbx-foundation-v36/docs/screen-recipe-secure-home-navigation-v35.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/screen-recipe-secure-home-navigation-v35.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/screen-recipe-secure-home-navigation-v35.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/screen-recipe-secure-home-navigation-v35.md
diff --git a/docs/Design/kbx-foundation-v36/docs/screen-recipe-verification-home-attention-v36.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/screen-recipe-verification-home-attention-v36.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/screen-recipe-verification-home-attention-v36.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/screen-recipe-verification-home-attention-v36.md
diff --git a/docs/Design/kbx-foundation-v36/docs/screen-template-completeness-v23.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/screen-template-completeness-v23.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/screen-template-completeness-v23.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/screen-template-completeness-v23.md
diff --git a/docs/Design/kbx-foundation-v36/docs/secret-management-v22.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/secret-management-v22.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/secret-management-v22.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/secret-management-v22.md
diff --git a/docs/Design/kbx-foundation-v36/docs/source-standards/KBX Business UX-AX Standard v1.0.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/source-standards/KBX Business UX-AX Standard v1.0.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/source-standards/KBX Business UX-AX Standard v1.0.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/source-standards/KBX Business UX-AX Standard v1.0.md
diff --git a/docs/Design/kbx-foundation-v36/docs/source-standards/KBX Design System v1.0.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/source-standards/KBX Design System v1.0.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/source-standards/KBX Design System v1.0.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/source-standards/KBX Design System v1.0.md
diff --git a/docs/Design/kbx-foundation-v36/docs/source-standards/KBX Implementation Contract v1.0.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/source-standards/KBX Implementation Contract v1.0.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/source-standards/KBX Implementation Contract v1.0.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/source-standards/KBX Implementation Contract v1.0.md
diff --git a/docs/Design/kbx-foundation-v36/docs/source-standards/KBX Reference Screens v1.0.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/source-standards/KBX Reference Screens v1.0.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/source-standards/KBX Reference Screens v1.0.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/source-standards/KBX Reference Screens v1.0.md
diff --git a/docs/Design/kbx-foundation-v36/docs/template-component-home-navigation-actionability-v32.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/template-component-home-navigation-actionability-v32.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/template-component-home-navigation-actionability-v32.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/template-component-home-navigation-actionability-v32.md
diff --git a/docs/Design/kbx-foundation-v36/docs/template-component-home-navigation-completion-v31.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/template-component-home-navigation-completion-v31.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/template-component-home-navigation-completion-v31.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/template-component-home-navigation-completion-v31.md
diff --git a/docs/Design/kbx-foundation-v36/docs/template-component-home-navigation-hardening-v30.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/template-component-home-navigation-hardening-v30.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/template-component-home-navigation-hardening-v30.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/template-component-home-navigation-hardening-v30.md
diff --git a/docs/Design/kbx-foundation-v36/docs/template-home-navigation-completion-v29.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/template-home-navigation-completion-v29.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/template-home-navigation-completion-v29.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/template-home-navigation-completion-v29.md
diff --git a/docs/Design/kbx-foundation-v36/docs/template-navigation-hardening-v28.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/template-navigation-hardening-v28.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/template-navigation-hardening-v28.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/template-navigation-hardening-v28.md
diff --git a/docs/Design/kbx-foundation-v36/docs/template-state-permission-home-workbench-v33.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/template-state-permission-home-workbench-v33.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/template-state-permission-home-workbench-v33.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/template-state-permission-home-workbench-v33.md
diff --git a/docs/Design/kbx-foundation-v36/docs/test-data-governance-v18.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/test-data-governance-v18.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/test-data-governance-v18.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/test-data-governance-v18.md
diff --git a/docs/Design/kbx-foundation-v36/docs/ux-experiment-governance-v17.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/ux-experiment-governance-v17.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/ux-experiment-governance-v17.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/ux-experiment-governance-v17.md
diff --git a/docs/Design/kbx-foundation-v36/docs/ux-metric-definition-v16.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/ux-metric-definition-v16.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/ux-metric-definition-v16.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/ux-metric-definition-v16.md
diff --git a/docs/Design/kbx-foundation-v36/docs/ux-quality-scorecard-v7.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/ux-quality-scorecard-v7.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/ux-quality-scorecard-v7.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/ux-quality-scorecard-v7.md
diff --git a/docs/Design/kbx-foundation-v36/docs/ux-telemetry-governance-v16.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/ux-telemetry-governance-v16.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/ux-telemetry-governance-v16.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/ux-telemetry-governance-v16.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v10.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v10.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v10.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v10.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v11.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v11.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v11.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v11.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v12.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v12.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v12.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v12.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v13.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v13.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v13.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v13.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v14.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v14.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v14.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v14.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v15.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v15.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v15.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v15.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v16.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v16.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v16.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v16.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v17.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v17.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v17.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v17.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v18.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v18.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v18.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v18.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v19.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v19.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v19.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v19.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v20.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v20.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v20.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v20.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v21.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v21.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v21.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v21.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v22.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v22.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v22.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v22.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v23.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v23.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v23.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v23.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v24.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v24.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v24.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v24.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v25.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v25.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v25.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v25.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v26.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v26.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v26.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v26.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v27.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v27.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v27.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v27.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v28.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v28.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v28.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v28.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v29.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v29.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v29.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v29.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v3.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v3.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v3.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v3.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v30.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v30.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v30.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v30.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v31.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v31.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v31.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v31.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v32.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v32.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v32.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v32.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v33.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v33.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v33.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v33.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v34.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v34.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v34.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v34.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v35.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v35.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v35.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v35.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v36.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v36.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v36.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v36.md
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v38.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v38.md
new file mode 100644
index 00000000..8fb92012
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v38.md
@@ -0,0 +1,54 @@
+# KBX Validation Report v38
+
+## Scope
+
+FE QA Hardening iteration. Backend/domain contracts are intentionally not expanded.
+
+## Executed gates
+
+- `node scripts/validate-fe-reference.mjs` — PASS
+- `node scripts/validate-template-completeness.mjs` — PASS
+- `node scripts/validate-application-shell.mjs` — PASS
+- `node scripts/validate-interaction-contracts.mjs` — PASS
+- `node scripts/measure-design-debt.mjs` — PASS (`131 <= 131`)
+- `node scripts/validate-kbx.mjs` — PASS
+
+## Full foundation result
+
+- 153 design tokens
+- 9 screen recipes / verification 9/9
+- 20 screen definitions
+- 84 component definitions
+- 16 navigation entries
+- 30 canonical test scenarios
+- TypeScript syntax transpile: 299 TS/Vue script units
+- Design debt: 131, no increase
+
+## Browser interaction evidence
+
+`apps/web/fe-reference/previews/browser-interaction-v38.json`
+
+Verified with Headless Chromium using the exact FE HTML/CSS/JS resources inlined by the test harness because loopback/file navigation is blocked by the execution sandbox.
+
+Passed interaction checks:
+
+- Home render
+- Ctrl+K → T01
+- T01 quick filter changes visible rows
+- T01 row selection shows Bulk Bar and enables selection-dependent Action
+- Drawer opens and Esc restores context
+- T03 dirty tab close opens unsaved changes guard
+- T05 master selection changes detail context
+- T06 exception filter changes queue result
+- T07 mismatch-only changes 2 rows → 4 rows
+- T08 next disabled before file, enabled after file, moves to Mapping
+- T09 wrong barcode shows actionable error
+- T09 correct barcode increments picked quantity
+- T09 quantity dialog applies bounded quantity
+- Browser runtime errors: 0
+
+## Render evidence
+
+- `apps/web/fe-reference/previews/home-v38-1440x900.png`
+- `apps/web/fe-reference/previews/t01-order-list-v38-1440x900.png`
+- `apps/web/fe-reference/previews/t09-picking-phone-v38.png`
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v39.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v39.md
new file mode 100644
index 00000000..31a20344
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v39.md
@@ -0,0 +1,19 @@
+# KBX Validation Report v39
+
+- FE Reference: PASS
+- Full `validate-kbx`: PASS
+- TypeScript/Vue syntax: 299 units PASS
+- Screen Definitions: 20
+- Component Definitions: 84
+- Component Catalog: 66
+- Design Tokens: 153
+- Screen Recipes: 9 / verification 9/9
+- Canonical Test Scenarios: 30
+- Design Debt: 131 <= 131
+- Browser Interaction QA: 31/31 PASS
+- Runtime console/page errors: 0
+- 1280×720 document overflow: none
+- 720px zoom-pressure document overflow: none
+- WMS 390×844: Desktop Shell removed, 390px Full View
+
+v39 FE-specific evidence: `apps/web/fe-reference/previews/browser-interaction-v39.json`.
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v4.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v4.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v4.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v4.md
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v40.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v40.md
new file mode 100644
index 00000000..da7970cb
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v40.md
@@ -0,0 +1,61 @@
+# KBX Validation Report v40
+
+## Scope
+
+FE Completion Loop Hardening iteration. Existing backend/domain governance is preserved; no new backend framework or runtime UI engine is introduced.
+
+## Executed gates
+
+- `node --check apps/web/fe-reference/kbx-fe.js` — PASS
+- `node scripts/validate-fe-reference.mjs` — PASS
+- `node scripts/validate-template-completeness.mjs` — PASS
+- `node scripts/validate-application-shell.mjs` — PASS
+- `node scripts/validate-interaction-contracts.mjs` — PASS
+- `node scripts/measure-design-debt.mjs` — PASS (`131 <= 131`)
+- `node scripts/validate-kbx.mjs` — PASS
+
+`pnpm` executable is not available in this execution container, so the package script wrappers were not used. The same Node validation entrypoints defined by package.json were executed directly.
+
+## Full foundation result
+
+- 153 design tokens
+- 9 screen recipes / verification 9/9
+- 20 screen definitions
+- 84 component definitions
+- 66 component catalog entries
+- 16 navigation entries
+- 30 canonical test scenarios
+- TypeScript/Vue syntax transpile: 299 script units
+- Design debt: 131, no increase
+- Release impact: major
+- Release governance: major
+
+## v40 FE behavior result
+
+- T01 real search state + result coupling
+- T02 Master CRUD draft/validation/save/copy/status/dirty transition
+- T03 Header+Detail state/calculation/validation/save/confirm
+- T04 F8 validation-safe save
+- T06 selection-based assignment/Wave mutation
+- T07 selection-based reconcile resolution
+- F8 actual save handler routing; no dirty-only shortcut bypass
+- browser/hash/refresh close dirty protection
+
+## Browser interaction evidence
+
+`apps/web/fe-reference/previews/browser-interaction-v40.json`
+
+- Passed: 49 / 49
+- Runtime console/page errors: 0
+- 1280×720 document horizontal overflow: 0
+- WMS 390×844 full-view behavior verified
+
+Browser navigation to localhost/file URLs is administratively blocked in this execution environment. Therefore, production DOM/CSS/JS was tested in an inline-asset Playwright harness. Production CSP remains in `index.html` and is checked by the static FE gate; this run is not represented as a browser-native CSP E2E.
+
+## Render evidence
+
+- `apps/web/fe-reference/previews/home-v40-1440x900.png`
+- `apps/web/fe-reference/previews/t02-master-v40-1440x900.png`
+- `apps/web/fe-reference/previews/t03-transaction-v40-1440x900.png`
+- `apps/web/fe-reference/previews/t07-reconcile-v40-1440x900.png`
+- `apps/web/fe-reference/previews/t09-picking-v40-390x844.png`
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v41.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v41.md
new file mode 100644
index 00000000..f4ddba5b
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v41.md
@@ -0,0 +1,55 @@
+# KBX Validation Report v41
+
+## Scope
+
+Actual Vue Golden Screen parity hardening on top of the v40 FE Reference Lab. No new backend framework, domain model, or runtime UI engine was introduced.
+
+## Executed gates
+
+- `node scripts/validate-typescript-syntax.mjs` — PASS (`300 TS/Vue script units`)
+- `node scripts/validate-golden-fe-parity-v41.mjs` — PASS
+- `node scripts/validate-interaction-contracts.mjs` — PASS
+- `node scripts/validate-template-completeness.mjs` — PASS
+- `node scripts/validate-grid-productivity.mjs` — PASS
+- `node scripts/validate-architecture.mjs` — PASS
+- `node scripts/validate-application-shell.mjs` — PASS
+- `node scripts/measure-design-debt.mjs` — PASS (`131 <= 131`)
+- `node scripts/validate-design-code-parity.mjs` — PASS
+- `node scripts/validate-kbx.mjs` — PASS
+
+## Full foundation result
+
+- 153 design tokens
+- 9 screen recipes / verification 9/9
+- 20 screen definitions
+- 84 component definitions
+- 66 component catalog entries
+- 16 navigation entries
+- 30 canonical test scenarios
+- 51 canonical fields
+- 66 API operations
+- 300 TypeScript/Vue script units
+- Design debt: 131, no increase
+- Release impact: major / declared major
+
+## v41 Golden FE parity result
+
+- KbxDataGrid controlled selection + current multiRow selection configuration
+- external selection reset synchronizes actual Grid selection
+- grid-scoped cell error count/navigation
+- exposed grid focus/selection control APIs
+- KbxLookup direct-code and dialog selection focus continuation
+- KbxUnsavedChangesDialog keyboard trap / Esc / focus restore
+- OMS-ORD-001 order link and double click use context-preserving Detail Drawer
+- asynchronous detail sequence guard against stale response overwrite
+- ERP-MST-ITEM-001 dirty master-switch guard
+- OMS-ORD-002 F2 item selection → next editable cell focus
+- OMS-ORD-002 New/Copy dirty transition guard
+- visible OMS hold no-op command removed
+- Side Navigation favorite accessible names hardened
+
+## Runtime evidence limitation
+
+This package does not contain `node_modules`, and a `pnpm` executable is not available in the execution container. Therefore v41 changes were not represented as a live Vue/PrimeVue/AG Grid browser E2E pass. The v40 FE Reference Lab browser evidence remains historical evidence for the standalone HTML/JS lab, not proof of the v41 Vue changes.
+
+The next quality gate must install/build the actual web app and execute Playwright against the real runtime.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v42.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v42.md
new file mode 100644
index 00000000..49084321
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v42.md
@@ -0,0 +1,65 @@
+# KBX Validation Report v42
+
+## Scope
+
+Actual FE runtime hardening on top of v41 Vue Golden Screen parity. v42 adds a first-class Vite 8 web application entry, secure explicit demo HTTP transport, Home route-context consumption, standard Excel menu integration, and zoom/narrow-shell hardening. No new backend framework or runtime JSON UI engine was introduced.
+
+## Executed gates
+
+- `node scripts/validate-typescript-syntax.mjs` — PASS (`304 TS/Vue script units`)
+- `node scripts/validate-api-governance.mjs` — PASS
+- `node scripts/validate-fe-runtime-v42.mjs` — PASS
+- `node scripts/validate-golden-fe-parity-v41.mjs` — PASS
+- `node scripts/validate-interaction-contracts.mjs` — PASS
+- `node scripts/validate-template-completeness.mjs` — PASS
+- `node scripts/validate-grid-productivity.mjs` — PASS
+- `node scripts/validate-architecture.mjs` — PASS
+- `node scripts/validate-application-shell.mjs` — PASS
+- `node scripts/measure-design-debt.mjs` — PASS (`122 <= 131`)
+- `node scripts/validate-design-code-parity.mjs` — PASS
+- `node scripts/validate-kbx.mjs` — PASS
+
+## Full foundation result
+
+- 153 design tokens
+- 9 screen recipes / verification 9/9
+- 20 screen definitions
+- 84 component definitions
+- 66 component catalog entries
+- 16 navigation entries
+- 30 canonical test scenarios
+- 51 canonical fields
+- 66 API operations
+- 304 TypeScript/Vue script units
+- Design debt: **122**, improved from the 131 ratchet baseline
+- Release impact: major / declared major
+
+## v42 FE runtime readiness result
+
+- explicit `@kbx/web` workspace package
+- Vite 8 target
+- Vue + Pinia + Router + TanStack Query + PrimeVue + `installKbx()` runtime entry
+- explicit `--mode demo` only fixture activation
+- production/default permissions fail closed to empty
+- demo transport stays under HTTP adapter boundary
+- unsupported demo operations fail explicitly
+- Home OMS exception context route allow-list + auto-search
+- standard Excel menu in Command Bar
+- partial-result export guard
+- keyboard/focus contract for Excel menu
+- narrow/200%-zoom shell pressure rules
+
+## Runtime evidence limitation
+
+The execution container cannot prepare/install pnpm because registry access is blocked. Therefore the new Vite runtime was not built or served in this environment and v42 does **not** claim live Vue/PrimeVue/AG Grid Playwright evidence.
+
+The correct next runtime proof in network-enabled CI/dev is:
+
+```bash
+pnpm install --frozen-lockfile
+pnpm typecheck:web
+pnpm build:web:demo
+# launch Vite demo runtime and execute Playwright Golden Screen E2E
+```
+
+Static/runtime-readiness/governance evidence and actual browser-runtime evidence remain separate QA gates.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v43.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v43.md
new file mode 100644
index 00000000..d41e7345
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v43.md
@@ -0,0 +1,84 @@
+# KBX Validation Report v43
+
+## Release
+
+- Foundation iteration: 43
+- Contract version: 1.24.0
+- Release mode: `fe-semantic-theme-home-navigation-visual-hierarchy-hardening`
+- Change level: major
+
+## Theme scope
+
+- KBX Business Light
+- KBX Business Dark
+- Theme token source v1.9.0
+- Application Shell theme toggle
+- persisted allow-listed preference
+- PrimeVue semantic dark selector bridge
+- AG Grid semantic token bridge
+- Home attention/workbench/module hierarchy
+- Side Navigation active marker
+- FE Reference Lab Light/Dark parity
+
+## Automated validation
+
+Final `node scripts/validate-kbx.mjs`: PASS
+
+Key counts:
+
+| Gate | Result |
+|---|---:|
+| Design tokens | 153 |
+| Screen recipes | 9 |
+| Recipe verification | 9/9 |
+| Screen definitions | 20 |
+| Components | 84 |
+| Catalog entries | 66 |
+| Navigation entries | 16 |
+| Canonical scenarios | 30 |
+| Canonical fields | 51 |
+| API operations | 66 |
+| TS/Vue script units | 305 |
+| Design debt | 116 <= 131 |
+
+Additional passes:
+
+- Architecture
+- Production readiness
+- Application Shell
+- Template completeness T01~T09 + Home
+- Interaction contracts
+- Grid productivity
+- Golden FE parity v41
+- FE runtime v42
+- Theme/navigation v43
+- Design-code parity
+- Release governance
+
+## Browser evidence
+
+FE Reference Lab inline-asset Chromium QA: **16/16 PASS**
+
+- initial Light
+- toggle Dark
+- computed Dark text recomputed at theme root
+- theme aria-label
+- T01–T09 Dark render
+- T09 `wms-mobile` mode
+- 1280px no document-level horizontal overflow
+- toggle Light back
+- runtime/page errors 0
+
+Environment note: localhost/file browser navigation is blocked by administrator policy. Browser evidence therefore inlines the same Reference HTML/CSS/JS assets. Production CSP remains covered by static governance; this evidence is not represented as live Vite runtime proof.
+
+## Remaining evidence boundary
+
+Not proven in this execution environment:
+
+- `pnpm install`
+- live Vite start/build
+- live PrimeVue/AG Grid browser E2E
+- Vue light/dark screenshot matrix
+- physical WMS PDA Dark usability
+
+These remain explicit follow-up gates rather than inferred passes.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v44.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v44.md
new file mode 100644
index 00000000..ba8ae64f
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v44.md
@@ -0,0 +1,69 @@
+# KBX Validation Report v44
+
+- Foundation iteration: 44
+- Contract version: 1.25.0
+- Release mode: `fe-theme-state-runtime-panel-forced-colors-hardening`
+- Full governance: PASS
+- FE state/navigation v44: PASS
+- Theme/navigation v43 regression: PASS
+- Browser feature QA: 14/14 PASS
+- Browser template/theme matrix: 28/28 PASS
+- Design debt: 116 <= ratchet 131
+
+## Validated inventory
+
+| Metric | Result |
+|---|---:|
+| Design tokens | 153 |
+| Screen recipes | 9 |
+| Recipe verification | 9/9 |
+| Screen definitions | 20 |
+| Component definitions | 84 |
+| Component catalog entries | 66 |
+| Navigation entries | 16 |
+| Canonical scenarios | 30 |
+| Canonical fields | 51 |
+| API operations | 66 |
+| TS/Vue script units | 305 |
+| Module source files | 76 |
+| DB migrations | 16 |
+
+## v44 dedicated gate
+
+`validate-fe-state-navigation-v44.mjs` verifies:
+
+- actual App version is v44
+- Global Header operations/notifications `aria-controls` + `aria-expanded`
+- Application Shell open-state pass-through
+- Runtime center open/focus/Esc/focus restore
+- route change and menu-search stacking prevention
+- generated Forced Colors semantic bridge
+- application current/selected/pressed high-contrast visibility
+- Template Empty Recovery public contract
+- actual OMS-ORD-001 reset-and-search wiring
+- FE Reference non-modal System Panel parity
+
+## Full gate tail
+
+```text
+Application shell validation PASS
+Template completeness PASS
+Interaction contracts PASS
+Grid productivity PASS
+Golden FE parity v41 PASS
+FE runtime v42 PASS
+Theme/navigation v43 PASS
+FE state/navigation v44 PASS
+Golden T04/T05 PASS
+Record lifecycle PASS
+v29~v36 historical gates PASS
+Component catalog PASS
+design debt ratchet PASS: 116 <= 131
+design-code parity PASS
+release governance PASS: major
+```
+
+## Runtime evidence boundary
+
+Reference browser QA executed with Chromium against exact FE Reference HTML/CSS/JS assets.
+Actual Vue/Vite runtime E2E was not executed because the environment has no installed workspace dependencies and no usable package registry. Static/syntax/governance evidence must not be presented as live Vue runtime evidence.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v45.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v45.md
new file mode 100644
index 00000000..37fecb11
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v45.md
@@ -0,0 +1,37 @@
+# KBX Validation Report v45
+
+- Foundation iteration: 45
+- Contract version: 1.26.0
+- Dedicated FE gate: `validate-fe-preference-navigation-v45.mjs`
+- Browser Reference QA: `docs/evidence/v45-browser-preference-theme.json` — 14/14 PASS
+
+## v45 dedicated checks
+
+- scope + ScreenId + ScreenVersion preference key
+- bounded/fail-soft localStorage
+- free-text keyword excluded from T01 preference persistence
+- `KbxSearchPanel` real remember/default binding
+- Home operation/notification exact target focus
+- Reference HTML/JS safe preference parity
+- Theme/Forced Colors coexistence
+
+Final aggregate counts are generated by the full `validate:kbx` run and recorded in its evidence log.
+
+## Full aggregate gate
+
+`node scripts/validate-kbx.mjs` PASS.
+
+- Design tokens: 153
+- Screen recipes: 9 / verification 9/9
+- Screen definitions: 20
+- Components: 84
+- Component catalog entries: 68
+- Navigation entries: 16
+- Canonical scenarios: 30
+- Canonical fields: 51
+- API operations: 66
+- TS/Vue script units: 305
+- Design debt: 116 <= ratchet 131
+- Release impact/governance: major PASS
+
+Evidence: `docs/evidence/v45-validate-kbx.log`.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v46.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v46.md
new file mode 100644
index 00000000..f172137b
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v46.md
@@ -0,0 +1,54 @@
+# KBX Validation Report v46
+
+- Foundation iteration: 46
+- Contract version: 1.27.0
+- Dedicated FE gate: `validate-fe-resume-navigation-v46.mjs`
+- Browser Reference QA: `docs/evidence/v46-browser-resume-theme.json` — 20/20 PASS
+
+## v46 dedicated checks
+
+- sessionStorage-only Workspace resume
+- Query/hash persistence exclusion
+- Dirty Form/Grid data persistence exclusion
+- permission + screen registry + safe route revalidation before restore
+- restored tab marker and Home resume entry
+- Home/no-active-tab roving keyboard entry
+- Web Storage blocked fail-soft Shell initialization
+- T09 mobile retry event contract
+- WMS Picking TanStack Query state → common mobile state boundary
+- Reference HTML/JavaScript parity
+
+## Browser evidence limitation
+
+Direct localhost/file/https navigation is administrator-blocked in this execution environment. Browser QA therefore uses the same Reference HTML/CSS/JavaScript in an inline Playwright document with an in-memory Web Storage shim. It verifies FE behavior but is not claimed as a browser-origin sessionStorage or live Vue/PrimeVue/AG Grid E2E.
+
+## QA automation hardening
+
+전체 Gate 과정에서 제품 회귀가 아니라 과거 구현 문자열을 동결하던 legacy validator 3건도 정리했다.
+
+- v44 App version 검증: `v44|v45` exact regex → foundation iteration `>=44` semantic check
+- v33 Component 검증: 과거 purpose/version exact string → component 존재 + category + minimum semver 검증
+- v34 Home 검증: 과거 purpose 문구 exact match → Home shell contract 존재 검증
+
+이 변경은 Gate를 약화한 것이 아니라 **과거 source formatting/문구를 제품 계약으로 오인하던 brittle check를 의미 기반 검증으로 환원**한 것이다.
+
+## Aggregate Foundation
+
+최종 `node scripts/validate-kbx.mjs` 결과:
+
+- Design tokens: **153**
+- Screen recipes / verification: **9 / 9·9**
+- Screen definitions: **20**
+- Component definitions: **84**
+- Core component APIs: **34**
+- Component catalog entries: **69**
+- Navigation entries: **16**
+- Canonical test scenarios / fixture sets: **30 / 16**
+- Canonical fields: **51**
+- API operations: **66**
+- TS/Vue syntax units: **306**
+- Module source files / migrations: **76 / 16**
+- Design debt: **116 <= ratchet 131**
+- Release impact / governance: **major / PASS**
+
+`v41 → v46` FE 전용 Gate, T01~T09 Template/Interaction/Grid/Golden/Record lifecycle, architecture, API, authorization, telemetry, migration, release governance까지 모두 PASS했다. 전체 원문은 `docs/evidence/v46-validate-kbx.log`에 보존한다.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v47.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v47.md
new file mode 100644
index 00000000..ddb70c0f
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v47.md
@@ -0,0 +1,43 @@
+# KBX Validation Report v47
+
+- Foundation iteration: 47
+- Contract version: 1.28.0
+- Dedicated FE gate: `validate-fe-problem-recovery-v47.mjs`
+- Browser Reference QA: `docs/evidence/v47-browser-problem-theme.json` — **12/12 PASS**
+
+## v47 dedicated checks
+
+- `KbxProblemFeedback` business-rule / permission / not-found / integration / system contract
+- correlation reference and retryable retry
+- no raw HTML rendering of server problem text
+- server-provided problem action allow-list security
+- T01/T02/T03 template problem slots and retry/dismiss events
+- OMS-ORD-001 bulk command problem recovery
+- OMS-ORD-002 save/confirm problem recovery
+- ERP-MST-ITEM-001 load/save/deactivate problem recovery
+- Reference HTML/JavaScript themed business problem parity
+
+## Evidence boundary
+
+Actual Vue/PrimeVue/AG Grid runtime dependency installation is not available in this execution environment. Vue changes are verified by TS/Vue transpile/static/governance gates; browser interaction evidence is the FE Reference HTML/CSS/JavaScript implementation. This is not represented as live Vue E2E.
+
+## Aggregate Foundation
+
+최종 `node scripts/validate-kbx.mjs` 결과:
+
+- Design tokens: **153**
+- Screen recipes / verification: **9 / 9·9**
+- Screen definitions: **20**
+- Component definitions: **85**
+- Core component APIs: **34**
+- Component catalog entries: **70**
+- Navigation entries: **16**
+- Canonical test scenarios / fixture sets: **30 / 16**
+- Canonical fields: **51**
+- API operations: **66**
+- TS/Vue syntax units: **307**
+- Module source files / migrations: **76 / 16**
+- Design debt: **116 <= ratchet 131**
+- Release impact / governance: **major / PASS**
+
+전체 원문은 `docs/evidence/v47-validate-kbx.log`에 보존한다.
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v48.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v48.md
new file mode 100644
index 00000000..bb1afca9
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v48.md
@@ -0,0 +1,79 @@
+# KBX Validation Report v48
+
+## Result
+
+`node scripts/validate-kbx.mjs` **PASS**
+
+v48 adds a dedicated FE template-completion gate without weakening any previous Foundation gate.
+
+## Aggregate snapshot
+
+| Area | Result |
+|---|---:|
+| Design tokens | 153 |
+| Screen recipes | 9 |
+| Recipe verification | 9 / 9 |
+| Screen definitions | 20 |
+| Component definitions | 85 |
+| Core component APIs | 34 |
+| Catalog entries | 70 |
+| Navigation entries | 16 |
+| Canonical scenarios | 30 |
+| Canonical fields | 51 |
+| API operations | 66 |
+| TS/Vue script units | 307 |
+| Module source files | 76 |
+| DB migrations | 16 |
+| Design debt | **116 <= 131** |
+| Release impact | major |
+| Release governance | PASS |
+
+## v48-specific gate
+
+`node scripts/validate-fe-template-completion-v48.mjs`
+
+**PASS**
+
+Verifies:
+
+- T04/T05/T06/T07/T08 template Problem recovery surfaces and retry/dismiss contracts
+- WorkQueue→Queue Problem pass-through
+- actual Vue T04/T06/T07/T08 problem bindings
+- T05/T06/T07 Reference real search functions and Mouse-complete inline Search actions
+- T08 actual `input[type=file]`, Browser File handling, extension/20MB guard
+- no legacy fake T05/T06/T07 search Toast path
+- no fake sample filename assignment
+- six-step Import visual grid
+- bounded validation summary in `KbxProblemFeedback`
+
+## Browser Reference QA
+
+`docs/evidence/v48-browser-template-completion.json`
+
+**30 / 30 PASS**
+
+Chromium validated:
+
+- KBX Business Dark
+- T05 real filtering/loading/empty/reset
+- T06 real queue filtering/loading/empty/reset
+- T07 real reason filtering/loading/selection/resolution mutation
+- T08 actual Browser File selection and rejection of non-Excel extension
+- T08 six steps and Mapping→Validation→Preview→Commit navigation
+- 1280×720 document horizontal overflow = 0
+- page/runtime/console error = 0
+
+## Existing gates retained
+
+PASS includes Architecture, Production readiness, Application Shell, Template Completeness, Interaction Contracts, Grid Productivity, Golden FE parity, FE Runtime v42, Theme v43, State v44, Preference v45, Resume v46, Problem Recovery v47, Golden T04/T05, Record Lifecycle, v29~v36 Home/Template governance, component catalog, design-code parity, release impact and release governance.
+
+## Evidence boundary
+
+The current execution environment does not contain installed workspace package dependencies and package registry access is restricted. Therefore this report **does not claim** actual Vite/Vue/PrimeVue/AG Grid runtime E2E or `vue-tsc` typecheck/build execution.
+
+The evidence split is explicit:
+
+- actual Vue/TS changes → syntax/static/governance gates
+- HTML/CSS/JavaScript Reference → Chromium interaction QA
+- Production CSP → static governance contract
+- Domain/Permission/Import correctness → server remains final authority
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v49.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v49.md
new file mode 100644
index 00000000..ab8af454
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v49.md
@@ -0,0 +1,90 @@
+# KBX Validation Report v49
+
+## Result
+
+`node scripts/validate-kbx.mjs` **PASS**
+
+v49 adds a dedicated Home Workbench/WMS truth-boundary gate while retaining all previous Foundation gates.
+
+## Aggregate snapshot
+
+| Area | Result |
+|---|---:|
+| Design tokens | 153 |
+| Screen recipes | 9 |
+| Recipe verification | 9 / 9 |
+| Screen definitions | 20 |
+| Component definitions | 85 |
+| Core component APIs | 34 |
+| Catalog entries | 70 |
+| Navigation entries | 16 |
+| Canonical scenarios | 30 |
+| Canonical fields | 51 |
+| API operations | 66 |
+| TS/Vue script units | 308 |
+| Module source files | 77 |
+| DB migrations | 16 |
+| Design debt | **116 <= 131** |
+| Release impact | major |
+| Release governance | PASS |
+| Foundation iteration | 49 |
+| Contract version | 1.30.0 |
+
+## v49-specific gate
+
+`node scripts/validate-fe-workbench-wms-v49.mjs`
+
+**PASS**
+
+Verifies:
+
+- Home attention collapsed/expanded limits and accessible disclosure
+- Home attention source composition and `KbxHomePage 1.9.0`
+- Reference Home disclosure parity
+- `KbxQueuePage 1.8.0` exact Empty/Error/Retry copy contract
+- WMS Work demo filtering and non-demo `WMS_WORK_QUERY_NOT_CONNECTED` integration failure
+- no fake `return []` normal-runtime WMS queue
+- WMS execution capability guard references Server validation/idempotency/audit
+- Receiving/Putaway/Counting taskId, network state, Demo guard and non-dismissible integration problem
+- no hardcoded `online=true` in guarded T09 screens
+- blocked-production action footer suppression in `KbxWmsMobilePage 1.7.0`
+- WMS screen version upgrades to 1.1.0
+
+## Browser Reference QA
+
+`docs/evidence/v49-browser-workbench-theme.json`
+
+**10 / 10 PASS**
+
+Chromium validated:
+
+- Home Workbench boot
+- Attention collapsed = 8
+- disclosure button and `aria-expanded=false`
+- click expansion = 10
+- `aria-expanded=true`
+- keyboard Enter collapse = 8
+- KBX Business Dark root
+- 1280×720 document horizontal overflow = 0
+- runtime error = 0
+
+## Legacy validator hardening
+
+The aggregate run initially exposed a v36 source-string assertion that required the historical exact phrase `전체 N개 · 상위 N개 표시`. v49 Home legitimately changed the wording while keeping exact total/visible-count semantics and adding disclosure.
+
+The validator was changed to verify the intended **total count + visible count expression** rather than freeze historical copy. The old UI wording was not reintroduced.
+
+## Existing gates retained
+
+PASS includes Architecture, Production readiness, Application Shell, Template Completeness, Interaction Contracts, Grid Productivity, Golden FE parity, FE Runtime v42, Theme v43, State v44, Preference v45, Resume v46, Problem Recovery v47, Template Completion v48, Golden T04/T05, Record Lifecycle, v29~v36 Home/Template governance, component catalog, design-code parity, release impact and release governance.
+
+## Evidence boundary
+
+The current execution environment does not contain installed workspace package dependencies and package registry access is restricted. Therefore this report **does not claim** actual Vite/Vue/PrimeVue/AG Grid runtime E2E or `vue-tsc` typecheck/build execution.
+
+The evidence split is explicit:
+
+- actual Vue/TS changes → syntax/static/governance gates
+- HTML/CSS/JavaScript Reference → Chromium interaction QA
+- Production WMS Domain success → Server validation/idempotency/audit remain authoritative
+- Demo Mode → FE scenario validation only, not Production completion
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v5.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v5.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v5.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v5.md
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v50.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v50.md
new file mode 100644
index 00000000..6798eeef
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v50.md
@@ -0,0 +1,81 @@
+# KBX Validation Report v50
+
+## Result
+
+`node scripts/validate-kbx.mjs` **PASS**
+
+v50 adds a dedicated operational-truth gate for retryability and bounded Home Attention overflow while retaining all previous Foundation gates.
+
+## Aggregate snapshot
+
+| Area | Result |
+|---|---:|
+| Design tokens | 153 |
+| Screen recipes | 9 |
+| Recipe verification | 9 / 9 |
+| Screen definitions | 20 |
+| Component definitions | 85 |
+| Core component APIs | 34 |
+| Catalog entries | 70 |
+| Navigation entries | 16 |
+| Canonical scenarios | 30 |
+| Canonical fields | 51 |
+| API operations | 66 |
+| TS/Vue script units | 308 |
+| Module source files | 77 |
+| DB migrations | 16 |
+| Design debt | **116 <= 131** |
+| Release impact | major |
+| Release governance | PASS |
+| Foundation iteration | 50 |
+| Contract version | 1.31.0 |
+
+## v50-specific gate
+
+`node scripts/validate-fe-operational-truth-v50.mjs`
+
+**PASS**
+
+Verifies:
+
+- `KbxTemplateStateBoundary` explicit `errorRetryable`
+- T01~T08 template propagation and T09 WMS propagation
+- non-retryable error reproduction in component catalog
+- `WMS_WORK_QUERY_NOT_CONNECTED` is `retryable:false`
+- WMS Work binds Problem retryability to the T06 state boundary
+- bounded Home Attention labels `전체` only when the whole result fits
+- overflow Work/Notification Center navigation
+- Reference HTML/JavaScript parity for 8→24 bounded disclosure
+- semantic component version minima
+
+## Browser Reference QA
+
+`docs/evidence/v50-browser-operational-truth.json`
+
+**16 / 16 PASS**
+
+Chromium validated:
+
+- Home Attention total 28 / visible 8
+- truthful `우선 24개 보기`
+- accessible expansion to 24
+- remaining-items Work/Notification Center links
+- Work Center open and header `aria-expanded`
+- Esc close + trigger Focus restore
+- KBX Business Dark
+- 1280×720 document horizontal overflow = 0
+- runtime/page error = 0
+
+## Existing gates retained
+
+PASS includes Architecture, Production readiness, Application Shell, Template Completeness, Interaction Contracts, Grid Productivity, Golden FE parity, FE Runtime v42, Theme v43, State v44, Preference v45, Resume v46, Problem Recovery v47, Template Completion v48, Workbench/WMS v49, Golden T04/T05, Record Lifecycle, v29~v36 Home/Template governance, component catalog, design-code parity, release impact and release governance.
+
+## Evidence boundary
+
+The current environment does not have installed workspace package dependencies and registry access remains restricted. Therefore this report **does not claim** live Vite/Vue/PrimeVue/AG Grid Playwright E2E or `vue-tsc` build execution.
+
+Evidence remains split:
+
+- actual Vue/TS changes → syntax/static/governance gates
+- delivered HTML/CSS/JavaScript Reference → Chromium interaction QA
+- production Domain truth / permission / idempotency → Server remains authoritative
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v6.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v6.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v6.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v6.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v7.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v7.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v7.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v7.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v8.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v8.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v8.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v8.md
diff --git a/docs/Design/kbx-foundation-v36/docs/validation-report-v9.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v9.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/validation-report-v9.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/validation-report-v9.md
diff --git a/docs/Design/kbx-foundation-v36/docs/wms-field-acceptance-checklist.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/wms-field-acceptance-checklist.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/docs/wms-field-acceptance-checklist.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/docs/wms-field-acceptance-checklist.md
diff --git a/docs/Design/kbx-foundation-v36/eslint.config.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/eslint.config.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/eslint.config.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/eslint.config.mjs
diff --git a/docs/Design/kbx-foundation-v36/generated/api-debt-report.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/api-debt-report.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/generated/api-debt-report.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/api-debt-report.json
diff --git a/docs/Design/kbx-foundation-v36/generated/api-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/api-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/generated/api-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/api-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/generated/catalog-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/catalog-manifest.json
similarity index 92%
rename from docs/Design/kbx-foundation-v36/generated/catalog-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/catalog-manifest.json
index 192657d4..9c3317b7 100644
--- a/docs/Design/kbx-foundation-v36/generated/catalog-manifest.json
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/catalog-manifest.json
@@ -260,6 +260,24 @@
       "error"
     ]
   },
+  {
+    "component": "KbxOperationCenter",
+    "group": "feedback",
+    "states": [
+      "default",
+      "keyboard",
+      "error"
+    ]
+  },
+  {
+    "component": "KbxNotificationCenter",
+    "group": "feedback",
+    "states": [
+      "default",
+      "keyboard",
+      "error"
+    ]
+  },
   {
     "component": "KbxAuditTrail",
     "group": "feedback",
@@ -296,6 +314,8 @@
     "group": "template",
     "states": [
       "default",
+      "empty",
+      "error",
       "keyboard"
     ]
   },
@@ -304,6 +324,7 @@
     "group": "template",
     "states": [
       "default",
+      "error",
       "keyboard"
     ]
   },
@@ -312,6 +333,7 @@
     "group": "template",
     "states": [
       "default",
+      "error",
       "keyboard"
     ]
   },
@@ -319,14 +341,16 @@
     "component": "KbxMasterDetailPage",
     "group": "template",
     "states": [
-      "default"
+      "default",
+      "error"
     ]
   },
   {
     "component": "KbxQueuePage",
     "group": "template",
     "states": [
-      "default"
+      "default",
+      "error"
     ]
   },
   {
@@ -354,6 +378,15 @@
       "keyboard"
     ]
   },
+  {
+    "component": "KbxWorkspaceTabs",
+    "group": "shell",
+    "states": [
+      "default",
+      "warning",
+      "keyboard"
+    ]
+  },
   {
     "component": "KbxCheckbox",
     "group": "input",
@@ -436,6 +469,15 @@
       "error"
     ]
   },
+  {
+    "component": "KbxProblemFeedback",
+    "group": "feedback",
+    "states": [
+      "error",
+      "warning",
+      "disabled"
+    ]
+  },
   {
     "component": "KbxDataState",
     "group": "feedback",
@@ -443,7 +485,8 @@
       "idle",
       "loading",
       "empty",
-      "error"
+      "error",
+      "default"
     ]
   },
   {
@@ -453,6 +496,7 @@
       "idle",
       "ready",
       "refreshing",
+      "empty",
       "error"
     ]
   },
diff --git a/docs/Design/kbx-foundation-v36/generated/component-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/component-manifest.json
similarity index 82%
rename from docs/Design/kbx-foundation-v36/generated/component-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/component-manifest.json
index 9a725ddf..96e73698 100644
--- a/docs/Design/kbx-foundation-v36/generated/component-manifest.json
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/component-manifest.json
@@ -21,7 +21,7 @@
     "name": "KbxLookup",
     "category": "business",
     "purpose": "비동기 race/error 복구와 코드/명칭 기반 업무 엔터티 선택",
-    "version": "1.3.0"
+    "version": "1.4.0"
   },
   {
     "name": "KbxLookupDialog",
@@ -32,20 +32,20 @@
   {
     "name": "KbxSearchPanel",
     "category": "business",
-    "purpose": "조회조건의 고정 배치와 상세조건 확장",
-    "version": "1.3.0"
+    "purpose": "조회조건의 고정 배치·상세조건·안전한 사용자별 기본/최근조건 기억",
+    "version": "1.4.0"
   },
   {
     "name": "KbxCommandBar",
     "category": "business",
-    "purpose": "Permission Host·선택·업무상태·Dirty 조건을 반영해 명령을 고정 배치",
-    "version": "1.3.0"
+    "purpose": "Permission Host·선택·업무상태·Dirty 조건과 표준 Excel 메뉴를 반영해 명령을 고정 배치",
+    "version": "1.4.0"
   },
   {
     "name": "KbxDataGrid",
     "category": "business",
     "purpose": "조회·편집·대량처리용 업무 Grid",
-    "version": "1.4.0"
+    "version": "1.5.0"
   },
   {
     "name": "KbxFormSection",
@@ -86,32 +86,32 @@
   {
     "name": "KbxListPage",
     "category": "template",
-    "purpose": "조회 전·조회·재조회·Empty/Error 복구와 Search·Quick Filter·Grid·Summary를 고정한 조회형 표준 화면",
-    "version": "1.6.0"
+    "purpose": "조회 전·조회·재조회·Empty/Error 복구와 오류별 Retry 가능 여부·Search·Quick Filter·Grid·Summary를 고정한 조회형 표준 화면",
+    "version": "1.9.0"
   },
   {
     "name": "KbxTransactionPage",
     "category": "template",
-    "purpose": "Header/Detail·Context·Lifecycle·Summary를 결합한 거래형 표준 화면",
-    "version": "1.6.0"
+    "purpose": "Header/Detail·Context·Lifecycle·Summary·Actionable Problem과 오류별 Retry 가능 여부를 결합한 거래형 표준 화면",
+    "version": "1.8.0"
   },
   {
     "name": "KbxMasterPage",
     "category": "template",
-    "purpose": "조회 전 상태·목록/상세·Tabs·Context·Dirty/Conflict/Audit Lifecycle을 결합한 기준정보 표준 화면",
-    "version": "1.6.0"
+    "purpose": "조회 전 상태·목록/상세·Tabs·Context·Dirty/Conflict/Audit·Actionable Problem과 오류별 Retry 가능 여부를 결합한 기준정보 표준 화면",
+    "version": "1.8.0"
   },
   {
     "name": "KbxMasterDetailPage",
     "category": "template",
-    "purpose": "조회 전·재조회 Context를 보존하며 Master·Detail·이력·Drawer를 함께 탐색하는 표준 화면",
-    "version": "1.6.0"
+    "purpose": "조회 전·재조회 Context와 Actionable Problem·오류별 Retry 가능 여부를 보존하며 Master·Detail·이력·Drawer를 함께 탐색하는 표준 화면",
+    "version": "1.8.0"
   },
   {
     "name": "KbxWmsMobilePage",
     "category": "wms",
-    "purpose": "Template/Permission/Network 경계를 포함한 PDA·Scanner 현장 작업 Shell",
-    "version": "1.5.0"
+    "purpose": "Template/Permission/Network/Loading·Error Recovery·Retry 가능 여부와 입력 차단 시 Action footer 억제를 포함한 PDA·Scanner 현장 작업 Shell",
+    "version": "1.8.0"
   },
   {
     "name": "KbxBarcodeCapture",
@@ -134,8 +134,8 @@
   {
     "name": "KbxExcelMenu",
     "category": "business",
-    "purpose": "업무 화면의 Excel 다운로드·업로드 진입점",
-    "version": "1.0.0"
+    "purpose": "Arrow/Esc/Focus 복구를 포함한 Excel 다운로드·양식·업로드·붙여넣기·이력 표준 메뉴",
+    "version": "1.1.0"
   },
   {
     "name": "KbxExcelImport",
@@ -152,8 +152,8 @@
   {
     "name": "KbxImportPage",
     "category": "template",
-    "purpose": "Progress·Context·Import Content·Result를 고정한 Excel Import 표준 화면",
-    "version": "1.4.0"
+    "purpose": "Progress·Context·Import Content·Result·Actionable Problem·오류별 Retry 가능 여부를 고정한 Excel Import 표준 화면",
+    "version": "1.6.0"
   },
   {
     "name": "KbxExceptionCenter",
@@ -176,14 +176,14 @@
   {
     "name": "KbxWorkQueuePage",
     "category": "template",
-    "purpose": "사용자가 지금 처리해야 할 업무와 예외를 우선하는 Queue 호환 화면",
-    "version": "1.4.0"
+    "purpose": "예외 업무 처리와 실패 복구·오류별 Retry 가능 여부를 우선하는 Queue 호환 화면",
+    "version": "1.6.0"
   },
   {
     "name": "KbxReconcilePage",
     "category": "template",
-    "purpose": "조회 전·재조회·Expected/Actual/Difference·Resolution·Audit 기반 정합성 대사 화면",
-    "version": "1.5.0"
+    "purpose": "Expected/Actual/Difference·Resolution·Audit·Actionable Problem·오류별 Retry 가능 여부 기반 정합성 대사 화면",
+    "version": "1.7.0"
   },
   {
     "name": "KbxUtilityRail",
@@ -209,6 +209,12 @@
     "purpose": "장애·읽기전용·오프라인 등 현재 운영모드를 화면 상단에 명확히 표시",
     "version": "1.0.0"
   },
+  {
+    "name": "KbxProblemFeedback",
+    "category": "business",
+    "purpose": "업무규칙·권한·검증·외부연계·시스템 Problem을 다음 행동과 함께 인라인 표시",
+    "version": "1.1.0"
+  },
   {
     "name": "KbxFreshnessIndicator",
     "category": "business",
@@ -224,14 +230,14 @@
   {
     "name": "KbxOperationCenter",
     "category": "business",
-    "purpose": "Excel·대량처리·연계 등 장시간 작업의 진행률과 결과를 지속적으로 표시",
-    "version": "1.0.0"
+    "purpose": "Excel·대량처리·연계 등 장시간 작업의 진행률·결과와 Home에서 지정한 대상 작업 Focus를 지속적으로 표시",
+    "version": "1.1.0"
   },
   {
     "name": "KbxNotificationCenter",
     "category": "business",
-    "purpose": "사용자가 확인해야 할 완료·부분실패·운영 알림을 비차단 방식으로 제공",
-    "version": "1.0.0"
+    "purpose": "완료·부분실패·운영 알림을 비차단 방식으로 제공하고 Home 대상 알림을 직접 Focus",
+    "version": "1.1.0"
   },
   {
     "name": "KbxRecordLifecycle",
@@ -249,19 +255,19 @@
     "name": "KbxGlobalHeader",
     "category": "shell",
     "purpose": "제품·실제 Module Selector·메뉴검색·운영알림·사용자 Action을 고정 배치하는 전역 Header",
-    "version": "1.3.0"
+    "version": "1.4.0"
   },
   {
     "name": "KbxSideNavigation",
     "category": "shell",
     "purpose": "Header와 동기화된 모듈 전환·검색·즐겨찾기·최근메뉴·2단계 업무메뉴 탐색",
-    "version": "1.3.0"
+    "version": "1.3.1"
   },
   {
     "name": "KbxWorkspaceTabs",
     "category": "shell",
-    "purpose": "키보드 이동·Dirty·Pin·Overflow를 가진 다중 업무 Workspace Tab",
-    "version": "1.2.0"
+    "purpose": "키보드 roving focus·Dirty·Pin·안전한 세션 복원 표시·Overflow를 가진 다중 업무 Workspace Tab",
+    "version": "1.3.0"
   },
   {
     "name": "KbxMenuSearch",
@@ -273,13 +279,13 @@
     "name": "KbxApplicationShell",
     "category": "shell",
     "purpose": "Global Header·Module Navigation·Workspace Tabs·Skip Navigation·업무영역과 사용자 Action 전달을 통합하는 Application Shell",
-    "version": "1.5.0"
+    "version": "1.6.0"
   },
   {
     "name": "KbxUnsavedChangesDialog",
     "category": "shell",
     "purpose": "Workspace 이동·종료 시 미저장 변경의 유지·폐기·저장후이동을 표준화",
-    "version": "1.0.0"
+    "version": "1.1.0"
   },
   {
     "name": "KbxInput",
@@ -374,14 +380,14 @@
   {
     "name": "KbxFastEntryPage",
     "category": "template",
-    "purpose": "Enter·Paste·Fill Down·Context 중심 대량 행 입력 화면",
-    "version": "1.7.0"
+    "purpose": "Enter·Paste·Fill Down·Validation·Actionable Problem·오류별 Retry 가능 여부 중심 대량 행 입력 화면",
+    "version": "1.9.0"
   },
   {
     "name": "KbxQueuePage",
     "category": "template",
-    "purpose": "조회 전·예외 우선 Work Summary·Context·Queue·Quick Action 표준 Template",
-    "version": "1.6.0"
+    "purpose": "예외 우선 Work Summary·Context·Queue·Quick Action과 업무별 Empty/Error·Retry 가능 여부를 통제하는 표준 Template",
+    "version": "1.9.0"
   },
   {
     "name": "KbxMaskedValue",
@@ -459,13 +465,13 @@
     "name": "KbxDataState",
     "category": "business",
     "purpose": "Idle·Loading·Empty·Error 상태와 복구 Action을 공통 표현",
-    "version": "1.1.0"
+    "version": "1.1.1"
   },
   {
     "name": "KbxTemplateStateBoundary",
     "category": "business",
-    "purpose": "표준 Template의 Idle·Loading·Empty·Error·Refreshing 상태와 조회 복구 Action을 Context 손실 없이 통합",
-    "version": "1.1.0"
+    "purpose": "표준 Template의 Idle·Loading·Empty·Error·Refreshing 상태와 오류별 Retry 가능 여부를 Context 손실 없이 통합",
+    "version": "1.3.0"
   },
   {
     "name": "KbxSummaryBar",
@@ -476,8 +482,8 @@
   {
     "name": "KbxHomePage",
     "category": "shell",
-    "purpose": "미저장·실패 작업·중요 알림을 우선하고 같은 우선순위는 최신 발생 순으로 정렬하며 overflow 전체 건수까지 정확히 제공하는 안전한 Home Workbench",
-    "version": "1.7.0"
+    "purpose": "미저장·실패·중요 알림과 복원 업무를 우선 제공하고 Attention 상한 이후 항목을 작업/알림 센터로 정확히 연결하는 Home Workbench",
+    "version": "1.10.0"
   },
   {
     "name": "KbxAccessDenied",
diff --git a/docs/Design/kbx-foundation-v36/generated/configuration-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/configuration-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/generated/configuration-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/configuration-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/generated/design-debt-report.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/design-debt-report.json
similarity index 90%
rename from docs/Design/kbx-foundation-v36/generated/design-debt-report.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/design-debt-report.json
index 8b4ce73d..22bebc79 100644
--- a/docs/Design/kbx-foundation-v36/generated/design-debt-report.json
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/design-debt-report.json
@@ -2,9 +2,9 @@
   "generatedFrom": "packages/kbx-ui/src",
   "policy": "ratchet-only: existing hardcoded literals may decrease but must not increase; new files start at zero",
   "totals": {
-    "hex": 2,
-    "px": 129,
-    "total": 131
+    "hex": 0,
+    "px": 116,
+    "total": 116
   },
   "files": {
     "packages/kbx-ui/src/components/KbxAuditTrail.vue": {
@@ -32,11 +32,6 @@
       "px": 1,
       "total": 1
     },
-    "packages/kbx-ui/src/components/KbxExcelMenu.vue": {
-      "hex": 0,
-      "px": 9,
-      "total": 9
-    },
     "packages/kbx-ui/src/components/KbxExceptionCenter.vue": {
       "hex": 0,
       "px": 1,
@@ -84,8 +79,8 @@
     },
     "packages/kbx-ui/src/components/KbxToast.vue": {
       "hex": 0,
-      "px": 7,
-      "total": 7
+      "px": 5,
+      "total": 5
     },
     "packages/kbx-ui/src/components/KbxUserSuggestionPanel.vue": {
       "hex": 0,
@@ -94,13 +89,13 @@
     },
     "packages/kbx-ui/src/shell/KbxUnsavedChangesDialog.vue": {
       "hex": 0,
-      "px": 12,
-      "total": 12
+      "px": 10,
+      "total": 10
     },
     "packages/kbx-ui/src/wms/KbxNetworkIndicator.vue": {
-      "hex": 2,
+      "hex": 0,
       "px": 4,
-      "total": 6
+      "total": 4
     }
   }
 }
diff --git a/docs/Design/kbx-foundation-v36/generated/experiment-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/experiment-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/generated/experiment-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/experiment-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/generated/external-data-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/external-data-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/generated/external-data-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/external-data-manifest.json
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/fe-runtime-v42-evidence.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/fe-runtime-v42-evidence.json
new file mode 100644
index 00000000..bba00a24
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/fe-runtime-v42-evidence.json
@@ -0,0 +1,37 @@
+{
+  "iteration": 42,
+  "scope": "first-class Vue/Vite frontend runtime readiness",
+  "gates": {
+    "typescriptVueSyntax": {"status": "PASS", "units": 304},
+    "apiGovernance": {"status": "PASS", "operations": 66, "rawTransportUsage": 0},
+    "feRuntimeReadiness": {"status": "PASS"},
+    "fullKbxGovernance": {"status": "PASS"},
+    "designDebt": {"status": "PASS", "current": 122, "ratchet": 131}
+  },
+  "runtimeReadiness": {
+    "viteTarget": 8,
+    "webWorkspace": "@kbx/web",
+    "demoActivation": "explicit --mode demo / VITE_KBX_DEMO_MODE=true only",
+    "productionPermissionsDefault": "empty/fail-closed",
+    "demoTransportBoundary": "apps/web/src/http/demo",
+    "homeContextHydration": true,
+    "standardExcelMenu": true,
+    "partialResultExportGuard": true,
+    "zoomNarrowShellHardening": true
+  },
+  "liveRuntimeEvidence": {
+    "executed": false,
+    "reason": "Package registry access is blocked in the execution container, so pnpm dependencies cannot be installed/prepared.",
+    "notClaimed": [
+      "pnpm install",
+      "Vite production build",
+      "Vue/PrimeVue/AG Grid live browser runtime",
+      "Playwright actual-runtime E2E",
+      "200% zoom screenshot regression"
+    ]
+  },
+  "remainingP1": [
+    "Server-side full-query XLSX export/background job is not connected; partial local export is intentionally blocked when only part of the result set is loaded.",
+    "Live Vue runtime E2E must run in network-enabled CI/dev."
+  ]
+}
diff --git a/docs/Design/kbx-foundation-v36/generated/field-adoption-report.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/field-adoption-report.json
similarity index 97%
rename from docs/Design/kbx-foundation-v36/generated/field-adoption-report.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/field-adoption-report.json
index 2f78755e..cb2df7b3 100644
--- a/docs/Design/kbx-foundation-v36/generated/field-adoption-report.json
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/field-adoption-report.json
@@ -1,8 +1,8 @@
 {
   "dictionaryVersion": "1.1.0",
   "canonicalFieldCount": 51,
-  "scannedFiles": 103,
-  "fieldOccurrences": 146,
+  "scannedFiles": 109,
+  "fieldOccurrences": 147,
   "uniqueFieldKeysObserved": 90,
   "canonicalKeysUsed": [
     "address1",
diff --git a/docs/Design/kbx-foundation-v36/generated/field-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/field-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/generated/field-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/field-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/generated/integration-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/integration-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/generated/integration-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/integration-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/generated/navigation-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/navigation-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/generated/navigation-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/navigation-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/generated/permission-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/permission-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/generated/permission-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/permission-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/generated/problem-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/problem-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/generated/problem-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/problem-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/generated/provider-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/provider-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/generated/provider-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/provider-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/generated/release-impact.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/release-impact.json
similarity index 93%
rename from docs/Design/kbx-foundation-v36/generated/release-impact.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/release-impact.json
index d87192d4..0d295d5d 100644
--- a/docs/Design/kbx-foundation-v36/generated/release-impact.json
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/release-impact.json
@@ -1,6 +1,6 @@
 {
   "baseline": "v21",
-  "contractVersion": "1.22.0",
+  "contractVersion": "1.31.0",
   "declaredChangeLevel": "major",
   "requiredChangeLevel": "major",
   "compatible": true,
@@ -17,6 +17,12 @@
       "change": "added",
       "key": "KbxFormSpan"
     },
+    {
+      "level": "minor",
+      "kind": "component",
+      "change": "added",
+      "key": "KbxProblemFeedback"
+    },
     {
       "level": "minor",
       "kind": "component",
@@ -147,7 +153,7 @@
       "change": "version",
       "key": "KbxLookup",
       "from": "1.0.0",
-      "to": "1.3.0"
+      "to": "1.4.0"
     },
     {
       "level": "minor",
@@ -163,7 +169,7 @@
       "change": "version",
       "key": "KbxSearchPanel",
       "from": "1.0.0",
-      "to": "1.3.0"
+      "to": "1.4.0"
     },
     {
       "level": "minor",
@@ -171,7 +177,7 @@
       "change": "version",
       "key": "KbxCommandBar",
       "from": "1.0.0",
-      "to": "1.3.0"
+      "to": "1.4.0"
     },
     {
       "level": "minor",
@@ -179,7 +185,7 @@
       "change": "version",
       "key": "KbxDataGrid",
       "from": "1.0.0",
-      "to": "1.4.0"
+      "to": "1.5.0"
     },
     {
       "level": "minor",
@@ -203,7 +209,7 @@
       "change": "version",
       "key": "KbxListPage",
       "from": "1.0.0",
-      "to": "1.6.0"
+      "to": "1.9.0"
     },
     {
       "level": "minor",
@@ -211,7 +217,7 @@
       "change": "version",
       "key": "KbxTransactionPage",
       "from": "1.0.0",
-      "to": "1.6.0"
+      "to": "1.8.0"
     },
     {
       "level": "minor",
@@ -219,7 +225,7 @@
       "change": "version",
       "key": "KbxMasterPage",
       "from": "1.0.0",
-      "to": "1.6.0"
+      "to": "1.8.0"
     },
     {
       "level": "minor",
@@ -227,7 +233,7 @@
       "change": "version",
       "key": "KbxMasterDetailPage",
       "from": "1.0.0",
-      "to": "1.6.0"
+      "to": "1.8.0"
     },
     {
       "level": "minor",
@@ -235,7 +241,7 @@
       "change": "version",
       "key": "KbxWmsMobilePage",
       "from": "1.0.0",
-      "to": "1.5.0"
+      "to": "1.8.0"
     },
     {
       "level": "minor",
@@ -253,6 +259,14 @@
       "from": "1.0.0",
       "to": "1.1.0"
     },
+    {
+      "level": "minor",
+      "kind": "component",
+      "change": "version",
+      "key": "KbxExcelMenu",
+      "from": "1.0.0",
+      "to": "1.1.0"
+    },
     {
       "level": "minor",
       "kind": "component",
@@ -267,7 +281,7 @@
       "change": "version",
       "key": "KbxImportPage",
       "from": "1.0.0",
-      "to": "1.4.0"
+      "to": "1.6.0"
     },
     {
       "level": "patch",
@@ -291,7 +305,7 @@
       "change": "version",
       "key": "KbxWorkQueuePage",
       "from": "1.0.0",
-      "to": "1.4.0"
+      "to": "1.6.0"
     },
     {
       "level": "minor",
@@ -299,7 +313,7 @@
       "change": "version",
       "key": "KbxReconcilePage",
       "from": "1.0.0",
-      "to": "1.5.0"
+      "to": "1.7.0"
     },
     {
       "level": "minor",
@@ -317,6 +331,22 @@
       "from": "1.0.0",
       "to": "1.1.0"
     },
+    {
+      "level": "minor",
+      "kind": "component",
+      "change": "version",
+      "key": "KbxOperationCenter",
+      "from": "1.0.0",
+      "to": "1.1.0"
+    },
+    {
+      "level": "minor",
+      "kind": "component",
+      "change": "version",
+      "key": "KbxNotificationCenter",
+      "from": "1.0.0",
+      "to": "1.1.0"
+    },
     {
       "level": "minor",
       "kind": "component",
@@ -331,7 +361,7 @@
       "change": "version",
       "key": "KbxGlobalHeader",
       "from": "1.0.0",
-      "to": "1.3.0"
+      "to": "1.4.0"
     },
     {
       "level": "minor",
@@ -339,7 +369,7 @@
       "change": "version",
       "key": "KbxSideNavigation",
       "from": "1.0.0",
-      "to": "1.3.0"
+      "to": "1.3.1"
     },
     {
       "level": "minor",
@@ -347,7 +377,7 @@
       "change": "version",
       "key": "KbxWorkspaceTabs",
       "from": "1.0.0",
-      "to": "1.2.0"
+      "to": "1.3.0"
     },
     {
       "level": "minor",
@@ -363,7 +393,15 @@
       "change": "version",
       "key": "KbxApplicationShell",
       "from": "1.0.0",
-      "to": "1.5.0"
+      "to": "1.6.0"
+    },
+    {
+      "level": "minor",
+      "kind": "component",
+      "change": "version",
+      "key": "KbxUnsavedChangesDialog",
+      "from": "1.0.0",
+      "to": "1.1.0"
     },
     {
       "level": "minor",
@@ -451,7 +489,7 @@
       "change": "version",
       "key": "KbxFastEntryPage",
       "from": "1.0.0",
-      "to": "1.7.0"
+      "to": "1.9.0"
     },
     {
       "level": "minor",
@@ -459,7 +497,7 @@
       "change": "version",
       "key": "KbxQueuePage",
       "from": "1.0.0",
-      "to": "1.6.0"
+      "to": "1.9.0"
     },
     {
       "level": "minor",
@@ -577,7 +615,7 @@
       "change": "version",
       "key": "OMS-ORD-001",
       "from": "1.0.0",
-      "to": "1.1.0"
+      "to": "1.3.0"
     },
     {
       "level": "major",
@@ -611,6 +649,14 @@
       "from": null,
       "to": "T08"
     },
+    {
+      "level": "patch",
+      "kind": "screen",
+      "change": "version",
+      "key": "WMS-COUNT-001",
+      "from": "1.0.0",
+      "to": "1.1.0"
+    },
     {
       "level": "major",
       "kind": "screen",
@@ -627,6 +673,14 @@
       "from": null,
       "to": "T09"
     },
+    {
+      "level": "patch",
+      "kind": "screen",
+      "change": "version",
+      "key": "WMS-PUT-001",
+      "from": "1.0.0",
+      "to": "1.1.0"
+    },
     {
       "level": "major",
       "kind": "screen",
@@ -635,6 +689,14 @@
       "from": null,
       "to": "T09"
     },
+    {
+      "level": "patch",
+      "kind": "screen",
+      "change": "version",
+      "key": "WMS-REC-001",
+      "from": "1.0.0",
+      "to": "1.1.0"
+    },
     {
       "level": "major",
       "kind": "screen",
@@ -643,6 +705,14 @@
       "from": null,
       "to": "T09"
     },
+    {
+      "level": "patch",
+      "kind": "screen",
+      "change": "version",
+      "key": "WMS-WORK-001",
+      "from": "1.0.0",
+      "to": "1.2.0"
+    },
     {
       "level": "major",
       "kind": "screen",
@@ -705,6 +775,54 @@
       "change": "added",
       "key": "T09"
     },
+    {
+      "level": "minor",
+      "kind": "token",
+      "change": "added",
+      "key": "semantic.surface.workspace"
+    },
+    {
+      "level": "minor",
+      "kind": "token",
+      "change": "added",
+      "key": "semantic.surface.shellChrome"
+    },
+    {
+      "level": "minor",
+      "kind": "token",
+      "change": "added",
+      "key": "semantic.surface.navigation"
+    },
+    {
+      "level": "minor",
+      "kind": "token",
+      "change": "added",
+      "key": "semantic.surface.sectionHeading"
+    },
+    {
+      "level": "minor",
+      "kind": "token",
+      "change": "added",
+      "key": "semantic.module.accent"
+    },
+    {
+      "level": "minor",
+      "kind": "token",
+      "change": "added",
+      "key": "semantic.module.accentSurface"
+    },
+    {
+      "level": "minor",
+      "kind": "token",
+      "change": "added",
+      "key": "semantic.module.accentBorder"
+    },
+    {
+      "level": "minor",
+      "kind": "token",
+      "change": "added",
+      "key": "semantic.shadow.shell"
+    },
     {
       "level": "minor",
       "kind": "token",
diff --git a/docs/Design/kbx-foundation-v36/generated/release-notes.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/release-notes.md
similarity index 90%
rename from docs/Design/kbx-foundation-v36/generated/release-notes.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/release-notes.md
index b2569788..e3321d30 100644
--- a/docs/Design/kbx-foundation-v36/generated/release-notes.md
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/release-notes.md
@@ -1,7 +1,7 @@
 # KBX Release Impact
 
 - Baseline: v21
-- Contract version: 1.22.0
+- Contract version: 1.31.0
 - Declared level: major
 - Required level: major
 - Compatible: YES
@@ -10,6 +10,7 @@
 
 - **minor** component added: `KbxFormGrid`
 - **minor** component added: `KbxFormSpan`
+- **minor** component added: `KbxProblemFeedback`
 - **minor** component added: `KbxRecordLifecycle`
 - **minor** component added: `KbxCheckbox`
 - **minor** component added: `KbxRadio`
@@ -30,34 +31,38 @@
 - **minor** component added: `KbxProgressSteps`
 - **minor** component version: `KbxTextField` ("1.0.0" → "1.1.0")
 - **minor** component version: `KbxDateField` ("1.0.0" → "1.1.0")
-- **minor** component version: `KbxLookup` ("1.0.0" → "1.3.0")
+- **minor** component version: `KbxLookup` ("1.0.0" → "1.4.0")
 - **minor** component version: `KbxLookupDialog` ("1.0.0" → "1.1.0")
-- **minor** component version: `KbxSearchPanel` ("1.0.0" → "1.3.0")
-- **minor** component version: `KbxCommandBar` ("1.0.0" → "1.3.0")
-- **minor** component version: `KbxDataGrid` ("1.0.0" → "1.4.0")
+- **minor** component version: `KbxSearchPanel` ("1.0.0" → "1.4.0")
+- **minor** component version: `KbxCommandBar` ("1.0.0" → "1.4.0")
+- **minor** component version: `KbxDataGrid` ("1.0.0" → "1.5.0")
 - **minor** component version: `KbxFormSection` ("1.0.0" → "1.1.0")
 - **patch** component version: `KbxValidationSummary` ("1.0.0" → "1.0.1")
-- **minor** component version: `KbxListPage` ("1.0.0" → "1.6.0")
-- **minor** component version: `KbxTransactionPage` ("1.0.0" → "1.6.0")
-- **minor** component version: `KbxMasterPage` ("1.0.0" → "1.6.0")
-- **minor** component version: `KbxMasterDetailPage` ("1.0.0" → "1.6.0")
-- **minor** component version: `KbxWmsMobilePage` ("1.0.0" → "1.5.0")
+- **minor** component version: `KbxListPage` ("1.0.0" → "1.9.0")
+- **minor** component version: `KbxTransactionPage` ("1.0.0" → "1.8.0")
+- **minor** component version: `KbxMasterPage` ("1.0.0" → "1.8.0")
+- **minor** component version: `KbxMasterDetailPage` ("1.0.0" → "1.8.0")
+- **minor** component version: `KbxWmsMobilePage` ("1.0.0" → "1.8.0")
 - **minor** component version: `KbxBarcodeCapture` ("1.0.0" → "1.1.0")
 - **minor** component version: `KbxWmsActionButton` ("1.0.0" → "1.1.0")
+- **minor** component version: `KbxExcelMenu` ("1.0.0" → "1.1.0")
 - **minor** component version: `KbxExcelImport` ("1.0.0" → "1.1.0")
-- **minor** component version: `KbxImportPage` ("1.0.0" → "1.4.0")
+- **minor** component version: `KbxImportPage` ("1.0.0" → "1.6.0")
 - **patch** component version: `KbxExceptionSummary` ("1.0.0" → "1.0.1")
 - **minor** component version: `KbxExceptionDetailDrawer` ("1.0.0" → "1.1.0")
-- **minor** component version: `KbxWorkQueuePage` ("1.0.0" → "1.4.0")
-- **minor** component version: `KbxReconcilePage` ("1.0.0" → "1.5.0")
+- **minor** component version: `KbxWorkQueuePage` ("1.0.0" → "1.6.0")
+- **minor** component version: `KbxReconcilePage` ("1.0.0" → "1.7.0")
 - **minor** component version: `KbxUtilityRail` ("1.0.0" → "1.2.0")
 - **minor** component version: `KbxAiAssistant` ("1.0.0" → "1.1.0")
+- **minor** component version: `KbxOperationCenter` ("1.0.0" → "1.1.0")
+- **minor** component version: `KbxNotificationCenter` ("1.0.0" → "1.1.0")
 - **minor** component version: `KbxWorkflowBar` ("1.0.0" → "1.1.0")
-- **minor** component version: `KbxGlobalHeader` ("1.0.0" → "1.3.0")
-- **minor** component version: `KbxSideNavigation` ("1.0.0" → "1.3.0")
-- **minor** component version: `KbxWorkspaceTabs` ("1.0.0" → "1.2.0")
+- **minor** component version: `KbxGlobalHeader` ("1.0.0" → "1.4.0")
+- **minor** component version: `KbxSideNavigation` ("1.0.0" → "1.3.1")
+- **minor** component version: `KbxWorkspaceTabs` ("1.0.0" → "1.3.0")
 - **minor** component version: `KbxMenuSearch` ("1.0.0" → "1.3.0")
-- **minor** component version: `KbxApplicationShell` ("1.0.0" → "1.5.0")
+- **minor** component version: `KbxApplicationShell` ("1.0.0" → "1.6.0")
+- **minor** component version: `KbxUnsavedChangesDialog` ("1.0.0" → "1.1.0")
 - **minor** component version: `KbxInput` ("1.1.0" → "1.2.0")
 - **minor** component version: `KbxNumberField` ("1.0.0" → "1.1.0")
 - **minor** component version: `KbxMoneyField` ("1.0.0" → "1.1.0")
@@ -68,8 +73,8 @@
 - **minor** component version: `KbxBulkActionBar` ("1.0.0" → "1.1.0")
 - **minor** component version: `KbxProposalPanel` ("1.0.0" → "1.1.0")
 - **minor** component version: `KbxAiPanel` ("1.0.0" → "1.1.0")
-- **minor** component version: `KbxFastEntryPage` ("1.0.0" → "1.7.0")
-- **minor** component version: `KbxQueuePage` ("1.0.0" → "1.6.0")
+- **minor** component version: `KbxFastEntryPage` ("1.0.0" → "1.9.0")
+- **minor** component version: `KbxQueuePage` ("1.0.0" → "1.9.0")
 - **minor** screen added: `ERP-PRICE-001`
 - **major** screen templateCode: `COMMON-DATA-001` (null → "T01")
 - **major** screen templateCode: `COMMON-DS-001` (null → "T01")
@@ -84,15 +89,19 @@
 - **major** screen templateCode: `ERP-MST-ITEM-001` (null → "T02")
 - **major** screen templateCode: `ERP-PUR-001` (null → "T03")
 - **major** screen templateCode: `OMS-CLM-001` (null → "T01")
-- **patch** screen version: `OMS-ORD-001` ("1.0.0" → "1.1.0")
+- **patch** screen version: `OMS-ORD-001` ("1.0.0" → "1.3.0")
 - **major** screen templateCode: `OMS-ORD-001` (null → "T01")
 - **patch** screen version: `OMS-ORD-002` ("1.1.0" → "1.3.0")
 - **major** screen templateCode: `OMS-ORD-002` (null → "T03")
 - **major** screen templateCode: `OMS-ORD-003` (null → "T08")
+- **patch** screen version: `WMS-COUNT-001` ("1.0.0" → "1.1.0")
 - **major** screen templateCode: `WMS-COUNT-001` (null → "T09")
 - **major** screen templateCode: `WMS-PICK-001` (null → "T09")
+- **patch** screen version: `WMS-PUT-001` ("1.0.0" → "1.1.0")
 - **major** screen templateCode: `WMS-PUT-001` (null → "T09")
+- **patch** screen version: `WMS-REC-001` ("1.0.0" → "1.1.0")
 - **major** screen templateCode: `WMS-REC-001` (null → "T09")
+- **patch** screen version: `WMS-WORK-001` ("1.0.0" → "1.2.0")
 - **major** screen templateCode: `WMS-WORK-001` (null → "T06")
 - **minor** screen-recipe added: `T01`
 - **minor** screen-recipe added: `T02`
@@ -103,6 +112,14 @@
 - **minor** screen-recipe added: `T07`
 - **minor** screen-recipe added: `T08`
 - **minor** screen-recipe added: `T09`
+- **minor** token added: `semantic.surface.workspace`
+- **minor** token added: `semantic.surface.shellChrome`
+- **minor** token added: `semantic.surface.navigation`
+- **minor** token added: `semantic.surface.sectionHeading`
+- **minor** token added: `semantic.module.accent`
+- **minor** token added: `semantic.module.accentSurface`
+- **minor** token added: `semantic.module.accentBorder`
+- **minor** token added: `semantic.shadow.shell`
 - **minor** token added: `semantic.status.infoSurface`
 - **minor** token added: `semantic.status.infoBorder`
 - **minor** token added: `semantic.status.successSurface`
diff --git a/docs/Design/kbx-foundation-v36/generated/screen-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/screen-manifest.json
similarity index 98%
rename from docs/Design/kbx-foundation-v36/generated/screen-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/screen-manifest.json
index e960ef18..35396bb6 100644
--- a/docs/Design/kbx-foundation-v36/generated/screen-manifest.json
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/screen-manifest.json
@@ -158,7 +158,7 @@
   },
   {
     "id": "OMS-ORD-001",
-    "version": "1.1.0",
+    "version": "1.3.0",
     "module": "OMS",
     "type": "list",
     "templateCode": "T01",
@@ -198,7 +198,7 @@
   },
   {
     "id": "WMS-COUNT-001",
-    "version": "1.0.0",
+    "version": "1.1.0",
     "module": "WMS",
     "type": "wms-mobile",
     "templateCode": "T09",
@@ -224,7 +224,7 @@
   },
   {
     "id": "WMS-PUT-001",
-    "version": "1.0.0",
+    "version": "1.1.0",
     "module": "WMS",
     "type": "wms-mobile",
     "templateCode": "T09",
@@ -237,7 +237,7 @@
   },
   {
     "id": "WMS-REC-001",
-    "version": "1.0.0",
+    "version": "1.1.0",
     "module": "WMS",
     "type": "wms-mobile",
     "templateCode": "T09",
@@ -250,7 +250,7 @@
   },
   {
     "id": "WMS-WORK-001",
-    "version": "1.0.0",
+    "version": "1.2.0",
     "module": "WMS",
     "type": "queue",
     "templateCode": "T06",
diff --git a/docs/Design/kbx-foundation-v36/generated/screen-recipe-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/screen-recipe-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/generated/screen-recipe-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/screen-recipe-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/generated/screen-recipe-verification-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/screen-recipe-verification-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/generated/screen-recipe-verification-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/screen-recipe-verification-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/generated/sensitive-data-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/sensitive-data-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/generated/sensitive-data-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/sensitive-data-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/generated/telemetry-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/telemetry-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/generated/telemetry-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/telemetry-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/generated/test-fixture-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/test-fixture-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/generated/test-fixture-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/test-fixture-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/generated/test-scenario-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/test-scenario-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/generated/test-scenario-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/test-scenario-manifest.json
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/theme-evidence-v43.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/theme-evidence-v43.json
new file mode 100644
index 00000000..e692548a
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/theme-evidence-v43.json
@@ -0,0 +1,130 @@
+{
+  "version": "v43",
+  "scope": "KBX FE semantic theme and home navigation hardening",
+  "theme": {
+    "modes": [
+      "light",
+      "dark"
+    ],
+    "labels": [
+      "KBX Business Light",
+      "KBX Business Dark"
+    ],
+    "tokenSourceVersion": "1.9.0",
+    "preferenceAllowList": [
+      "light",
+      "dark"
+    ],
+    "presentationOnly": true
+  },
+  "browserReference": {
+    "version": "v43",
+    "scope": "inline-asset browser QA for FE Reference Lab; production CSP remains statically validated",
+    "passed": 16,
+    "total": 16,
+    "checks": [
+      {
+        "name": "initial-light",
+        "pass": true,
+        "detail": "light"
+      },
+      {
+        "name": "toggle-dark",
+        "pass": true,
+        "detail": "dark"
+      },
+      {
+        "name": "dark-text-recomputed",
+        "pass": true,
+        "detail": "rgb(229, 231, 235)"
+      },
+      {
+        "name": "theme-aria",
+        "pass": true,
+        "detail": "밝은 테마로 변경"
+      },
+      {
+        "name": "T01-dark-render",
+        "pass": true,
+        "detail": "OMS-ORD-001:T01"
+      },
+      {
+        "name": "T02-dark-render",
+        "pass": true,
+        "detail": "ERP-MST-ITEM-001:T02"
+      },
+      {
+        "name": "T03-dark-render",
+        "pass": true,
+        "detail": "OMS-ORD-002:T03"
+      },
+      {
+        "name": "T04-dark-render",
+        "pass": true,
+        "detail": "ERP-PRICE-001:T04"
+      },
+      {
+        "name": "T05-dark-render",
+        "pass": true,
+        "detail": "ERP-INV-001:T05"
+      },
+      {
+        "name": "T06-dark-render",
+        "pass": true,
+        "detail": "WMS-WORK-001:T06"
+      },
+      {
+        "name": "T07-dark-render",
+        "pass": true,
+        "detail": "COMMON-REC-001:T07"
+      },
+      {
+        "name": "T08-dark-render",
+        "pass": true,
+        "detail": "OMS-ORD-003:T08"
+      },
+      {
+        "name": "T09-dark-render",
+        "pass": true,
+        "detail": "WMS-PICK-001:wms-mobile:wms-mobile"
+      },
+      {
+        "name": "1280-no-document-overflow",
+        "pass": true,
+        "detail": "False"
+      },
+      {
+        "name": "toggle-light-back",
+        "pass": true,
+        "detail": "light"
+      },
+      {
+        "name": "runtime-errors-zero",
+        "pass": true,
+        "detail": ""
+      }
+    ],
+    "pageErrors": []
+  },
+  "validation": {
+    "validateKbx": "PASS",
+    "designTokens": 153,
+    "screenRecipes": 9,
+    "recipeVerification": "9/9",
+    "screenDefinitions": 20,
+    "components": 84,
+    "catalogEntries": 66,
+    "navigationEntries": 16,
+    "canonicalScenarios": 30,
+    "canonicalFields": 51,
+    "apiOperations": 66,
+    "tsVueScriptUnits": 305,
+    "designDebt": 116,
+    "designDebtRatchet": 131
+  },
+  "evidenceBoundary": {
+    "liveViteRuntimeExecuted": false,
+    "reason": "Package registry access is blocked in the execution environment.",
+    "referenceBrowserHarness": "Same FE Reference HTML/CSS/JS assets inlined into Chromium; production CSP validated statically."
+  }
+}
diff --git a/docs/Design/kbx-foundation-v36/generated/token-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/token-manifest.json
similarity index 83%
rename from docs/Design/kbx-foundation-v36/generated/token-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/token-manifest.json
index 3827497c..0b019967 100644
--- a/docs/Design/kbx-foundation-v36/generated/token-manifest.json
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/generated/token-manifest.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.8.0",
+  "version": "1.10.0",
   "tokens": [
     {
       "path": "typography.fontFamily",
@@ -338,6 +338,70 @@
       "role": "primitive",
       "value": "8px"
     },
+    {
+      "path": "semantic.surface.workspace",
+      "css": "--kbx-color-workspace",
+      "type": "color",
+      "role": "semantic",
+      "value": "#f5f7fa",
+      "description": "업무 Workspace 배경. 카드 장식이 아니라 작업면 분리를 위한 저채도 surface."
+    },
+    {
+      "path": "semantic.surface.shellChrome",
+      "css": "--kbx-color-shell-chrome",
+      "type": "color",
+      "role": "semantic",
+      "value": "#ffffff",
+      "description": "Global Header/Page Header/Command chrome surface."
+    },
+    {
+      "path": "semantic.surface.navigation",
+      "css": "--kbx-color-navigation-surface",
+      "type": "color",
+      "role": "semantic",
+      "value": "#fbfcfe",
+      "description": "Side navigation 전용 surface."
+    },
+    {
+      "path": "semantic.surface.sectionHeading",
+      "css": "--kbx-color-section-heading",
+      "type": "color",
+      "role": "semantic",
+      "value": "#f7f9fc",
+      "description": "업무 Section heading/step surface."
+    },
+    {
+      "path": "semantic.module.accent",
+      "css": "--kbx-color-module-accent",
+      "type": "color",
+      "role": "semantic",
+      "value": "{color.blue.600}",
+      "description": "현재 모듈 식별용 accent. 상태/위험 의미로 사용 금지."
+    },
+    {
+      "path": "semantic.module.accentSurface",
+      "css": "--kbx-color-module-accent-surface",
+      "type": "color",
+      "role": "semantic",
+      "value": "#eff8ff",
+      "description": "모듈 식별용 저채도 surface. 업무 상태 색상과 분리."
+    },
+    {
+      "path": "semantic.module.accentBorder",
+      "css": "--kbx-color-module-accent-border",
+      "type": "color",
+      "role": "semantic",
+      "value": "#b2ddff",
+      "description": "모듈 식별용 border."
+    },
+    {
+      "path": "semantic.shadow.shell",
+      "css": "--kbx-shadow-shell",
+      "type": "shadow",
+      "role": "semantic",
+      "value": "0 1px 2px rgba(16,24,40,.05)",
+      "description": "업무 chrome/work surface의 최소 계층 shadow."
+    },
     {
       "path": "component.control.height",
       "css": "--kbx-control-height",
@@ -617,7 +681,7 @@
       "css": "--kbx-home-max-width",
       "type": "dimension",
       "role": "component",
-      "value": "1180px"
+      "value": "1280px"
     },
     {
       "path": "component.home.searchMaxWidth",
@@ -1122,5 +1186,105 @@
       "component.grid.rowHeight": "52px",
       "component.grid.headerHeight": "48px"
     }
+  },
+  "themes": {
+    "light": {
+      "label": "KBX Business Light",
+      "colorScheme": "light",
+      "overrides": {}
+    },
+    "dark": {
+      "label": "KBX Business Dark",
+      "colorScheme": "dark",
+      "overrides": {
+        "semantic.surface.default": "#111827",
+        "semantic.surface.muted": "#0b1220",
+        "semantic.surface.subtle": "#172033",
+        "semantic.surface.hover": "#182943",
+        "semantic.text.default": "#e5e7eb",
+        "semantic.text.muted": "#94a3b8",
+        "semantic.border.default": "#334155",
+        "semantic.border.strong": "#64748b",
+        "semantic.action.primary": "#60a5fa",
+        "semantic.status.success": "#34d399",
+        "semantic.status.warning": "#fbbf24",
+        "semantic.status.danger": "#fb7185",
+        "semantic.focus": "#93c5fd",
+        "semantic.overlay": "rgba(2, 6, 23, .68)",
+        "semantic.status.infoSurface": "#102a43",
+        "semantic.status.infoBorder": "#285b8f",
+        "semantic.status.successSurface": "#062e24",
+        "semantic.status.successBorder": "#166534",
+        "semantic.status.warningSurface": "#33270b",
+        "semantic.status.warningBorder": "#854d0e",
+        "semantic.status.warningText": "#fcd34d",
+        "semantic.status.dangerSurface": "#3b1118",
+        "semantic.status.dangerBorder": "#9f1239",
+        "semantic.state.changedSurface": "#102a43",
+        "semantic.state.changedBorder": "#3b82f6",
+        "semantic.state.aiSurface": "#241b45",
+        "semantic.state.aiBorder": "#6d5bd0",
+        "semantic.state.aiText": "#c4b5fd",
+        "semantic.shadow.overlay": "0 18px 48px rgba(0,0,0,.42)",
+        "semantic.surface.workspace": "#0a1020",
+        "semantic.surface.shellChrome": "#111827",
+        "semantic.surface.navigation": "#0d1524",
+        "semantic.surface.sectionHeading": "#151f31",
+        "semantic.module.accent": "#84adff",
+        "semantic.module.accentSurface": "#102a43",
+        "semantic.module.accentBorder": "#285b8f",
+        "semantic.shadow.shell": "0 1px 2px rgba(0,0,0,.42)"
+      }
+    }
+  },
+  "moduleThemes": {
+    "OMS": {
+      "light": {
+        "semantic.module.accent": "#175cd3",
+        "semantic.module.accentSurface": "#eff8ff",
+        "semantic.module.accentBorder": "#b2ddff"
+      },
+      "dark": {
+        "semantic.module.accent": "#84adff",
+        "semantic.module.accentSurface": "#102a43",
+        "semantic.module.accentBorder": "#285b8f"
+      }
+    },
+    "ERP": {
+      "light": {
+        "semantic.module.accent": "#6938ef",
+        "semantic.module.accentSurface": "#f4f3ff",
+        "semantic.module.accentBorder": "#d9d6fe"
+      },
+      "dark": {
+        "semantic.module.accent": "#b9a2ff",
+        "semantic.module.accentSurface": "#241b45",
+        "semantic.module.accentBorder": "#6d5bd0"
+      }
+    },
+    "WMS": {
+      "light": {
+        "semantic.module.accent": "#087e8b",
+        "semantic.module.accentSurface": "#ecfdff",
+        "semantic.module.accentBorder": "#a5f0fc"
+      },
+      "dark": {
+        "semantic.module.accent": "#63c5da",
+        "semantic.module.accentSurface": "#0d2f36",
+        "semantic.module.accentBorder": "#1f6672"
+      }
+    },
+    "COMMON": {
+      "light": {
+        "semantic.module.accent": "#475467",
+        "semantic.module.accentSurface": "#f2f4f7",
+        "semantic.module.accentBorder": "#d0d5dd"
+      },
+      "dark": {
+        "semantic.module.accent": "#b3b8c4",
+        "semantic.module.accentSurface": "#172033",
+        "semantic.module.accentBorder": "#475467"
+      }
+    }
   }
 }
diff --git a/docs/Design/kbx-foundation-v36/governance/README.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/README.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/README.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/README.md
diff --git a/docs/Design/kbx-foundation-v36/governance/api-debt-baseline.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/api-debt-baseline.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/api-debt-baseline.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/api-debt-baseline.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v11/catalog-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v11/catalog-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v11/catalog-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v11/catalog-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v11/component-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v11/component-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v11/component-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v11/component-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v11/navigation-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v11/navigation-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v11/navigation-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v11/navigation-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v11/screen-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v11/screen-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v11/screen-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v11/screen-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v11/token-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v11/token-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v11/token-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v11/token-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v12/catalog-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v12/catalog-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v12/catalog-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v12/catalog-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v12/component-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v12/component-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v12/component-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v12/component-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v12/field-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v12/field-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v12/field-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v12/field-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v12/navigation-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v12/navigation-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v12/navigation-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v12/navigation-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v12/screen-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v12/screen-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v12/screen-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v12/screen-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v12/token-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v12/token-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v12/token-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v12/token-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v13/README.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v13/README.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v13/README.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v13/README.md
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v13/api-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v13/api-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v13/api-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v13/api-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v13/catalog-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v13/catalog-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v13/catalog-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v13/catalog-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v13/component-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v13/component-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v13/component-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v13/component-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v13/field-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v13/field-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v13/field-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v13/field-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v13/navigation-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v13/navigation-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v13/navigation-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v13/navigation-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v13/problem-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v13/problem-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v13/problem-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v13/problem-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v13/screen-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v13/screen-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v13/screen-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v13/screen-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v13/token-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v13/token-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v13/token-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v13/token-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v14/README.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v14/README.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v14/README.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v14/README.md
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v14/api-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v14/api-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v14/api-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v14/api-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v14/catalog-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v14/catalog-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v14/catalog-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v14/catalog-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v14/component-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v14/component-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v14/component-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v14/component-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v14/field-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v14/field-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v14/field-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v14/field-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v14/navigation-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v14/navigation-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v14/navigation-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v14/navigation-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v14/permission-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v14/permission-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v14/permission-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v14/permission-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v14/problem-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v14/problem-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v14/problem-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v14/problem-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v14/screen-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v14/screen-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v14/screen-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v14/screen-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v14/sensitive-data-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v14/sensitive-data-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v14/sensitive-data-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v14/sensitive-data-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v14/token-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v14/token-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v14/token-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v14/token-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v15/README.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v15/README.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v15/README.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v15/README.md
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v15/api-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v15/api-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v15/api-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v15/api-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v15/catalog-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v15/catalog-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v15/catalog-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v15/catalog-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v15/component-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v15/component-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v15/component-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v15/component-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v15/field-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v15/field-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v15/field-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v15/field-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v15/navigation-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v15/navigation-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v15/navigation-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v15/navigation-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v15/permission-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v15/permission-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v15/permission-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v15/permission-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v15/problem-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v15/problem-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v15/problem-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v15/problem-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v15/screen-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v15/screen-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v15/screen-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v15/screen-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v15/sensitive-data-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v15/sensitive-data-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v15/sensitive-data-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v15/sensitive-data-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v15/token-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v15/token-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v15/token-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v15/token-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v16/README.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/README.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v16/README.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/README.md
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v16/api-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/api-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v16/api-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/api-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v16/catalog-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/catalog-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v16/catalog-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/catalog-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v16/component-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/component-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v16/component-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/component-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v16/field-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/field-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v16/field-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/field-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v16/navigation-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/navigation-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v16/navigation-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/navigation-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v16/permission-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/permission-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v16/permission-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/permission-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v16/problem-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/problem-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v16/problem-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/problem-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v16/screen-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/screen-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v16/screen-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/screen-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v16/sensitive-data-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/sensitive-data-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v16/sensitive-data-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/sensitive-data-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v16/telemetry-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/telemetry-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v16/telemetry-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/telemetry-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v16/token-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/token-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v16/token-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v16/token-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v17/README.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/README.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v17/README.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/README.md
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v17/api-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/api-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v17/api-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/api-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v17/catalog-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/catalog-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v17/catalog-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/catalog-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v17/component-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/component-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v17/component-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/component-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v17/experiment-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/experiment-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v17/experiment-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/experiment-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v17/field-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/field-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v17/field-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/field-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v17/navigation-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/navigation-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v17/navigation-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/navigation-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v17/permission-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/permission-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v17/permission-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/permission-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v17/problem-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/problem-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v17/problem-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/problem-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v17/screen-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/screen-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v17/screen-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/screen-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v17/sensitive-data-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/sensitive-data-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v17/sensitive-data-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/sensitive-data-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v17/telemetry-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/telemetry-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v17/telemetry-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/telemetry-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v17/test-fixture-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/test-fixture-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v17/test-fixture-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/test-fixture-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v17/test-scenario-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/test-scenario-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v17/test-scenario-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/test-scenario-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v17/token-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/token-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v17/token-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v17/token-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v18/README.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/README.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v18/README.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/README.md
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v18/api-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/api-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v18/api-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/api-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v18/catalog-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/catalog-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v18/catalog-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/catalog-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v18/component-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/component-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v18/component-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/component-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v18/experiment-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/experiment-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v18/experiment-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/experiment-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v18/field-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/field-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v18/field-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/field-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v18/integration-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/integration-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v18/integration-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/integration-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v18/navigation-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/navigation-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v18/navigation-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/navigation-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v18/permission-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/permission-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v18/permission-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/permission-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v18/problem-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/problem-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v18/problem-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/problem-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v18/screen-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/screen-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v18/screen-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/screen-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v18/sensitive-data-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/sensitive-data-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v18/sensitive-data-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/sensitive-data-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v18/telemetry-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/telemetry-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v18/telemetry-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/telemetry-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v18/test-fixture-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/test-fixture-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v18/test-fixture-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/test-fixture-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v18/test-scenario-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/test-scenario-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v18/test-scenario-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/test-scenario-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v18/token-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/token-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v18/token-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v18/token-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v19/README.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/README.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v19/README.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/README.md
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v19/api-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/api-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v19/api-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/api-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v19/catalog-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/catalog-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v19/catalog-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/catalog-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v19/component-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/component-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v19/component-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/component-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v19/experiment-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/experiment-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v19/experiment-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/experiment-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v19/field-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/field-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v19/field-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/field-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v19/integration-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/integration-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v19/integration-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/integration-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v19/navigation-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/navigation-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v19/navigation-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/navigation-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v19/permission-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/permission-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v19/permission-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/permission-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v19/problem-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/problem-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v19/problem-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/problem-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v19/screen-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/screen-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v19/screen-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/screen-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v19/sensitive-data-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/sensitive-data-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v19/sensitive-data-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/sensitive-data-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v19/telemetry-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/telemetry-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v19/telemetry-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/telemetry-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v19/test-fixture-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/test-fixture-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v19/test-fixture-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/test-fixture-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v19/test-scenario-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/test-scenario-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v19/test-scenario-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/test-scenario-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v19/token-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/token-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v19/token-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v19/token-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v20/README.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/README.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v20/README.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/README.md
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v20/api-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/api-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v20/api-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/api-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v20/catalog-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/catalog-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v20/catalog-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/catalog-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v20/component-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/component-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v20/component-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/component-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v20/experiment-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/experiment-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v20/experiment-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/experiment-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v20/field-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/field-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v20/field-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/field-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v20/integration-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/integration-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v20/integration-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/integration-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v20/navigation-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/navigation-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v20/navigation-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/navigation-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v20/permission-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/permission-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v20/permission-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/permission-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v20/problem-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/problem-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v20/problem-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/problem-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v20/provider-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/provider-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v20/provider-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/provider-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v20/screen-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/screen-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v20/screen-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/screen-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v20/sensitive-data-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/sensitive-data-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v20/sensitive-data-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/sensitive-data-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v20/telemetry-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/telemetry-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v20/telemetry-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/telemetry-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v20/test-fixture-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/test-fixture-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v20/test-fixture-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/test-fixture-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v20/test-scenario-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/test-scenario-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v20/test-scenario-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/test-scenario-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v20/token-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/token-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v20/token-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v20/token-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v21/README.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/README.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v21/README.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/README.md
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v21/api-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/api-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v21/api-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/api-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v21/catalog-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/catalog-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v21/catalog-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/catalog-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v21/component-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/component-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v21/component-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/component-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v21/experiment-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/experiment-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v21/experiment-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/experiment-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v21/external-data-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/external-data-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v21/external-data-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/external-data-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v21/field-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/field-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v21/field-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/field-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v21/integration-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/integration-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v21/integration-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/integration-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v21/navigation-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/navigation-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v21/navigation-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/navigation-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v21/permission-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/permission-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v21/permission-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/permission-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v21/problem-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/problem-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v21/problem-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/problem-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v21/provider-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/provider-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v21/provider-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/provider-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v21/screen-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/screen-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v21/screen-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/screen-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v21/sensitive-data-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/sensitive-data-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v21/sensitive-data-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/sensitive-data-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v21/telemetry-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/telemetry-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v21/telemetry-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/telemetry-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v21/test-fixture-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/test-fixture-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v21/test-fixture-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/test-fixture-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v21/test-scenario-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/test-scenario-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v21/test-scenario-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/test-scenario-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/baselines/v21/token-manifest.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/token-manifest.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/baselines/v21/token-manifest.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/baselines/v21/token-manifest.json
diff --git a/docs/Design/kbx-foundation-v36/governance/design-debt-baseline.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/design-debt-baseline.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/governance/design-debt-baseline.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/design-debt-baseline.json
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/release.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/release.json
new file mode 100644
index 00000000..cd5d6cac
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/governance/release.json
@@ -0,0 +1,8 @@
+{
+  "foundationIteration": 50,
+  "contractVersion": "1.31.0",
+  "baseline": "v21",
+  "declaredChangeLevel": "major",
+  "releaseMode": "fe-operational-truth-home-retry-hardening",
+  "notes": "v50 continues FE-first hardening without adding BE coupling or new template families. All major KBX templates now expose an explicit errorRetryable contract so permanent permission/integration/configuration failures do not render meaningless retry actions. WMS-WORK-001 marks the production API-not-connected problem non-retryable and T06 binds the problem retryability to its state boundary. Home Attention keeps the 8-item default density, truthfully labels the 24-item expansion as a bounded priority view when more items exist, and exposes direct Work Center / Notification Center routes for remaining items instead of implying that all items are on screen. Reference HTML/JavaScript mirrors the bounded disclosure and center navigation under KBX Business Light/Dark. Domain truth, permissions, idempotency and authoritative WMS completion remain server-owned."
+}
diff --git a/docs/Design/kbx-foundation-v36/package.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/package.json
similarity index 74%
rename from docs/Design/kbx-foundation-v36/package.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/package.json
index 4a8309e4..12656f76 100644
--- a/docs/Design/kbx-foundation-v36/package.json
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "kbx-foundation-v36",
+  "name": "kbx-foundation-v52-fe-operational-navigation-screen-anatomy",
   "private": true,
   "packageManager": "pnpm@10",
   "workspaces": [
@@ -61,6 +61,24 @@
     "validate:template-navigation-v34": "node scripts/validate-template-navigation-v34.mjs",
     "manifest:screen-recipes": "node scripts/generate-screen-recipe-contracts.mjs",
     "validate:template-navigation-v35": "node scripts/validate-template-navigation-v35.mjs",
-    "validate:template-navigation-v36": "node scripts/validate-template-navigation-v36.mjs"
+    "validate:template-navigation-v36": "node scripts/validate-template-navigation-v36.mjs",
+    "validate:fe-reference": "node scripts/validate-fe-reference.mjs",
+    "validate:golden-fe-parity": "node scripts/validate-golden-fe-parity-v41.mjs",
+    "dev:web": "pnpm --filter @kbx/web dev",
+    "build:web": "pnpm --filter @kbx/web build",
+    "typecheck:web": "pnpm --filter @kbx/web typecheck",
+    "dev:web:demo": "pnpm --filter @kbx/web dev:demo",
+    "build:web:demo": "pnpm --filter @kbx/web build:demo",
+    "validate:fe-runtime": "node scripts/validate-fe-runtime-v42.mjs",
+    "validate:theme": "node scripts/validate-theme-navigation-v43.mjs",
+    "validate:fe-state-navigation": "node scripts/validate-fe-state-navigation-v44.mjs",
+    "validate:fe-preference-navigation": "node scripts/validate-fe-preference-navigation-v45.mjs",
+    "validate:fe-resume-navigation": "node scripts/validate-fe-resume-navigation-v46.mjs",
+    "validate:fe-problem-recovery": "node scripts/validate-fe-problem-recovery-v47.mjs",
+    "validate:fe-template-completion": "node scripts/validate-fe-template-completion-v48.mjs",
+    "validate:fe-workbench-wms": "node scripts/validate-fe-workbench-wms-v49.mjs",
+    "validate:fe-operational-truth": "node scripts/validate-fe-operational-truth-v50.mjs",
+    "validate:fe-presentation": "node scripts/validate-fe-presentation-v51.mjs",
+    "validate:fe-anatomy": "node scripts/validate-fe-anatomy-v52.mjs"
   }
 }
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/package.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/package.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/package.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/package.json
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/ai.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/ai.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/ai.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/ai.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/api.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/api.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/api.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/api.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/audit.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/audit.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/audit.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/audit.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/authorization.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/authorization.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/authorization.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/authorization.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/catalog.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/catalog.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/catalog.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/catalog.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/command.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/command.ts
similarity index 91%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/command.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/command.ts
index bbda8b60..c0df74ec 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/command.ts
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/command.ts
@@ -12,6 +12,8 @@ export interface KbxCommandDefinition {
   /** Optional state-specific authorization for one visual command (e.g. create vs update save). */
   permissionByStatus?: Record<string, string>
   icon?: string
+  /** Optional standard output menu. Keeps Excel actions consistent across screens. */
+  menu?: 'excel'
   requiresSelection?: boolean
   minSelection?: number
   maxSelection?: number
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/configuration.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/configuration.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/configuration.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/configuration.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/excel.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/excel.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/excel.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/excel.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/experiment.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/experiment.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/experiment.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/experiment.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/externalData.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/externalData.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/externalData.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/externalData.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/field.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/field.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/field.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/field.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/generated/apiCatalog.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/generated/apiCatalog.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/generated/apiCatalog.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/generated/apiCatalog.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/generated/configurationCatalog.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/generated/configurationCatalog.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/generated/configurationCatalog.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/generated/configurationCatalog.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/generated/experimentCatalog.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/generated/experimentCatalog.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/generated/experimentCatalog.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/generated/experimentCatalog.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/generated/externalDataCatalog.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/generated/externalDataCatalog.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/generated/externalDataCatalog.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/generated/externalDataCatalog.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/generated/fieldCatalog.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/generated/fieldCatalog.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/generated/fieldCatalog.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/generated/fieldCatalog.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/generated/integrationCatalog.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/generated/integrationCatalog.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/generated/integrationCatalog.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/generated/integrationCatalog.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/generated/permissionCatalog.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/generated/permissionCatalog.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/generated/permissionCatalog.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/generated/permissionCatalog.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/generated/providerCatalog.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/generated/providerCatalog.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/generated/providerCatalog.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/generated/providerCatalog.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/generated/screenRecipeCatalog.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/generated/screenRecipeCatalog.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/generated/screenRecipeCatalog.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/generated/screenRecipeCatalog.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/generated/telemetryCatalog.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/generated/telemetryCatalog.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/generated/telemetryCatalog.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/generated/telemetryCatalog.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/generated/testScenarioCatalog.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/generated/testScenarioCatalog.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/generated/testScenarioCatalog.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/generated/testScenarioCatalog.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/grid.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/grid.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/grid.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/grid.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/help.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/help.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/help.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/help.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/index.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/index.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/index.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/index.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/integration.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/integration.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/integration.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/integration.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/lookup.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/lookup.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/lookup.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/lookup.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/navigation.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/navigation.ts
similarity index 93%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/navigation.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/navigation.ts
index 9bef182f..95ffe095 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/navigation.ts
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/navigation.ts
@@ -48,6 +48,8 @@ export interface KbxWorkspaceTab {
   path: string
   dirty?: boolean
   pinned?: boolean
+  /** Safe route-only workspace restored from sessionStorage. Never implies restored form data. */
+  resumed?: boolean
   openedAt: string
   lastActivatedAt: string
 }
@@ -57,6 +59,8 @@ export interface KbxNavigationPreference {
   recents: KbxRecentNavigation[]
   sideNavCollapsed: boolean
   workspaceMaxTabs: number
+  /** Visual preference only. Authorization and business state never depend on theme. */
+  themeMode?: 'light' | 'dark'
   /** Versioned key used to prevent cross-user/tenant preference leakage. */
   scopeKey?: string
 }
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/operations.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/operations.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/operations.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/operations.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/performance.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/performance.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/performance.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/performance.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/permission.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/permission.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/permission.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/permission.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/preference.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/preference.ts
similarity index 91%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/preference.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/preference.ts
index b51bf6d9..68c7a313 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/preference.ts
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/preference.ts
@@ -9,4 +9,5 @@ export interface KbxScreenPreference {
     pageSize?: number
   }
   searchDefaults?: Record<string, unknown>
+  rememberSearch?: boolean
 }
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/problem.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/problem.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/problem.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/problem.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/provider.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/provider.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/provider.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/provider.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/registry.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/registry.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/registry.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/registry.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/runtime.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/runtime.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/runtime.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/runtime.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/screen.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/screen.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/screen.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/screen.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/search.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/search.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/search.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/search.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/status.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/status.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/status.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/status.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/suggestion.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/suggestion.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/suggestion.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/suggestion.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/telemetry.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/telemetry.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/telemetry.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/telemetry.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/testing.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/testing.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/testing.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/testing.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/transaction.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/transaction.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/transaction.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/transaction.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/ui.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/ui.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/ui.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/ui.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/wms.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/wms.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/wms.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/wms.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/workflow.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/workflow.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-contracts/src/workflow.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-contracts/src/workflow.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/package.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/package.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/package.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/package.json
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/catalog/componentCatalog.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/catalog/componentCatalog.ts
similarity index 77%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/catalog/componentCatalog.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/catalog/componentCatalog.ts
index 68f33a07..79446fce 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/catalog/componentCatalog.ts
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/catalog/componentCatalog.ts
@@ -23,7 +23,7 @@ export const kbxComponentCatalog: KbxComponentCatalogEntry[] = [
   { component:'KbxLookup', group:'input', scenarios:commonInputStates, accessibility:{keyboard:true,focusVisible:true,labelRequired:true} },
   { component:'KbxButton', group:'command', scenarios:[{id:'default',label:'기본',state:'default'},{id:'disabled',label:'사용불가',state:'disabled'},{id:'loading',label:'처리중',state:'loading'},{id:'keyboard',label:'단축키',state:'keyboard'}], accessibility:{keyboard:true,focusVisible:true} },
   { component:'KbxCommandBar', group:'command', scenarios:[{id:'default',label:'기본',state:'default'},{id:'keyboard',label:'F3/F8',state:'keyboard'}], accessibility:{keyboard:true,focusVisible:true} },
-  { component:'KbxSearchPanel', group:'command', scenarios:[{id:'default',label:'기본 조회조건',state:'default'},{id:'keyboard',label:'F3/Enter',state:'keyboard'}], accessibility:{keyboard:true,focusVisible:true,labelRequired:true} },
+  { component:'KbxSearchPanel', group:'command', scenarios:[{id:'default',label:'기본 조회조건',state:'default'},{id:'safe-preference',label:'기본/마지막 조건·민감검색어 제외',state:'default'},{id:'keyboard',label:'F3/Enter',state:'keyboard'}], accessibility:{keyboard:true,focusVisible:true,labelRequired:true} },
   { component:'KbxPageHeader', group:'template', scenarios:[{id:'default',label:'화면명/경로/Utility',state:'default'}], accessibility:{keyboard:true,focusVisible:true} },
   { component:'KbxFormSection', group:'template', scenarios:[{id:'default',label:'기본정보',state:'default'},{id:'description',label:'설명/보조 Action',state:'default'}], accessibility:{keyboard:true,focusVisible:true} },
   { component:'KbxFormGrid', group:'template', scenarios:[{id:'two-column',label:'Desktop 2-column',state:'default',density:'compact'},{id:'narrow',label:'좁은 화면 1-column',state:'default'}], accessibility:{keyboard:false,focusVisible:false} },
@@ -40,18 +40,21 @@ export const kbxComponentCatalog: KbxComponentCatalogEntry[] = [
   { component:'KbxExcelMenu', group:'command', scenarios:[{id:'default',label:'다운로드/업로드 메뉴',state:'default'},{id:'keyboard',label:'키보드 이동',state:'keyboard'}], accessibility:{keyboard:true,focusVisible:true} },
   { component:'KbxExcelImport', group:'template', scenarios:[{id:'default',label:'파일',state:'default'},{id:'error',label:'검증 오류',state:'error'},{id:'loading',label:'반영중',state:'loading'}], accessibility:{keyboard:true,focusVisible:true} },
   { component:'KbxJobProgress', group:'feedback', scenarios:[{id:'default',label:'진행중',state:'default'},{id:'loading',label:'장시간 처리',state:'loading'},{id:'error',label:'부분실패',state:'error'}], accessibility:{keyboard:false,focusVisible:false,colorIndependentStatus:true} },
+  { component:'KbxOperationCenter', group:'feedback', scenarios:[{id:'default',label:'진행/최근 작업',state:'default'},{id:'target-focus',label:'Home 대상 작업 Focus',state:'keyboard'},{id:'error',label:'실패/부분완료',state:'error'}], accessibility:{keyboard:true,focusVisible:true,colorIndependentStatus:true} },
+  { component:'KbxNotificationCenter', group:'feedback', scenarios:[{id:'default',label:'운영 알림',state:'default'},{id:'target-focus',label:'Home 대상 알림 Focus',state:'keyboard'},{id:'error',label:'중요 알림',state:'error'}], accessibility:{keyboard:true,focusVisible:true,colorIndependentStatus:true} },
   { component:'KbxAuditTrail', group:'feedback', scenarios:[{id:'default',label:'변경이력',state:'default'}], accessibility:{keyboard:true,focusVisible:true,colorIndependentStatus:true} },
   { component:'KbxHelpPanel', group:'overlay', scenarios:[{id:'default',label:'화면 도움말',state:'default'},{id:'keyboard',label:'Esc/Focus',state:'keyboard'}], accessibility:{keyboard:true,focusVisible:true} },
   { component:'KbxAiPanel', group:'overlay', scenarios:[{id:'default',label:'AI 보조',state:'default'},{id:'loading',label:'답변 준비',state:'loading'}], accessibility:{keyboard:true,focusVisible:true} },
   { component:'KbxProposalPanel', group:'overlay', scenarios:[{id:'default',label:'AI 변경안 검토',state:'default'},{id:'error',label:'검증 실패',state:'error'}], accessibility:{keyboard:true,focusVisible:true,colorIndependentStatus:true} },
-  { component:'KbxListPage', group:'template', scenarios:[{id:'default',label:'Search/List',state:'default',density:'compact'},{id:'keyboard',label:'F3',state:'keyboard'}], accessibility:{keyboard:true,focusVisible:true} },
-  { component:'KbxMasterPage', group:'template', scenarios:[{id:'default',label:'Master CRUD',state:'default',density:'compact'},{id:'keyboard',label:'F8',state:'keyboard'}], accessibility:{keyboard:true,focusVisible:true} },
-  { component:'KbxTransactionPage', group:'template', scenarios:[{id:'default',label:'Desktop Compact',state:'default',density:'compact'},{id:'keyboard',label:'F2/F8',state:'keyboard'}], accessibility:{keyboard:true,focusVisible:true} },
-  { component:'KbxMasterDetailPage', group:'template', scenarios:[{id:'default',label:'Master/Detail',state:'default',density:'compact'},{id:'context',label:'선택 Context + 이력',state:'default',density:'compact'}], accessibility:{keyboard:true,focusVisible:true} },
-  { component:'KbxQueuePage', group:'template', scenarios:[{id:'default',label:'Work Queue',state:'default',density:'compact'}], accessibility:{keyboard:true,focusVisible:true,colorIndependentStatus:true} },
-  { component:'KbxReconcilePage', group:'template', scenarios:[{id:'default',label:'Reconcile',state:'default',density:'compact'},{id:'error',label:'불일치',state:'error'}], accessibility:{keyboard:true,focusVisible:true,colorIndependentStatus:true} },
-  { component:'KbxWmsMobilePage', group:'wms', scenarios:[{id:'default',label:'Touch',state:'default',density:'touch'},{id:'error',label:'현장 오류',state:'error'},{id:'keyboard',label:'Scanner',state:'keyboard'}], accessibility:{keyboard:true,focusVisible:true,colorIndependentStatus:true} },
-  { component:'KbxApplicationShell', group:'shell', scenarios:[{id:'default',label:'Desktop',state:'default',density:'compact'},{id:'module',label:'Header↔SideNav 모듈 동기화',state:'default'},{id:'keyboard',label:'메뉴검색',state:'keyboard'},{id:'overflow',label:'우선 항목 Overflow·전체 건수',state:'default'}], accessibility:{keyboard:true,focusVisible:true} },
+  { component:'KbxListPage', group:'template', scenarios:[{id:'default',label:'Search/List',state:'default',density:'compact'},{id:'empty-recovery',label:'Empty → 조회조건 초기화',state:'empty'},{id:'command-problem',label:'Bulk 업무 오류 인라인 복구',state:'error'},{id:'keyboard',label:'F3',state:'keyboard'}], accessibility:{keyboard:true,focusVisible:true} },
+  { component:'KbxMasterPage', group:'template', scenarios:[{id:'default',label:'Master CRUD',state:'default',density:'compact'},{id:'command-problem',label:'저장/상태변경 Problem',state:'error'},{id:'keyboard',label:'F8',state:'keyboard'}], accessibility:{keyboard:true,focusVisible:true} },
+  { component:'KbxTransactionPage', group:'template', scenarios:[{id:'default',label:'Desktop Compact',state:'default',density:'compact'},{id:'command-problem',label:'Save/Confirm Problem',state:'error'},{id:'keyboard',label:'F2/F8',state:'keyboard'}], accessibility:{keyboard:true,focusVisible:true} },
+  { component:'KbxMasterDetailPage', group:'template', scenarios:[{id:'default',label:'Master/Detail',state:'default',density:'compact'},{id:'context',label:'선택 Context + 이력',state:'default',density:'compact'},{id:'command-problem',label:'업무 Action 실패 복구',state:'error'}], accessibility:{keyboard:true,focusVisible:true} },
+  { component:'KbxQueuePage', group:'template', scenarios:[{id:'default',label:'Work Queue',state:'default',density:'compact'},{id:'command-problem',label:'배정/해결 실패 복구',state:'error'},{id:'query-recovery',label:'업무별 조회 오류·Empty 복구',state:'error'}], accessibility:{keyboard:true,focusVisible:true,colorIndependentStatus:true} },
+  { component:'KbxReconcilePage', group:'template', scenarios:[{id:'default',label:'Reconcile',state:'default',density:'compact'},{id:'error',label:'불일치',state:'error'},{id:'command-problem',label:'해결업무 실패 복구',state:'error'}], accessibility:{keyboard:true,focusVisible:true,colorIndependentStatus:true} },
+  { component:'KbxWmsMobilePage', group:'wms', scenarios:[{id:'default',label:'Touch',state:'default',density:'touch'},{id:'error',label:'현장 조회 오류·재시도',state:'error',density:'touch'},{id:'keyboard',label:'Scanner',state:'keyboard'},{id:'blocked-production',label:'실행 API 미연결·입력 차단',state:'error',density:'touch'}], accessibility:{keyboard:true,focusVisible:true,colorIndependentStatus:true} },
+  { component:'KbxApplicationShell', group:'shell', scenarios:[{id:'default',label:'Desktop',state:'default',density:'compact'},{id:'module',label:'Header↔SideNav 모듈 동기화',state:'default'},{id:'runtime-center',label:'작업/알림 비모달 Panel·Focus 복구',state:'default'},{id:'keyboard',label:'메뉴검색',state:'keyboard'},{id:'overflow',label:'우선 항목 Overflow·전체 건수',state:'default'},{id:'attention-expand',label:'숨은 우선항목 전체 보기·접기',state:'keyboard'}], accessibility:{keyboard:true,focusVisible:true} },
+  { component:'KbxWorkspaceTabs', group:'shell', scenarios:[{id:'default',label:'다중 업무 Tab',state:'default',density:'compact'},{id:'dirty',label:'미저장 표시',state:'warning'},{id:'pinned',label:'고정 업무',state:'default'},{id:'resume',label:'세션 복원·Home Roving Focus',state:'keyboard'},{id:'overflow',label:'10개 초과 더보기',state:'default'}], accessibility:{keyboard:true,focusVisible:true,colorIndependentStatus:true} },
   { component:'KbxCheckbox', group:'input', scenarios:[{id:'default',label:'기본',state:'default'},{id:'disabled',label:'사용불가',state:'disabled'},{id:'readonly',label:'읽기전용',state:'readonly'}], accessibility:{keyboard:true,focusVisible:true,labelRequired:true} },
   { component:'KbxRadio', group:'input', scenarios:[{id:'default',label:'기본',state:'default'},{id:'disabled',label:'사용불가',state:'disabled'}], accessibility:{keyboard:true,focusVisible:true,labelRequired:true} },
   { component:'KbxTextarea', group:'input', scenarios:commonInputStates, accessibility:{keyboard:true,focusVisible:true,labelRequired:true} },
@@ -61,10 +64,11 @@ export const kbxComponentCatalog: KbxComponentCatalogEntry[] = [
   { component:'KbxBarcodeField', group:'input', scenarios:commonInputStates, accessibility:{keyboard:true,focusVisible:true,labelRequired:true} },
   { component:'KbxSectionHeader', group:'template', scenarios:[{id:'default',label:'Detail Section',state:'default'}], accessibility:{keyboard:true,focusVisible:true} },
   { component:'KbxQuickFilterBar', group:'command', scenarios:[{id:'default',label:'KPI Quick Filter',state:'default'},{id:'error',label:'예외 Filter',state:'error'}], accessibility:{keyboard:true,focusVisible:true,colorIndependentStatus:true} },
-  { component:'KbxDataState', group:'feedback', scenarios:[{id:'idle',label:'조회 전',state:'idle'},{id:'loading',label:'조회 중',state:'loading'},{id:'empty',label:'결과 없음',state:'empty'},{id:'error',label:'복구 가능 오류',state:'error'}], accessibility:{keyboard:true,focusVisible:true,colorIndependentStatus:true} },
-  { component:'KbxTemplateStateBoundary', group:'feedback', scenarios:[{id:'idle',label:'조회 전',state:'idle'},{id:'ready',label:'정상',state:'ready'},{id:'refreshing',label:'재조회 중 Context 유지',state:'refreshing'},{id:'error-retry',label:'오류 복구',state:'error'}], accessibility:{keyboard:true,focusVisible:true,colorIndependentStatus:true} },
+  { component:'KbxProblemFeedback', group:'feedback', scenarios:[{id:'validation',label:'검증 오류 요약',state:'error'},{id:'business-rule',label:'업무 규칙 + 허용 Action',state:'warning'},{id:'permission',label:'권한 거부',state:'error'},{id:'integration-retry',label:'외부연계 재시도',state:'error'},{id:'system-reference',label:'시스템 오류 + 참조번호',state:'error'},{id:'secure-action',label:'Server Action allow-list',state:'disabled'}], accessibility:{keyboard:true,focusVisible:true,colorIndependentStatus:true} },
+  { component:'KbxDataState', group:'feedback', scenarios:[{id:'idle',label:'조회 전',state:'idle'},{id:'loading',label:'조회 중',state:'loading'},{id:'empty',label:'결과 없음',state:'empty'},{id:'error',label:'복구 가능 오류',state:'error'},{id:'forced-colors',label:'OS 고대비',state:'default'}], accessibility:{keyboard:true,focusVisible:true,colorIndependentStatus:true} },
+  { component:'KbxTemplateStateBoundary', group:'feedback', scenarios:[{id:'idle',label:'조회 전',state:'idle'},{id:'ready',label:'정상',state:'ready'},{id:'refreshing',label:'재조회 중 Context 유지',state:'refreshing'},{id:'empty-recovery',label:'Empty 복구 Action',state:'empty'},{id:'error-retry',label:'재시도 가능한 오류',state:'error'},{id:'error-no-retry',label:'재시도 불가 오류',state:'error'}], accessibility:{keyboard:true,focusVisible:true,colorIndependentStatus:true} },
   { component:'KbxSummaryBar', group:'feedback', scenarios:[{id:'default',label:'조회/선택/합계',state:'default'}], accessibility:{keyboard:false,focusVisible:false} },
-  { component:'KbxHomePage', group:'shell', scenarios:[{id:'default',label:'업무 Workbench Home',state:'default',density:'compact'},{id:'attention',label:'실패 작업·중요 알림 우선',state:'error'},{id:'dirty-first',label:'미저장 업무 우선',state:'warning'},{id:'keyboard',label:'메뉴검색',state:'keyboard'},{id:'overflow',label:'우선 항목 Overflow·전체 건수',state:'default'}], accessibility:{keyboard:true,focusVisible:true,colorIndependentStatus:true} },
+  { component:'KbxHomePage', group:'shell', scenarios:[{id:'default',label:'업무 Workbench Home',state:'default',density:'compact'},{id:'attention',label:'실패 작업·중요 알림 우선',state:'error'},{id:'dirty-first',label:'미저장 업무 우선',state:'warning'},{id:'resume',label:'이전 세션 업무 위치 복원',state:'default'},{id:'keyboard',label:'메뉴검색',state:'keyboard'},{id:'overflow',label:'우선 항목 Overflow·전체 건수',state:'default'},{id:'attention-expand',label:'숨은 우선항목 전체 보기·접기',state:'keyboard'}], accessibility:{keyboard:true,focusVisible:true,colorIndependentStatus:true} },
   { component:'KbxAccessDenied', group:'shell', scenarios:[{id:'error',label:'권한 없음',state:'error'},{id:'secure-default',label:'화면 정보 비노출',state:'default'},{id:'recovery',label:'홈/메뉴검색 복구',state:'default'}], accessibility:{keyboard:true,focusVisible:true,colorIndependentStatus:true} },
   { component:'KbxRouteNotFound', group:'shell', scenarios:[{id:'recovery',label:'잘못된 딥링크 복구',state:'error'}], accessibility:{keyboard:true,focusVisible:true,colorIndependentStatus:true} },
   { component:'KbxTemplateContextBar', group:'template', scenarios:[{id:'default',label:'조회/선택/기준시각 문맥',state:'default'},{id:'error',label:'오류 문맥',state:'error'}], accessibility:{keyboard:false,focusVisible:false,colorIndependentStatus:true} },
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxAiAssistant.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxAiAssistant.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxAiAssistant.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxAiAssistant.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxAiPanel.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxAiPanel.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxAiPanel.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxAiPanel.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxAuditTrail.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxAuditTrail.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxAuditTrail.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxAuditTrail.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxBadge.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxBadge.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxBadge.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxBadge.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxBarcodeField.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxBarcodeField.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxBarcodeField.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxBarcodeField.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxBulkActionBar.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxBulkActionBar.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxBulkActionBar.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxBulkActionBar.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxButton.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxButton.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxButton.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxButton.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxCheckbox.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxCheckbox.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxCheckbox.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxCheckbox.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxCommandBar.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxCommandBar.vue
similarity index 73%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxCommandBar.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxCommandBar.vue
index 8d6b9559..30491987 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxCommandBar.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxCommandBar.vue
@@ -3,6 +3,7 @@ import { computed, inject, ref } from 'vue'
 import type { KbxCommandDefinition, KbxCommandGroup } from '@kbx/contracts'
 import KbxButton from './KbxButton.vue'
 import KbxConfirm from './KbxConfirm.vue'
+import KbxExcelMenu from './KbxExcelMenu.vue'
 import { KbxPermissionHostKey } from '../permission/host'
 
 const props = withDefaults(defineProps<{ commands:KbxCommandDefinition[]; selectionCount?:number; status?:string; dirty?:boolean; can?:(permission:string)=>boolean }>(), { selectionCount:0, status:'', dirty:false })
@@ -27,5 +28,5 @@ function reason(c:KbxCommandDefinition){
 }
 const groups=computed(()=>groupOrder.map(group=>({group,commands:props.commands.filter(c=>c.group===group&&visible(c))})).filter(x=>x.commands.length))
 </script>
-<template><div class="kbx-command-bar" role="toolbar" aria-label="화면 명령"><template v-for="(item,index) in groups" :key="item.group"><div class="kbx-command-group" :data-group="item.group"><KbxButton v-for="command in item.commands" :key="command.id" :label="command.label" :shortcut="command.shortcut" :variant="command.variant" :disabled="Boolean(reason(command))" :title="reason(command)||undefined" @click="invoke(command)"/></div><span v-if="index<groups.length-1" class="kbx-command-separator" aria-hidden="true"/></template></div><KbxConfirm v-if="pending?.confirm" :open="Boolean(pending)" :title="pending.confirm.title" :detail="pending.confirm.detail" :level="pending.confirm.level" :confirm-label="pending.confirm.confirmLabel??pending.label" @update:open="value=>{if(!value)pending=null}" @confirm="confirmPending"/></template>
+<template><div class="kbx-command-bar" role="toolbar" aria-label="화면 명령"><template v-for="(item,index) in groups" :key="item.group"><div class="kbx-command-group" :data-group="item.group"><template v-for="command in item.commands" :key="command.id"><KbxExcelMenu v-if="command.menu==='excel'" :disabled="Boolean(reason(command))" :title="reason(command)||undefined" @export="emit('command',`${command.id}.export`)" @template="emit('command',`${command.id}.template`)" @import="emit('command',`${command.id}.import`)" @paste="emit('command',`${command.id}.paste`)" @history="emit('command',`${command.id}.history`)"/><KbxButton v-else :label="command.label" :shortcut="command.shortcut" :variant="command.variant" :disabled="Boolean(reason(command))" :title="reason(command)||undefined" @click="invoke(command)"/></template></div><span v-if="index<groups.length-1" class="kbx-command-separator" aria-hidden="true"/></template></div><KbxConfirm v-if="pending?.confirm" :open="Boolean(pending)" :title="pending.confirm.title" :detail="pending.confirm.detail" :level="pending.confirm.level" :confirm-label="pending.confirm.confirmLabel??pending.label" @update:open="value=>{if(!value)pending=null}" @confirm="confirmPending"/></template>
 <style scoped>.kbx-command-bar{display:flex;align-items:center;gap:var(--kbx-space-2);min-height:var(--kbx-command-bar-height);overflow-x:auto}.kbx-command-group{display:flex;align-items:center;gap:var(--kbx-space-2);flex-shrink:0}.kbx-command-separator{width:var(--kbx-border-width);height:var(--kbx-command-separator-height);background:var(--kbx-color-border);flex-shrink:0}</style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxConfirm.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxConfirm.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxConfirm.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxConfirm.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxConflictResolver.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxConflictResolver.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxConflictResolver.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxConflictResolver.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxDataGrid.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxDataGrid.vue
similarity index 77%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxDataGrid.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxDataGrid.vue
index 58289876..a6bdb448 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxDataGrid.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxDataGrid.vue
@@ -36,6 +36,7 @@ const props = withDefaults(defineProps<{
   changedCells?: KbxGridCellRef<string>[]
   summary?: KbxGridSummary<T>[]
   activeRowKey?: string | number | null
+  ariaLabel?: string
 }>(), {
   loading:false,
   errorText:'',
@@ -53,6 +54,7 @@ const props = withDefaults(defineProps<{
   changedCells:()=>[],
   summary:()=>[],
   activeRowKey:null,
+  ariaLabel:'업무 데이터',
 })
 
 const emit = defineEmits<{
@@ -78,16 +80,25 @@ const selectedRows=ref<T[]>([])
 const allFilteredActive=ref(props.selectionState?.mode==='all-filtered')
 const excludedIds=ref<string[]>(props.selectionState?.excludedIds??[])
 const errorCursor=ref(-1)
+let syncingSelection=false
+
+const gridErrors=computed(()=>props.errors.filter(error=>Boolean(error.rowKey&&error.field&&props.columns.some(column=>column.field===error.field))))
+const rowSelectionOptions=computed(()=>props.selection==='multiple'
+  ? {mode:'multiRow',checkboxes:true,headerCheckbox:true,enableClickSelection:true,selectAll:'currentPage'}
+  : props.selection==='single'
+    ? {mode:'singleRow',checkboxes:false,enableClickSelection:true}
+    : undefined)
 
 watch(()=>props.selectionState, value=>{
   allFilteredActive.value=value?.mode==='all-filtered'
   excludedIds.value=value?.excludedIds??[]
+  syncSelectionState()
 },{deep:true})
 
 const firstLoading=computed(()=>props.loading&&props.rows.length===0)
 const empty=computed(()=>!props.loading&&!props.errorText&&props.rows.length===0)
 const blockingError=computed(()=>Boolean(props.errorText)&&props.rows.length===0)
-const showToolbar=computed(()=>props.exportable||props.personalization||props.errors.length>0||selectedCount.value>0||Boolean(props.editingPolicy)||canSelectAllFiltered.value)
+const showToolbar=computed(()=>props.exportable||props.personalization||gridErrors.value.length>0||selectedCount.value>0||Boolean(props.editingPolicy)||canSelectAllFiltered.value)
 const selectedCount=computed(()=>allFilteredActive.value?Math.max((props.totalCount||props.rows.length)-excludedIds.value.length,0):selectedRows.value.length)
 const canSelectAllFiltered=computed(()=>props.allowAllFilteredSelection&&props.selection==='multiple'&&(props.totalCount||0)>props.rows.length)
 const canDuplicate=computed(()=>Boolean(props.editable&&props.editingPolicy?.allowRowDuplicate&&selectedRows.value.length>0&&!allFilteredActive.value))
@@ -110,6 +121,7 @@ const columnDefs=computed<ColDef<T>[]>(()=>props.columns.map(c=>({
     if(c.type==='money'||c.type==='quantity'||c.type==='integer'||c.type==='decimal'||c.type==='percent')classes.push('kbx-cell--numeric')
     if(c.type==='date'||c.type==='datetime'||c.type==='status'||c.type==='boolean')classes.push('kbx-cell--center')
     if(c.type==='link'||c.drilldown)classes.push('kbx-cell--link')
+    if(params.data&&isEditable(c,params.data))classes.push('kbx-cell--editable')
     if(params.data&&changedFor(params.data,c.field))classes.push('kbx-cell--changed')
     if(params.data&&errorFor(params.data,c.field))classes.push('kbx-cell--invalid')
     return classes
@@ -143,12 +155,59 @@ function syncActiveRow(){
   if(props.selection==='single'){gridApi.value.deselectAll?.();node.setSelected?.(true)}
   if(node.rowIndex!=null)gridApi.value.ensureNodeVisible?.(node,'middle')
 }
-function onGridReady(event:any){gridApi.value=event.api;restorePreference();syncActiveRow()}
-watch([()=>props.activeRowKey,()=>props.rows],()=>syncActiveRow(),{deep:true,flush:'post'})
+function syncSelectionState(){
+  if(!gridApi.value||props.selection==='none')return
+  const state=props.selectionState
+  if(!state)return
+  syncingSelection=true
+  try{
+    if(state.mode==='all-filtered'){
+      const excluded=new Set(state.excludedIds??[])
+      const count=gridApi.value.getDisplayedRowCount?.()??0
+      for(let index=0;index<count;index++){
+        const node=gridApi.value.getDisplayedRowAtIndex?.(index)
+        if(!node?.data)continue
+        node.setSelected?.(!excluded.has(String(node.data[props.rowKey])))
+      }
+    }else{
+      const selected=new Set(state.selectedIds??[])
+      gridApi.value.forEachNode?.((node:any)=>{if(node?.data)node.setSelected?.(selected.has(String(node.data[props.rowKey])))})
+    }
+    selectedRows.value=(gridApi.value.getSelectedRows?.()??[]) as T[]
+  }finally{queueMicrotask(()=>{syncingSelection=false})}
+}
+function selectRowByKey(rowKey:string|number|null){
+  if(!gridApi.value)return
+  syncingSelection=true
+  try{
+    gridApi.value.deselectAll?.()
+    if(rowKey!=null){const node=gridApi.value.getRowNode?.(String(rowKey));node?.setSelected?.(true);if(node?.rowIndex!=null)gridApi.value.ensureNodeVisible?.(node,'middle')}
+    selectedRows.value=(gridApi.value.getSelectedRows?.()??[]) as T[]
+  }finally{queueMicrotask(()=>{syncingSelection=false})}
+}
+function clearSelection(){selectRowByKey(null)}
+function focusCell(rowKey:string|number,field:string){
+  if(!gridApi.value)return false
+  const node=gridApi.value.getRowNode?.(String(rowKey));if(node?.rowIndex==null||!columnFor(field))return false
+  gridApi.value.ensureNodeVisible?.(node,'middle');gridApi.value.setFocusedCell?.(node.rowIndex,field);return true
+}
+function focusNextEditableCell(rowKey:string|number,field:string){
+  if(!gridApi.value)return false
+  const node=gridApi.value.getRowNode?.(String(rowKey));if(node?.rowIndex==null)return false
+  const visible=(gridApi.value.getAllDisplayedColumns?.()??[]).map((column:any)=>String(column.getColId?.()??''))
+  const start=visible.indexOf(field)
+  for(let index=Math.max(start+1,0);index<visible.length;index++){const column=columnFor(visible[index]);if(column&&node.data&&isEditable(column,node.data)){gridApi.value.setFocusedCell?.(node.rowIndex,column.field);gridApi.value.startEditingCell?.({rowIndex:node.rowIndex,colKey:column.field});return true}}
+  const nextNode=gridApi.value.getDisplayedRowAtIndex?.(node.rowIndex+1)
+  if(nextNode?.data){for(const nextField of visible){const column=columnFor(nextField);if(column&&isEditable(column,nextNode.data)){gridApi.value.ensureNodeVisible?.(nextNode,'middle');gridApi.value.setFocusedCell?.(nextNode.rowIndex,column.field);return true}}}
+  return false
+}
+function onGridReady(event:any){gridApi.value=event.api;restorePreference();syncActiveRow();syncSelectionState()}
+watch([()=>props.activeRowKey,()=>props.rows],()=>{syncActiveRow();syncSelectionState()},{deep:true,flush:'post'})
 
 function onSelectionChanged(event:any){
   const rows=event.api.getSelectedRows() as T[]
   selectedRows.value=rows
+  if(syncingSelection)return
   emit('selectionChanged',rows)
   const ids=rows.map(row=>String(row[props.rowKey]))
   if(allFilteredActive.value){
@@ -197,13 +256,15 @@ function fillDown(){
   if(count)emit('fillDownApplied',{field:column.field,count})
 }
 function focusError(direction:1|-1=1){
-  if(!props.errors.length||!gridApi.value)return
-  errorCursor.value=(errorCursor.value+direction+props.errors.length)%props.errors.length
-  const error=props.errors[errorCursor.value];if(!error?.rowKey||!error.field)return
+  if(!gridErrors.value.length||!gridApi.value)return
+  errorCursor.value=(errorCursor.value+direction+gridErrors.value.length)%gridErrors.value.length
+  const error=gridErrors.value[errorCursor.value];if(!error?.rowKey||!error.field)return
   const node=gridApi.value.getRowNode?.(String(error.rowKey));if(node?.rowIndex==null)return
   gridApi.value.ensureNodeVisible?.(node,'middle');gridApi.value.setFocusedCell?.(node.rowIndex,error.field)
   emit('errorFocusChanged',{rowKey:String(error.rowKey),field:error.field})
 }
+defineExpose({exportCsv,focusError,focusCell,focusNextEditableCell,selectRowByKey,clearSelection})
+
 function processClipboardData(params:any){
   if(!props.clipboard||props.editingPolicy?.paste===false)return null
   const displayed=(params.api?.getAllDisplayedColumns?.()??[]).map((c:any)=>columnFor(String(c.getColId?.()))).filter(Boolean) as KbxGridColumn<T>[]
@@ -213,7 +274,7 @@ function processClipboardData(params:any){
 </script>
 
 <template>
-  <section class="kbx-grid" :data-density="density" :aria-busy="loading">
+  <section class="kbx-grid" :data-density="density" :aria-busy="loading" role="region" :aria-label="ariaLabel">
     <KbxDataState v-if="firstLoading" state="loading" />
     <KbxDataState v-else-if="blockingError" state="error" :detail="errorText" action-label="다시 조회" @action="emit('retry')" />
     <KbxDataState v-else-if="empty" state="empty" :title="emptyText" action-label="다시 조회" @action="emit('retry')" />
@@ -221,12 +282,12 @@ function processClipboardData(params:any){
     <template v-else>
       <div v-if="showToolbar" class="kbx-grid__toolbar" role="toolbar" aria-label="그리드 도구">
         <strong v-if="selectedCount" class="kbx-grid__selection">{{selectedCount.toLocaleString('ko-KR')}}건 선택<span v-if="allFilteredActive"> · 검색결과 전체</span></strong>
-        <span v-if="errors.length" class="kbx-grid__error-count">{{errors.length.toLocaleString('ko-KR')}}개 셀 오류</span>
+        <span v-if="gridErrors.length" class="kbx-grid__error-count">{{gridErrors.length.toLocaleString('ko-KR')}}개 셀 오류</span>
         <span v-if="loading" class="kbx-grid__busy" role="status">재조회 중...</span>
         <KbxButton v-if="editable&&editingPolicy?.allowRowAdd" label="행 추가" variant="ghost" @click="emit('rowAddRequested')" />
         <KbxButton v-if="editable&&editingPolicy?.allowRowDuplicate" label="행 복제" variant="ghost" :disabled="!canDuplicate" @click="duplicateRows" />
         <KbxButton v-if="editable&&editingPolicy?.fillDown" label="아래 채우기" variant="ghost" :disabled="!canFillDown" @click="fillDown" />
-        <KbxButton v-if="errors.length&&editingPolicy?.errorNavigation" label="첫/다음 오류" variant="ghost" @click="focusError(1)" />
+        <KbxButton v-if="gridErrors.length&&editingPolicy?.errorNavigation" label="첫/다음 오류" variant="ghost" @click="focusError(1)" />
         <KbxButton v-if="canSelectAllFiltered" :label="allFilteredActive?'전체선택 해제':`검색결과 ${(totalCount||0).toLocaleString('ko-KR')}건 전체선택`" variant="ghost" @click="toggleAllFiltered" />
         <span class="kbx-grid__spacer" />
         <KbxButton v-if="personalization" label="열 배치 초기화" variant="ghost" @click="resetColumns" />
@@ -240,7 +301,7 @@ function processClipboardData(params:any){
           :row-data="rows"
           :column-defs="columnDefs"
           :get-row-id="(p:any)=>String(p.data[rowKey])"
-          :row-selection="selection==='multiple'?'multiple':selection==='single'?'single':undefined"
+          :row-selection="rowSelectionOptions"
           :loading="loading"
           :enter-navigates-vertically="editable"
           :enter-navigates-vertically-after-edit="editable"
@@ -266,5 +327,5 @@ function processClipboardData(params:any){
 </template>
 
 <style scoped>
-.kbx-grid{min-height:var(--kbx-grid-min-height);height:100%;display:flex;flex-direction:column;border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface)}.kbx-grid__toolbar{min-height:var(--kbx-grid-toolbar-height);display:flex;align-items:center;gap:var(--kbx-space-2);padding:0 var(--kbx-space-2);border-bottom:var(--kbx-border-width) solid var(--kbx-color-border);font-size:var(--kbx-font-xs);color:var(--kbx-color-text-muted);flex-wrap:wrap}.kbx-grid__selection{color:var(--kbx-color-text);font-weight:600}.kbx-grid__spacer{flex:1}.kbx-grid__error-count{color:var(--kbx-color-danger);font-weight:600}.kbx-grid__busy{color:var(--kbx-color-primary)}.kbx-grid__body{min-height:0;flex:1}.kbx-grid__ag{width:100%;height:100%;min-height:var(--kbx-grid-min-height)}.kbx-grid[data-density="compact"] :deep(.ag-row){font-size:var(--kbx-font-sm)}.kbx-grid[data-density="comfortable"] :deep(.ag-row){font-size:var(--kbx-font-md)}:deep(.kbx-cell--numeric){text-align:right}:deep(.kbx-cell--center){text-align:center}:deep(.kbx-cell--link){text-decoration:underline;text-underline-offset:var(--kbx-space-1);cursor:pointer}:deep(.kbx-cell--changed){box-shadow:inset 0 0 0 var(--kbx-border-width) var(--kbx-color-changed-border);background:var(--kbx-color-changed-surface)}:deep(.kbx-cell--invalid){box-shadow:inset 0 0 0 var(--kbx-border-width) var(--kbx-color-danger);background:var(--kbx-color-danger-surface)}
+.kbx-grid{min-height:var(--kbx-grid-min-height);height:100%;display:flex;flex-direction:column;border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface)}.kbx-grid__toolbar{min-height:var(--kbx-grid-toolbar-height);display:flex;align-items:center;gap:var(--kbx-space-2);padding:0 var(--kbx-space-2);border-bottom:var(--kbx-border-width) solid var(--kbx-color-border);font-size:var(--kbx-font-xs);color:var(--kbx-color-text-muted);flex-wrap:wrap}.kbx-grid__selection{color:var(--kbx-color-text);font-weight:600}.kbx-grid__spacer{flex:1}.kbx-grid__error-count{color:var(--kbx-color-danger);font-weight:600}.kbx-grid__busy{color:var(--kbx-color-primary)}.kbx-grid__body{min-height:0;flex:1}.kbx-grid__ag{width:100%;height:100%;min-height:var(--kbx-grid-min-height)}.kbx-grid[data-density="compact"] :deep(.ag-row){font-size:var(--kbx-font-sm)}.kbx-grid[data-density="comfortable"] :deep(.ag-row){font-size:var(--kbx-font-md)}:deep(.kbx-cell--numeric){text-align:right}:deep(.kbx-cell--center){text-align:center}:deep(.kbx-cell--link){text-decoration:underline;text-underline-offset:var(--kbx-space-1);cursor:pointer}:deep(.kbx-cell--editable){background:var(--kbx-color-warning-surface)}:deep(.ag-cell-focus.kbx-cell--editable){box-shadow:inset 0 0 0 calc(var(--kbx-border-width) * 2) var(--kbx-color-focus)}:deep(.kbx-cell--changed){box-shadow:inset 0 0 0 var(--kbx-border-width) var(--kbx-color-changed-border);background:var(--kbx-color-changed-surface)}:deep(.kbx-cell--invalid){box-shadow:inset 0 0 0 var(--kbx-border-width) var(--kbx-color-danger);background:var(--kbx-color-danger-surface)}
 </style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxDataProvenance.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxDataProvenance.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxDataProvenance.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxDataProvenance.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxDataState.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxDataState.vue
similarity index 77%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxDataState.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxDataState.vue
index 2f1539e2..e84bd069 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxDataState.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxDataState.vue
@@ -32,5 +32,5 @@ const defaults = {
 </template>
 
 <style scoped>
-.kbx-data-state{min-height:var(--kbx-data-state-min-height);display:flex;align-items:center;justify-content:center;gap:var(--kbx-space-3);padding:var(--kbx-space-5);border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface);text-align:left}.kbx-data-state.compact{min-height:var(--kbx-control-lg);justify-content:flex-start;padding:var(--kbx-space-2) var(--kbx-space-3)}.kbx-data-state__mark{width:var(--kbx-control-sm);height:var(--kbx-control-sm);display:grid;place-items:center;border-radius:var(--kbx-radius-pill);background:var(--kbx-color-surface-muted);font-weight:700;color:var(--kbx-color-text-muted)}.kbx-data-state[data-state="error"] .kbx-data-state__mark{background:var(--kbx-color-danger-surface);color:var(--kbx-color-danger)}.kbx-data-state__body{display:flex;flex-direction:column;gap:var(--kbx-space-1);min-width:0}.kbx-data-state__body strong{font-size:var(--kbx-font-md)}.kbx-data-state__body span{font-size:var(--kbx-font-sm);color:var(--kbx-color-text-muted)}.kbx-data-state.compact .kbx-data-state__body span{display:none}
+.kbx-data-state{min-height:var(--kbx-data-state-min-height);display:flex;align-items:center;justify-content:center;gap:var(--kbx-space-3);padding:var(--kbx-space-5);border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface);text-align:left}.kbx-data-state.compact{min-height:var(--kbx-control-lg);justify-content:flex-start;padding:var(--kbx-space-2) var(--kbx-space-3)}.kbx-data-state__mark{width:var(--kbx-control-sm);height:var(--kbx-control-sm);display:grid;place-items:center;border-radius:var(--kbx-radius-pill);background:var(--kbx-color-surface-muted);font-weight:700;color:var(--kbx-color-text-muted)}.kbx-data-state[data-state="idle"] .kbx-data-state__mark,.kbx-data-state[data-state="loading"] .kbx-data-state__mark{background:var(--kbx-color-info-surface);color:var(--kbx-color-primary)}.kbx-data-state[data-state="error"] .kbx-data-state__mark{background:var(--kbx-color-danger-surface);color:var(--kbx-color-danger)}.kbx-data-state__body{display:flex;flex-direction:column;gap:var(--kbx-space-1);min-width:0}.kbx-data-state__body strong{font-size:var(--kbx-font-md)}.kbx-data-state__body span{font-size:var(--kbx-font-sm);color:var(--kbx-color-text-muted)}.kbx-data-state.compact .kbx-data-state__body span{display:none}
 </style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxDateField.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxDateField.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxDateField.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxDateField.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxDateRange.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxDateRange.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxDateRange.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxDateRange.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxDialog.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxDialog.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxDialog.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxDialog.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxDrawer.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxDrawer.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxDrawer.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxDrawer.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxExcelImport.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxExcelImport.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxExcelImport.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxExcelImport.vue
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxExcelMenu.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxExcelMenu.vue
new file mode 100644
index 00000000..de76004f
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxExcelMenu.vue
@@ -0,0 +1,76 @@
+<script setup lang="ts">
+import { nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
+import KbxButton from './KbxButton.vue'
+
+const props = withDefaults(defineProps<{
+  canImport?: boolean
+  canExport?: boolean
+  disabled?: boolean
+  title?: string
+}>(), { canImport: true, canExport: true, disabled:false, title:'' })
+
+const emit = defineEmits<{
+  export: []
+  template: []
+  import: []
+  paste: []
+  history: []
+}>()
+
+type ExcelAction = 'export' | 'template' | 'import' | 'paste' | 'history'
+const open = ref(false)
+const root = ref<HTMLElement | null>(null)
+const trigger = ref<any>(null)
+const menu = ref<HTMLElement | null>(null)
+
+function focusTrigger() { (trigger.value?.$el as HTMLElement | undefined)?.focus?.() }
+function items() { return [...(menu.value?.querySelectorAll<HTMLButtonElement>('[role="menuitem"]:not(:disabled)') ?? [])] }
+async function show() {
+  if (props.disabled) return
+  open.value = !open.value
+  if (open.value) { await nextTick(); items()[0]?.focus() }
+}
+function close(restoreFocus = false) { open.value = false; if (restoreFocus) nextTick(focusTrigger) }
+function choose(action: ExcelAction) { close(); emit(action) }
+function onDocumentPointerDown(event:PointerEvent) { if (open.value && root.value && !root.value.contains(event.target as Node)) close() }
+function onKeydown(event:KeyboardEvent) {
+  if (!open.value) return
+  if (event.key === 'Escape') { event.preventDefault(); close(true); return }
+  const list = items(); if (!list.length) return
+  const current = document.activeElement as HTMLButtonElement | null
+  const index = Math.max(list.indexOf(current as HTMLButtonElement), 0)
+  if (event.key === 'ArrowDown') { event.preventDefault(); list[(index + 1) % list.length]?.focus() }
+  else if (event.key === 'ArrowUp') { event.preventDefault(); list[(index - 1 + list.length) % list.length]?.focus() }
+  else if (event.key === 'Home') { event.preventDefault(); list[0]?.focus() }
+  else if (event.key === 'End') { event.preventDefault(); list.at(-1)?.focus() }
+  else if (event.key === 'Tab') close()
+}
+onMounted(()=>{document.addEventListener('pointerdown',onDocumentPointerDown);document.addEventListener('keydown',onKeydown)})
+onBeforeUnmount(()=>{document.removeEventListener('pointerdown',onDocumentPointerDown);document.removeEventListener('keydown',onKeydown)})
+</script>
+
+<template>
+  <div ref="root" class="kbx-excel-menu">
+    <KbxButton
+      ref="trigger"
+      label="엑셀"
+      variant="secondary"
+      :disabled="props.disabled"
+      :title="props.title || undefined"
+      aria-haspopup="menu"
+      :aria-expanded="open"
+      @click="show"
+    />
+    <div v-if="open" ref="menu" class="kbx-excel-menu__popup" role="menu" aria-label="엑셀 작업">
+      <button v-if="props.canExport" type="button" role="menuitem" @click="choose('export')">현재 조회결과 다운로드</button>
+      <button v-if="props.canImport" type="button" role="menuitem" @click="choose('template')">업로드 양식 다운로드</button>
+      <button v-if="props.canImport" type="button" role="menuitem" @click="choose('import')">엑셀 업로드</button>
+      <button v-if="props.canImport" type="button" role="menuitem" @click="choose('paste')">Excel에서 붙여넣기</button>
+      <button v-if="props.canImport" type="button" role="menuitem" @click="choose('history')">최근 업로드 결과</button>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.kbx-excel-menu{position:relative;display:inline-block}.kbx-excel-menu__popup{position:absolute;right:0;top:calc(100% + var(--kbx-space-1));min-width:var(--kbx-excel-menu-min-width);padding:var(--kbx-space-1);background:var(--kbx-color-surface);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-sm);box-shadow:var(--kbx-shadow-overlay);z-index:var(--kbx-z-popover)}.kbx-excel-menu__popup button{display:block;width:100%;height:var(--kbx-control-sm);padding:0 var(--kbx-space-2);text-align:left;border:0;background:transparent;color:var(--kbx-color-text);border-radius:var(--kbx-radius-sm)}.kbx-excel-menu__popup button:hover,.kbx-excel-menu__popup button:focus-visible{background:var(--kbx-color-surface-hover)}
+</style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxExceptionCenter.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxExceptionCenter.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxExceptionCenter.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxExceptionCenter.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxExceptionDetailDrawer.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxExceptionDetailDrawer.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxExceptionDetailDrawer.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxExceptionDetailDrawer.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxExceptionSummary.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxExceptionSummary.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxExceptionSummary.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxExceptionSummary.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxFastEntryPage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxFastEntryPage.vue
similarity index 58%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxFastEntryPage.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxFastEntryPage.vue
index 2437b092..02efdb74 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxFastEntryPage.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxFastEntryPage.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
-import type { KbxAsyncState, KbxScreenDefinition, KbxSummaryItem, KbxTemplateContext, KbxValidationError } from '@kbx/contracts'
+import type { KbxAsyncState, KbxProblem, KbxScreenDefinition, KbxSummaryItem, KbxTemplateContext, KbxValidationError } from '@kbx/contracts'
 import KbxScreenFrame from './KbxScreenFrame.vue'
 import KbxSummaryBar from './KbxSummaryBar.vue'
 import KbxTemplateContextBar from './KbxTemplateContextBar.vue'
 import KbxTemplateStateBoundary from './KbxTemplateStateBoundary.vue'
 import KbxValidationSummary from './KbxValidationSummary.vue'
+import KbxProblemFeedback from './KbxProblemFeedback.vue'
 
 const props=withDefaults(defineProps<{
   screen:KbxScreenDefinition
@@ -16,24 +17,27 @@ const props=withDefaults(defineProps<{
   context?:KbxTemplateContext|null
   contentState?:KbxAsyncState
   refreshing?:boolean
+  errorRetryable?:boolean
   errors?:KbxValidationError[]
   summaryItems?:KbxSummaryItem[]
-}>(), { showKeyboardGuide:true, context:null, contentState:'ready', refreshing:false, errors:()=>[], summaryItems:()=>[] })
-const emit=defineEmits<{ command:[string] }>()
+  problem?:KbxProblem|null
+  problemActionAllowlist?:readonly string[]
+}>(), { showKeyboardGuide:true, context:null, contentState:'ready', refreshing:false, errorRetryable:true, errors:()=>[], summaryItems:()=>[], problem:null, problemActionAllowlist:()=>[] })
+const emit=defineEmits<{ command:[string]; problemAction:[string]; retryProblem:[]; dismissProblem:[] }>()
 </script>
 
 <template>
   <KbxScreenFrame expected-type="fast-entry" template-code="T04" :screen="screen" :selection-count="selectionCount" :can="can" :breadcrumb="breadcrumb" :dirty="dirty" :suppress-default-utility="Boolean($slots.utility)" @command="emit('command',$event)">
-    <template #utility><slot name="utility" /></template><template #notice><slot name="notice" /></template>
+    <template #utility><slot name="utility" /></template><template #notice><KbxProblemFeedback v-if="problem" :problem="problem" :allowed-action-ids="problemActionAllowlist" @action="emit('problemAction',$event)" @retry="emit('retryProblem')" @dismiss="emit('dismissProblem')" /><slot name="notice" /></template>
     <section v-if="showKeyboardGuide" class="kbx-fast-entry__guide" aria-label="빠른 입력 키보드 안내" data-kbx-surface="keyboard-guide"><slot name="guide"><span><kbd>Enter</kbd> 입력 확정/다음</span><span><kbd>F2</kbd> 코드 조회</span><span><kbd>Ctrl+V</kbd> Excel 붙여넣기</span><span><kbd>Ctrl+D</kbd> Fill Down</span><span>오류는 Grid에서 바로 이동</span></slot></section>
     <div v-if="$slots.context || context" data-kbx-surface="context"><slot name="context"><KbxTemplateContextBar :context="context" /></slot></div>
     <div v-if="$slots.contextual" class="kbx-fast-entry__contextual" data-kbx-surface="bulk-action"><slot name="contextual" /></div>
-    <main class="kbx-fast-entry__content" data-kbx-surface="editable-grid"><KbxTemplateStateBoundary :state="contentState" :refreshing="refreshing" @retry="emit('command','reload')"><slot name="content" /></KbxTemplateStateBoundary></main>
+    <main class="kbx-fast-entry__content" data-kbx-surface="editable-grid"><KbxTemplateStateBoundary :state="contentState" :refreshing="refreshing" :error-retryable="errorRetryable" @retry="emit('command','reload')"><slot name="content" /></KbxTemplateStateBoundary></main>
     <section v-if="$slots.validation || errors.length" class="kbx-fast-entry__validation" data-kbx-surface="validation"><slot name="validation"><KbxValidationSummary :errors="errors" /></slot></section>
     <footer v-if="$slots.summary || summaryItems.length" class="kbx-fast-entry__summary" data-kbx-surface="summary"><slot name="summary"><KbxSummaryBar :items="summaryItems" align="end" /></slot></footer>
   </KbxScreenFrame>
 </template>
 
 <style scoped>
-.kbx-fast-entry__guide{min-height:var(--kbx-control-sm);display:flex;align-items:center;gap:var(--kbx-space-3);padding:0 var(--kbx-space-2);border-bottom:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface-muted);font-size:var(--kbx-font-xs);color:var(--kbx-color-text-muted);flex-wrap:wrap}.kbx-fast-entry__guide kbd{font:inherit;font-weight:600;color:var(--kbx-color-text)}.kbx-fast-entry__contextual{position:sticky;top:var(--kbx-command-bar-height);z-index:6}.kbx-fast-entry__content{min-height:var(--kbx-content-min-height);flex:1}.kbx-fast-entry__validation{border-top:var(--kbx-border-width) solid var(--kbx-color-border);padding-top:var(--kbx-space-2)}.kbx-fast-entry__summary{min-height:var(--kbx-control-sm);border-top:var(--kbx-border-width) solid var(--kbx-color-border);display:flex;align-items:center}.kbx-fast-entry__summary :deep(.kbx-summary-bar){width:100%;border-top:0}
+.kbx-fast-entry__guide{min-height:var(--kbx-control-sm);display:flex;align-items:center;gap:var(--kbx-space-3);padding:0 var(--kbx-space-2);border:var(--kbx-border-width) solid var(--kbx-color-border);border-left:var(--kbx-accent-border-width) solid var(--kbx-color-module-accent);background:var(--kbx-color-section-heading);font-size:var(--kbx-font-xs);color:var(--kbx-color-text-muted);flex-wrap:wrap}.kbx-fast-entry__guide kbd{font:inherit;font-weight:600;color:var(--kbx-color-text)}.kbx-fast-entry__contextual{position:sticky;top:var(--kbx-command-bar-height);z-index:6}.kbx-fast-entry__content{min-height:var(--kbx-content-min-height);flex:1}.kbx-fast-entry__validation{border-top:var(--kbx-border-width) solid var(--kbx-color-border);padding-top:var(--kbx-space-2)}.kbx-fast-entry__summary{min-height:var(--kbx-control-sm);border-top:var(--kbx-border-width) solid var(--kbx-color-border);display:flex;align-items:center}.kbx-fast-entry__summary :deep(.kbx-summary-bar){width:100%;border-top:0}
 </style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxFormGrid.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxFormGrid.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxFormGrid.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxFormGrid.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxFormSection.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxFormSection.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxFormSection.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxFormSection.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxFormSpan.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxFormSpan.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxFormSpan.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxFormSpan.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxFreshnessIndicator.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxFreshnessIndicator.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxFreshnessIndicator.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxFreshnessIndicator.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxHelpPanel.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxHelpPanel.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxHelpPanel.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxHelpPanel.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxImportPage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxImportPage.vue
similarity index 52%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxImportPage.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxImportPage.vue
index 810ff9fc..763ab357 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxImportPage.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxImportPage.vue
@@ -1,24 +1,25 @@
 <script setup lang="ts">
-import type { KbxAsyncState, KbxScreenDefinition, KbxTemplateContext } from '@kbx/contracts'
+import type { KbxAsyncState, KbxProblem, KbxScreenDefinition, KbxTemplateContext } from '@kbx/contracts'
 import KbxScreenFrame from './KbxScreenFrame.vue'
 import KbxTemplateContextBar from './KbxTemplateContextBar.vue'
 import KbxTemplateStateBoundary from './KbxTemplateStateBoundary.vue'
+import KbxProblemFeedback from './KbxProblemFeedback.vue'
 
-withDefaults(defineProps<{ screen:KbxScreenDefinition; can?:(permission:string)=>boolean; breadcrumb?:string; context?:KbxTemplateContext|null; contentState?:KbxAsyncState; refreshing?:boolean }>(), { contentState:'ready', refreshing:false })
-const emit=defineEmits<{ command:[string] }>()
+withDefaults(defineProps<{ screen:KbxScreenDefinition; can?:(permission:string)=>boolean; breadcrumb?:string; context?:KbxTemplateContext|null; contentState?:KbxAsyncState; refreshing?:boolean; errorRetryable?:boolean; problem?:KbxProblem|null; problemActionAllowlist?:readonly string[] }>(), { contentState:'ready', refreshing:false, errorRetryable:true, problem:null, problemActionAllowlist:()=>[] })
+const emit=defineEmits<{ command:[string]; problemAction:[string]; retryProblem:[]; dismissProblem:[] }>()
 </script>
 
 <template>
   <KbxScreenFrame expected-type="import" template-code="T08" :screen="screen" :can="can" :breadcrumb="breadcrumb" :command-bar="Boolean(screen.commands?.length || $slots.commands)" :suppress-default-utility="Boolean($slots.utility)" @command="emit('command',$event)">
-    <template #utility><slot name="utility" /></template><template #notice><slot name="notice" /></template>
+    <template #utility><slot name="utility" /></template><template #notice><KbxProblemFeedback v-if="problem" :problem="problem" :allowed-action-ids="problemActionAllowlist" @action="emit('problemAction',$event)" @retry="emit('retryProblem')" @dismiss="emit('dismissProblem')" /><slot name="notice" /></template>
     <nav v-if="$slots.steps" class="kbx-import-page__steps" aria-label="가져오기 단계" data-kbx-surface="progress-steps"><slot name="steps" /></nav>
     <div v-if="$slots.context || context" data-kbx-surface="context"><slot name="context"><KbxTemplateContextBar :context="context" /></slot></div>
-    <main class="kbx-import-page__content" data-kbx-surface="import-content"><KbxTemplateStateBoundary :state="contentState" :refreshing="refreshing" @retry="emit('command','retry')"><slot /></KbxTemplateStateBoundary></main>
+    <main class="kbx-import-page__content" data-kbx-surface="import-content"><KbxTemplateStateBoundary :state="contentState" :refreshing="refreshing" :error-retryable="errorRetryable" @retry="emit('command','retry')"><slot /></KbxTemplateStateBoundary></main>
     <section v-if="$slots.result" class="kbx-import-page__result" data-kbx-surface="result"><slot name="result" /></section>
     <footer v-if="$slots.footer" class="kbx-import-page__footer" data-kbx-surface="footer"><slot name="footer" /></footer>
   </KbxScreenFrame>
 </template>
 
 <style scoped>
-.kbx-import-page__steps{min-height:var(--kbx-control-lg);display:flex;align-items:center;border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface-muted);padding:0 var(--kbx-space-3)}.kbx-import-page__content{min-height:0;flex:1}.kbx-import-page__result{border-top:var(--kbx-border-width) solid var(--kbx-color-border);padding-top:var(--kbx-space-2)}.kbx-import-page__footer{border-top:var(--kbx-border-width) solid var(--kbx-color-border);padding-top:var(--kbx-space-2)}
+.kbx-import-page__steps{min-height:var(--kbx-control-lg);display:flex;align-items:center;border:var(--kbx-border-width) solid var(--kbx-color-border);border-left:var(--kbx-accent-border-width) solid var(--kbx-color-module-accent);background:var(--kbx-color-section-heading);padding:0 var(--kbx-space-3);box-shadow:var(--kbx-shadow-shell)}.kbx-import-page__content{min-height:0;flex:1;border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface);box-shadow:var(--kbx-shadow-shell)}.kbx-import-page__result{border-top:var(--kbx-border-width) solid var(--kbx-color-border);padding-top:var(--kbx-space-2)}.kbx-import-page__footer{border-top:var(--kbx-border-width) solid var(--kbx-color-border);padding-top:var(--kbx-space-2)}
 </style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxInput.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxInput.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxInput.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxInput.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxIntegrationState.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxIntegrationState.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxIntegrationState.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxIntegrationState.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxJobProgress.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxJobProgress.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxJobProgress.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxJobProgress.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxListPage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxListPage.vue
similarity index 53%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxListPage.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxListPage.vue
index 00fa80d9..606c2ea9 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxListPage.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxListPage.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
-import type { KbxAsyncState, KbxQuickFilterItem, KbxScreenDefinition, KbxSummaryItem, KbxTemplateContext } from '@kbx/contracts'
+import type { KbxAsyncState, KbxProblem, KbxQuickFilterItem, KbxScreenDefinition, KbxSummaryItem, KbxTemplateContext } from '@kbx/contracts'
 import KbxQuickFilterBar from './KbxQuickFilterBar.vue'
 import KbxScreenFrame from './KbxScreenFrame.vue'
 import KbxSummaryBar from './KbxSummaryBar.vue'
 import KbxTemplateContextBar from './KbxTemplateContextBar.vue'
 import KbxTemplateStateBoundary from './KbxTemplateStateBoundary.vue'
+import KbxProblemFeedback from './KbxProblemFeedback.vue'
 
 const props = withDefaults(defineProps<{
   screen: KbxScreenDefinition
@@ -16,32 +17,40 @@ const props = withDefaults(defineProps<{
   refreshing?: boolean
   quickFilters?: KbxQuickFilterItem[]
   summaryItems?: KbxSummaryItem[]
+  emptyActionLabel?: string
+  errorRetryable?: boolean
+  problem?: KbxProblem | null
+  problemActionAllowlist?: readonly string[]
 }>(), {
   context: null,
   contentState: 'ready',
   refreshing: false,
   quickFilters: () => [],
   summaryItems: () => [],
+  emptyActionLabel: '',
+  errorRetryable: true,
+  problem: null,
+  problemActionAllowlist: () => [],
 })
-const emit = defineEmits<{ command: [string]; quickFilter: [string] }>()
+const emit = defineEmits<{ command: [string]; quickFilter: [string]; emptyAction: []; problemAction:[string]; retryProblem:[]; dismissProblem:[] }>()
 </script>
 
 <template>
   <KbxScreenFrame expected-type="list" template-code="T01" :screen="screen" :selection-count="selectionCount" :can="can" :breadcrumb="breadcrumb" :suppress-default-utility="Boolean($slots.utility)" @command="emit('command', $event)">
     <template #utility><slot name="utility" /></template>
-    <template #notice><slot name="notice" /></template>
+    <template #notice><KbxProblemFeedback v-if="problem" :problem="problem" :allowed-action-ids="problemActionAllowlist" @action="emit('problemAction',$event)" @retry="emit('retryProblem')" @dismiss="emit('dismissProblem')" /><slot name="notice" /></template>
     <div v-if="$slots.search" class="kbx-list-page__search" data-kbx-surface="search"><slot name="search" /></div>
     <div v-if="$slots['quick-filter'] || quickFilters.length" class="kbx-list-page__quick-filter" data-kbx-surface="quick-filter">
       <slot name="quick-filter"><KbxQuickFilterBar :items="quickFilters" @select="emit('quickFilter',$event)" /></slot>
     </div>
     <div v-if="$slots.context || props.context" data-kbx-surface="context"><slot name="context"><KbxTemplateContextBar :context="props.context" /></slot></div>
     <div v-if="$slots.contextual" class="kbx-list-page__contextual" data-kbx-surface="bulk-action"><slot name="contextual" /></div>
-    <main class="kbx-list-page__content" data-kbx-surface="content"><KbxTemplateStateBoundary :state="contentState" :refreshing="refreshing" idle-action-label="조회 F3" @idle-action="emit('command','search')" @retry="emit('command','search')"><slot name="content" /></KbxTemplateStateBoundary></main>
+    <main class="kbx-list-page__content" data-kbx-surface="content"><KbxTemplateStateBoundary :state="contentState" :refreshing="refreshing" idle-action-label="조회 F3" :empty-action-label="emptyActionLabel" :error-retryable="errorRetryable" @idle-action="emit('command','search')" @empty-action="emit('emptyAction')" @retry="emit('command','search')"><slot name="content" /></KbxTemplateStateBoundary></main>
     <footer v-if="$slots.summary || summaryItems.length" class="kbx-list-page__summary" data-kbx-surface="summary"><slot name="summary"><KbxSummaryBar :items="summaryItems" /></slot></footer>
     <div v-if="$slots.detail" data-kbx-surface="detail-drawer"><slot name="detail" /></div>
   </KbxScreenFrame>
 </template>
 
 <style scoped>
-.kbx-list-page__content{min-height:var(--kbx-content-min-height);flex:1}.kbx-list-page__summary{min-height:var(--kbx-control-sm);display:flex;align-items:center;border-top:var(--kbx-border-width) solid var(--kbx-color-border);color:var(--kbx-color-text-muted);font-size:var(--kbx-font-sm)}.kbx-list-page__summary :deep(.kbx-summary-bar){width:100%;border-top:0}.kbx-list-page__contextual{position:sticky;top:var(--kbx-command-bar-height);z-index:6}
+.kbx-list-page__search :deep(.kbx-search-panel){box-shadow:inset var(--kbx-accent-border-width) 0 0 var(--kbx-color-module-accent)}.kbx-list-page__quick-filter{background:var(--kbx-color-surface)}.kbx-list-page__content{min-height:var(--kbx-content-min-height);flex:1;background:var(--kbx-color-surface)}.kbx-list-page__content :deep(.kbx-grid){box-shadow:var(--kbx-shadow-shell)}.kbx-list-page__summary{position:sticky;bottom:0;z-index:5;min-height:var(--kbx-control-sm);display:flex;align-items:center;border-top:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-shell-chrome);color:var(--kbx-color-text-muted);font-size:var(--kbx-font-sm);box-shadow:0 calc(var(--kbx-border-width) * -1) calc(var(--kbx-border-width) * 2) rgba(16,24,40,.04)}.kbx-list-page__summary :deep(.kbx-summary-bar){width:100%;border-top:0}.kbx-list-page__contextual{position:sticky;top:var(--kbx-command-bar-height);z-index:6}
 </style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxLookup.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxLookup.vue
similarity index 76%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxLookup.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxLookup.vue
index f0202971..284f4b26 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxLookup.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxLookup.vue
@@ -29,10 +29,12 @@ const provider = computed(() => registry[props.entity])
 const code = ref('')
 const displayName = ref('')
 const open = ref(false)
+const root = ref<HTMLElement | null>(null)
 const localError = ref('')
 const resolving = ref(false)
 let editingCode = false
 let triggerElement: HTMLElement | null = null
+let moveAfterSelect = false
 let resolveSequence = 0
 const uid=`kbx-lookup-${Math.random().toString(36).slice(2)}`
 const messageId=`${uid}-message`
@@ -62,6 +64,19 @@ watch(() => [props.modelValue, props.entity] as const, async ([id]) => {
 }, { immediate: true })
 
 function applyDisplay(item: KbxLookupItem<string>) { code.value=item.code; displayName.value=item.displayName }
+function focusNextControl(){
+  queueMicrotask(()=>{
+    if(!root.value)return
+    const scope=root.value.closest('form,[data-kbx-surface="header-form"],[data-kbx-surface="detail"],.kbx-screen-frame__body') ?? document
+    const selector='input:not([disabled]):not([readonly]), select:not([disabled]), textarea:not([disabled]):not([readonly]), button:not([disabled]), [tabindex]:not([tabindex="-1"])'
+    const all=Array.from(scope.querySelectorAll<HTMLElement>(selector)).filter(element=>element.offsetParent!==null&&!element.closest('[aria-hidden="true"]'))
+    const owned=Array.from(root.value.querySelectorAll<HTMLElement>(selector))
+    const ownedTabbable=owned.filter(element=>all.includes(element))
+    const anchor=ownedTabbable[ownedTabbable.length-1]
+    const index=anchor?all.indexOf(anchor):-1
+    ;(index>=0?all[index+1]:null)?.focus()
+  })
+}
 async function resolveCode() {
   const normalized=code.value.trim()
   localError.value=''
@@ -72,7 +87,11 @@ async function resolveCode() {
   try{
     const item = await provider.value.resolveByCode(normalized)
     if(sequence!==resolveSequence)return
-    if (item) select(item)
+    if (item) {
+      const dialogWasOpen=open.value
+      select(item)
+      if(!dialogWasOpen)focusNextControl()
+    }
     else localError.value = '일치하는 항목이 없습니다. F2로 조회하세요.'
   }catch{
     if(sequence===resolveSequence)localError.value='코드를 확인하지 못했습니다. 네트워크 상태를 확인하세요.'
@@ -87,23 +106,28 @@ function show() {
   if (props.readonly || props.disabled) return
   if(!provider.value){localError.value='조회 공급자가 구성되지 않았습니다.';return}
   triggerElement = document.activeElement instanceof HTMLElement ? document.activeElement : null
+  moveAfterSelect = false
   open.value = true
 }
 function select(item: KbxLookupItem<string>) {
   ++resolveSequence
-  applyDisplay(item); localError.value=''; resolving.value=false; emit('update:modelValue',item.id); emit('selected',item); open.value=false
+  applyDisplay(item); localError.value=''; resolving.value=false; moveAfterSelect=true; emit('update:modelValue',item.id); emit('selected',item); open.value=false
+}
+function restoreFocus(){
+  if(moveAfterSelect)focusNextControl()
+  else queueMicrotask(()=>triggerElement?.focus())
+  moveAfterSelect=false
 }
-function restoreFocus(){queueMicrotask(()=>triggerElement?.focus())}
 function onRootKeydown(event:KeyboardEvent){if(event.key==='F2'){event.preventDefault();show()}}
 </script>
 
 <template>
-  <div class="kbx-lookup" :data-state="effectiveState" :aria-busy="resolving || undefined" @keydown="onRootKeydown">
+  <div ref="root" class="kbx-lookup" :data-state="effectiveState" :aria-busy="resolving || undefined" @keydown="onRootKeydown">
     <label class="kbx-lookup__label" :for="`${uid}-code`">{{ label }}<span v-if="required" aria-hidden="true"> *</span></label>
     <div class="kbx-lookup__control">
-      <input :id="`${uid}-code`" :value="code" class="kbx-lookup__code" :readonly="readonly" :disabled="disabled" aria-label="코드" autocomplete="off" :aria-invalid="Boolean(error||localError)" :aria-describedby="message?messageId:undefined" @input="onCodeInput(($event.target as HTMLInputElement).value)" @keydown.enter.prevent="resolveCode">
-      <input :value="displayName" class="kbx-lookup__name" readonly :disabled="disabled" aria-label="선택된 이름">
-      <button type="button" class="kbx-lookup__search" :disabled="readonly || disabled || resolving" title="조회 F2" @click="show">{{ resolving ? '확인중' : '검색' }}</button>
+      <input :id="`${uid}-code`" :value="code" class="kbx-lookup__code" :readonly="readonly" :disabled="disabled" :aria-label="`${label} 코드`" autocomplete="off" :aria-invalid="Boolean(error||localError)" :aria-describedby="message?messageId:undefined" @input="onCodeInput(($event.target as HTMLInputElement).value)" @keydown.enter.prevent="resolveCode">
+      <input :value="displayName" class="kbx-lookup__name" readonly :disabled="disabled" :aria-label="`${label} 선택된 이름`">
+      <button type="button" class="kbx-lookup__search" :disabled="readonly || disabled || resolving" :title="`${label} 조회 F2`" :aria-label="`${label} 검색`" @click="show">{{ resolving ? '확인중' : '검색' }}</button>
     </div>
     <span v-if="message" :id="messageId" class="kbx-lookup__message" :role="error||localError?'alert':undefined">{{message}}</span>
 
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxLookupDialog.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxLookupDialog.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxLookupDialog.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxLookupDialog.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxMaskedValue.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxMaskedValue.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxMaskedValue.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxMaskedValue.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxMasterDetailPage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxMasterDetailPage.vue
similarity index 65%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxMasterDetailPage.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxMasterDetailPage.vue
index 8bbb1da1..b2255246 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxMasterDetailPage.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxMasterDetailPage.vue
@@ -1,21 +1,22 @@
 <script setup lang="ts">
-import type { KbxAsyncState, KbxScreenDefinition, KbxSummaryItem, KbxTemplateContext } from '@kbx/contracts'
+import type { KbxAsyncState, KbxProblem, KbxScreenDefinition, KbxSummaryItem, KbxTemplateContext } from '@kbx/contracts'
 import KbxScreenFrame from './KbxScreenFrame.vue'
 import KbxSectionHeader from './KbxSectionHeader.vue'
 import KbxTemplateContextBar from './KbxTemplateContextBar.vue'
 import KbxTemplateStateBoundary from './KbxTemplateStateBoundary.vue'
 import KbxSummaryBar from './KbxSummaryBar.vue'
+import KbxProblemFeedback from './KbxProblemFeedback.vue'
 
-withDefaults(defineProps<{ screen:KbxScreenDefinition; can?:(permission:string)=>boolean; selectionCount?:number; breadcrumb?:string; masterSize?:'sm'|'md'|'lg'; masterTitle?:string; detailTitle?:string; bottomTitle?:string; contextText?:string; context?:KbxTemplateContext|null; contentState?:KbxAsyncState; refreshing?:boolean; summaryItems?:KbxSummaryItem[] }>(), { masterSize:'md', masterTitle:'목록', detailTitle:'상세', bottomTitle:'이력', contextText:'', context:null, contentState:'ready', refreshing:false, summaryItems:()=>[] })
-const emit = defineEmits<{ command:[string] }>()
+withDefaults(defineProps<{ screen:KbxScreenDefinition; can?:(permission:string)=>boolean; selectionCount?:number; breadcrumb?:string; masterSize?:'sm'|'md'|'lg'; masterTitle?:string; detailTitle?:string; bottomTitle?:string; contextText?:string; context?:KbxTemplateContext|null; contentState?:KbxAsyncState; refreshing?:boolean; errorRetryable?:boolean; summaryItems?:KbxSummaryItem[]; problem?:KbxProblem|null; problemActionAllowlist?:readonly string[] }>(), { masterSize:'md', masterTitle:'목록', detailTitle:'상세', bottomTitle:'이력', contextText:'', context:null, contentState:'ready', refreshing:false, errorRetryable:true, summaryItems:()=>[], problem:null, problemActionAllowlist:()=>[] })
+const emit = defineEmits<{ command:[string]; problemAction:[string]; retryProblem:[]; dismissProblem:[] }>()
 </script>
 
 <template>
   <KbxScreenFrame expected-type="master-detail" template-code="T05" :screen="screen" :can="can" :selection-count="selectionCount" :breadcrumb="breadcrumb" :suppress-default-utility="Boolean($slots.utility)" @command="emit('command',$event)">
-    <template #utility><slot name="utility" /></template><template #notice><slot name="notice" /></template>
+    <template #utility><slot name="utility" /></template><template #notice><KbxProblemFeedback v-if="problem" :problem="problem" :allowed-action-ids="problemActionAllowlist" @action="emit('problemAction',$event)" @retry="emit('retryProblem')" @dismiss="emit('dismissProblem')" /><slot name="notice" /></template>
     <div v-if="$slots.search" class="kbx-master-detail__search" data-kbx-surface="search"><slot name="search" /></div>
     <div v-if="$slots.context || context || contextText" data-kbx-surface="context"><slot name="context"><KbxTemplateContextBar :context="context ?? (contextText ? {label:contextText} : null)" /></slot></div>
-    <KbxTemplateStateBoundary :state="contentState" :refreshing="refreshing" idle-action-label="조회 F3" @idle-action="emit('command','search')" @retry="emit('command','search')">
+    <KbxTemplateStateBoundary :state="contentState" :refreshing="refreshing" :error-retryable="errorRetryable" idle-action-label="조회 F3" @idle-action="emit('command','search')" @retry="emit('command','search')">
       <div class="kbx-master-detail__workspace" :data-master-size="masterSize">
         <section class="kbx-master-detail__pane kbx-master-detail__master" :aria-label="masterTitle" data-kbx-surface="master"><slot name="master-header"><KbxSectionHeader :title="masterTitle" /></slot><div class="kbx-master-detail__pane-body"><slot name="master" /></div></section>
         <section class="kbx-master-detail__pane kbx-master-detail__detail" :aria-label="detailTitle" data-kbx-surface="detail"><slot name="detail-header"><KbxSectionHeader :title="detailTitle" /></slot><div class="kbx-master-detail__pane-body"><slot name="detail" /></div></section>
@@ -28,5 +29,5 @@ const emit = defineEmits<{ command:[string] }>()
 </template>
 
 <style scoped>
-.kbx-master-detail__workspace{min-height:var(--kbx-master-detail-min-height);flex:1;display:grid;gap:var(--kbx-space-2)}.kbx-master-detail__workspace[data-master-size="sm"]{grid-template-columns:minmax(var(--kbx-master-detail-master-min-sm),34%) minmax(0,1fr)}.kbx-master-detail__workspace[data-master-size="md"]{grid-template-columns:minmax(var(--kbx-master-detail-master-min-md),42%) minmax(0,1fr)}.kbx-master-detail__workspace[data-master-size="lg"]{grid-template-columns:minmax(var(--kbx-master-detail-master-min-lg),50%) minmax(0,1fr)}.kbx-master-detail__pane{min-height:0;border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface);overflow:hidden;display:flex;flex-direction:column;padding:0 var(--kbx-space-2)}.kbx-master-detail__pane-body{min-height:0;flex:1;padding:var(--kbx-space-2) 0}.kbx-master-detail__bottom{min-height:var(--kbx-master-detail-bottom-min-height)}.kbx-master-detail__footer{min-height:var(--kbx-control-sm);border-top:var(--kbx-border-width) solid var(--kbx-color-border)}.kbx-master-detail__footer :deep(.kbx-summary-bar){border-top:0}
+.kbx-master-detail__workspace{min-height:var(--kbx-master-detail-min-height);flex:1;display:grid;gap:var(--kbx-space-2)}.kbx-master-detail__workspace[data-master-size="sm"]{grid-template-columns:minmax(var(--kbx-master-detail-master-min-sm),34%) minmax(0,1fr)}.kbx-master-detail__workspace[data-master-size="md"]{grid-template-columns:minmax(var(--kbx-master-detail-master-min-md),42%) minmax(0,1fr)}.kbx-master-detail__workspace[data-master-size="lg"]{grid-template-columns:minmax(var(--kbx-master-detail-master-min-lg),50%) minmax(0,1fr)}.kbx-master-detail__pane{min-height:0;border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface);overflow:hidden;display:flex;flex-direction:column;padding:0;box-shadow:var(--kbx-shadow-shell)}.kbx-master-detail__master{border-top:calc(var(--kbx-border-width) * 2) solid var(--kbx-color-module-accent)}.kbx-master-detail__detail{border-top:calc(var(--kbx-border-width) * 2) solid var(--kbx-color-border-strong)}.kbx-master-detail__pane :deep(.kbx-section-header){padding-left:var(--kbx-space-2);padding-right:var(--kbx-space-2)}.kbx-master-detail__pane-body{min-height:0;flex:1;padding:0}.kbx-master-detail__bottom{min-height:var(--kbx-master-detail-bottom-min-height)}.kbx-master-detail__footer{min-height:var(--kbx-control-sm);border-top:var(--kbx-border-width) solid var(--kbx-color-border)}.kbx-master-detail__footer :deep(.kbx-summary-bar){border-top:0}
 </style>
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxMasterPage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxMasterPage.vue
new file mode 100644
index 00000000..f7e43188
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxMasterPage.vue
@@ -0,0 +1,39 @@
+<script setup lang="ts">
+import type { KbxAsyncState, KbxAuditEntry, KbxConflictSnapshot, KbxProblem, KbxScreenDefinition, KbxTemplateContext, KbxValidationError, KbxWorkflowDefinition } from '@kbx/contracts'
+import KbxScreenFrame from './KbxScreenFrame.vue'
+import KbxValidationSummary from './KbxValidationSummary.vue'
+import KbxRecordLifecycle from './KbxRecordLifecycle.vue'
+import KbxTemplateContextBar from './KbxTemplateContextBar.vue'
+import KbxTemplateStateBoundary from './KbxTemplateStateBoundary.vue'
+import KbxProblemFeedback from './KbxProblemFeedback.vue'
+import KbxSectionHeader from './KbxSectionHeader.vue'
+
+withDefaults(defineProps<{ screen:KbxScreenDefinition; status?:string; dirty?:boolean; version?:number; errors?:KbxValidationError[]; workflow?:KbxWorkflowDefinition; conflict?:KbxConflictSnapshot|null; problem?:KbxProblem|null; problemActionAllowlist?:readonly string[]; auditEntries?:KbxAuditEntry[]; can?:(permission:string)=>boolean; breadcrumb?:string; context?:KbxTemplateContext|null; contentState?:KbxAsyncState; refreshing?:boolean; errorRetryable?:boolean; listTitle?:string; listCount?:number; detailTitle?:string; detailDescription?:string }>(), { status:'', dirty:false, errors:()=>[], conflict:null, problem:null, problemActionAllowlist:()=>[], auditEntries:()=>[], context:null, contentState:'ready', refreshing:false, errorRetryable:true, listTitle:'목록', detailTitle:'상세', detailDescription:'' })
+const emit = defineEmits<{ command:[string]; transition:[string]; reloadConflict:[]; dismissConflict:[]; problemAction:[string]; retryProblem:[]; dismissProblem:[] }>()
+</script>
+
+<template>
+  <KbxScreenFrame expected-type="master" template-code="T02" :screen="screen" :status="status" :dirty="dirty" :can="can" :breadcrumb="breadcrumb" :suppress-default-utility="Boolean($slots.utility)" @command="emit('command',$event)">
+    <template #utility><slot name="utility" /></template>
+    <template #notice><KbxProblemFeedback v-if="problem" :problem="problem" :allowed-action-ids="problemActionAllowlist" @action="emit('problemAction',$event)" @retry="emit('retryProblem')" @dismiss="emit('dismissProblem')" /><slot name="notice" /></template>
+    <div v-if="errors.length" data-kbx-surface="validation"><KbxValidationSummary :errors="errors" /></div>
+    <KbxRecordLifecycle v-if="workflow || conflict || auditEntries.length || version!=null" data-kbx-surface="record-lifecycle" :status="status" :version="version" :workflow="workflow" :conflict="conflict" :audit-entries="auditEntries" :can="can" @transition="emit('transition',$event)" @reload-conflict="emit('reloadConflict')" @dismiss-conflict="emit('dismissConflict')" />
+    <div v-if="$slots.context || context" data-kbx-surface="context"><slot name="context"><KbxTemplateContextBar :context="context" /></slot></div>
+    <KbxTemplateStateBoundary :state="contentState" :refreshing="refreshing" :idle-action-label="$slots.list?'조회 F3':''" :error-retryable="errorRetryable" @idle-action="emit('command','search')" @retry="emit('command','search')">
+      <div class="kbx-master-page__body" :class="{ 'without-list': !$slots.list }">
+        <aside v-if="$slots.list" class="kbx-master-page__list" data-kbx-surface="master-list"><slot name="list-header"><KbxSectionHeader :title="listTitle" :count="listCount" /></slot><div class="kbx-master-page__list-body"><slot name="list" /></div></aside>
+        <main class="kbx-master-page__detail" data-kbx-surface="detail">
+          <slot name="detail-header"><KbxSectionHeader :title="detailTitle" :description="detailDescription" /></slot>
+          <div class="kbx-master-page__detail-body"><slot name="detail" /></div>
+          <section v-if="$slots.tabs" class="kbx-master-page__tabs" data-kbx-surface="tabs"><slot name="tabs" /></section>
+        </main>
+      </div>
+    </KbxTemplateStateBoundary>
+    <footer v-if="$slots.footer" class="kbx-master-page__footer" data-kbx-surface="footer"><slot name="footer" /></footer>
+    <div v-if="$slots.drawer" data-kbx-surface="drawer"><slot name="drawer" /></div>
+  </KbxScreenFrame>
+</template>
+
+<style scoped>
+.kbx-master-page__body{display:grid;grid-template-columns:minmax(var(--kbx-master-list-min-width),32%) minmax(0,1fr);gap:var(--kbx-space-2);min-height:0;flex:1}.kbx-master-page__body.without-list{grid-template-columns:minmax(0,1fr)}.kbx-master-page__list,.kbx-master-page__detail{min-height:0;border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface);box-shadow:var(--kbx-shadow-shell)}.kbx-master-page__list{overflow:hidden;border-top-color:var(--kbx-color-module-accent);display:flex;flex-direction:column}.kbx-master-page__list :deep(.kbx-section-header){padding:0 var(--kbx-space-2);background:var(--kbx-color-section-heading)}.kbx-master-page__list-body{min-height:0;flex:1;display:flex;flex-direction:column}.kbx-master-page__detail{padding:0;overflow:auto;display:flex;flex-direction:column;gap:0;border-top:calc(var(--kbx-border-width) * 2) solid var(--kbx-color-module-accent)}.kbx-master-page__detail :deep(.kbx-section-header){padding:0 var(--kbx-space-3);background:var(--kbx-color-section-heading)}.kbx-master-page__detail-body{padding:var(--kbx-space-3) var(--kbx-space-4);display:flex;flex-direction:column;gap:var(--kbx-space-3)}.kbx-master-page__tabs{margin:0 var(--kbx-space-4);border-top:var(--kbx-border-width) solid var(--kbx-color-border);padding-top:var(--kbx-space-2)}.kbx-master-page__footer{min-height:var(--kbx-control-sm);border-top:var(--kbx-border-width) solid var(--kbx-color-border)}@media(max-width:68.75rem){.kbx-master-page__body{grid-template-columns:var(--kbx-master-list-compact-width) minmax(0,1fr)}}
+</style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxMoneyField.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxMoneyField.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxMoneyField.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxMoneyField.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxNotificationCenter.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxNotificationCenter.vue
similarity index 55%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxNotificationCenter.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxNotificationCenter.vue
index a84d8da9..cefcd24f 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxNotificationCenter.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxNotificationCenter.vue
@@ -1,18 +1,29 @@
 <script setup lang="ts">
+import { nextTick, ref, watch } from 'vue'
 import type { KbxUserNotification } from '@kbx/contracts'
 
-defineProps<{ notifications: KbxUserNotification[] }>()
+const props=withDefaults(defineProps<{ notifications: KbxUserNotification[]; activeId?: string | null }>(), { activeId:null })
 const emit = defineEmits<{ open: [KbxUserNotification]; read: [string] }>()
+const root=ref<HTMLElement|null>(null)
+async function focusActive(){
+  if(!props.activeId)return
+  await nextTick()
+  const target=[...(root.value?.querySelectorAll<HTMLElement>('[data-notification-id]')??[])].find(el=>el.dataset.notificationId===props.activeId)
+  target?.focus({preventScroll:true});target?.scrollIntoView({block:'nearest'})
+}
+watch(()=>props.activeId,focusActive,{immediate:true})
 </script>
 
 <template>
-  <section class="kbx-notification-center" aria-label="알림 센터">
+  <section ref="root" class="kbx-notification-center" aria-label="알림 센터">
     <button
       v-for="item in notifications"
       :key="item.id"
       type="button"
       class="notice"
-      :class="[`is-${item.severity}`, { unread: !item.readAt }]"
+      :class="[`is-${item.severity}`, { unread: !item.readAt, active:item.id===activeId }]"
+      :data-notification-id="item.id"
+      :aria-current="item.id===activeId?'true':undefined"
       @click="emit('open', item); emit('read', item.id)"
     >
       <span class="marker" aria-hidden="true" />
@@ -26,7 +37,7 @@ const emit = defineEmits<{ open: [KbxUserNotification]; read: [string] }>()
 <style scoped>
 .kbx-notification-center { display:grid; gap:4px; }
 .notice { display:grid; grid-template-columns:8px 1fr auto; align-items:start; gap:8px; padding:10px; border:1px solid transparent; background:transparent; text-align:left; cursor:pointer; }
-.notice:hover { background:var(--kbx-color-surface-hover); }
+.notice:hover { background:var(--kbx-color-surface-hover); }.notice.active{border-color:var(--kbx-color-primary);box-shadow:inset var(--kbx-accent-border-width) 0 0 var(--kbx-color-primary);background:var(--kbx-color-info-surface)}
 .marker { width:6px; height:6px; margin-top:6px; border-radius:50%; background:var(--kbx-color-text-muted); }
 .unread .marker { background:var(--kbx-color-primary); }
 .copy { display:grid; gap:2px; } small,time,.empty { color:var(--kbx-color-text-muted); font-size:var(--kbx-font-xs); }
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxNumberField.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxNumberField.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxNumberField.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxNumberField.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxOperationCenter.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxOperationCenter.vue
similarity index 59%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxOperationCenter.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxOperationCenter.vue
index d2eaa35c..7a6abb75 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxOperationCenter.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxOperationCenter.vue
@@ -1,18 +1,27 @@
 <script setup lang="ts">
+import { nextTick, ref, watch } from 'vue'
 import type { KbxOperationRun } from '@kbx/contracts'
 
-defineProps<{ operations: KbxOperationRun[] }>()
+const props=withDefaults(defineProps<{ operations: KbxOperationRun[]; activeId?: string | null }>(), { activeId:null })
 const emit = defineEmits<{ open: [KbxOperationRun] }>()
+const root=ref<HTMLElement|null>(null)
 
 function progress(operation: KbxOperationRun) {
   if (!operation.total) return null
   return Math.min(100, Math.round(((operation.processed ?? 0) / operation.total) * 100))
 }
+async function focusActive(){
+  if(!props.activeId)return
+  await nextTick()
+  const target=[...(root.value?.querySelectorAll<HTMLElement>('[data-operation-id]')??[])].find(el=>el.dataset.operationId===props.activeId)
+  target?.focus({preventScroll:true});target?.scrollIntoView({block:'nearest'})
+}
+watch(()=>props.activeId,focusActive,{immediate:true})
 </script>
 
 <template>
-  <section class="kbx-operation-center" aria-label="작업 센터">
-    <button v-for="operation in operations" :key="operation.id" type="button" class="operation" @click="emit('open', operation)">
+  <section ref="root" class="kbx-operation-center" aria-label="작업 센터">
+    <button v-for="operation in operations" :key="operation.id" type="button" class="operation" :class="{active:operation.id===activeId}" :data-operation-id="operation.id" :aria-current="operation.id===activeId?'true':undefined" @click="emit('open', operation)">
       <div class="top"><strong>{{ operation.title }}</strong><span>{{ operation.status }}</span></div>
       <div v-if="progress(operation) != null" class="progress"><i :style="{ width: `${progress(operation)}%` }" /></div>
       <small v-if="operation.total">{{ operation.processed ?? 0 }} / {{ operation.total }}</small>
@@ -25,6 +34,7 @@ function progress(operation: KbxOperationRun) {
 <style scoped>
 .kbx-operation-center { display:grid; gap:8px; }
 .operation { display:grid; gap:6px; padding:10px 12px; text-align:left; border:1px solid var(--kbx-color-border); border-radius:var(--kbx-radius-sm); background:var(--kbx-color-surface); cursor:pointer; }
+.operation:hover{background:var(--kbx-color-surface-hover)}.operation.active{border-color:var(--kbx-color-primary);box-shadow:inset var(--kbx-accent-border-width) 0 0 var(--kbx-color-primary);background:var(--kbx-color-info-surface)}
 .top { display:flex; justify-content:space-between; gap:8px; } .top span,small,.empty { color:var(--kbx-color-text-muted); }
 .progress { height:6px; background:var(--kbx-color-surface-subtle); border-radius:999px; overflow:hidden; }
 .progress i { display:block; height:100%; background:var(--kbx-color-primary); }
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxPageHeader.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxPageHeader.vue
similarity index 66%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxPageHeader.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxPageHeader.vue
index 6a7ee4b7..5fcbc0ec 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxPageHeader.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxPageHeader.vue
@@ -5,12 +5,14 @@ withDefaults(defineProps<{
   description?: string
   status?: string
   dirty?: boolean
-}>(), { breadcrumb:'', description:'', status:'', dirty:false })
+  module?: string
+}>(), { breadcrumb:'', description:'', status:'', dirty:false, module:'' })
 </script>
 
 <template>
   <header class="kbx-page-header">
     <div class="kbx-page-header__identity">
+      <span v-if="module" class="kbx-page-header__module">{{ module==='COMMON'?'공통':module }}</span>
       <div v-if="breadcrumb" class="kbx-page-header__breadcrumb">{{ breadcrumb }}</div>
       <div class="kbx-page-header__title-row">
         <h1>{{ title }}</h1>
@@ -32,9 +34,12 @@ withDefaults(defineProps<{
   gap:var(--kbx-space-4);
   padding:var(--kbx-space-1) var(--kbx-screen-inline-padding);
   border-bottom:var(--kbx-border-width) solid var(--kbx-color-border);
-  background:var(--kbx-color-surface);
+  background:var(--kbx-color-shell-chrome);
+  box-shadow:var(--kbx-shadow-shell);
+  border-left:var(--kbx-accent-border-width) solid var(--kbx-color-module-accent);
 }
-.kbx-page-header__identity { min-width:0; }
+.kbx-page-header__identity { min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; column-gap:var(--kbx-space-2); }
+.kbx-page-header__module{grid-row:1 / span 3;align-self:stretch;display:flex;align-items:center;padding:0 var(--kbx-space-2);border:var(--kbx-border-width) solid var(--kbx-color-module-accent-border);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-module-accent-surface);color:var(--kbx-color-module-accent);font-size:var(--kbx-font-xs);font-weight:700;letter-spacing:.02em}.kbx-page-header__breadcrumb,.kbx-page-header__title-row,.kbx-page-header__identity>p{grid-column:2}
 .kbx-page-header__title-row { display:flex; align-items:center; gap:var(--kbx-space-2); min-width:0; }
 h1 { font-size:var(--kbx-font-2xl); font-weight:600; margin:0; line-height:1.3; }
 .kbx-page-header__breadcrumb, p { font-size:var(--kbx-font-xs); color:var(--kbx-color-text-muted); margin:0 0 var(--kbx-space-1); }
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxProblemFeedback.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxProblemFeedback.vue
new file mode 100644
index 00000000..8f2375af
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxProblemFeedback.vue
@@ -0,0 +1,72 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import type { KbxProblem } from '@kbx/contracts'
+import KbxButton from './KbxButton.vue'
+
+const props = withDefaults(defineProps<{
+  problem: KbxProblem
+  allowedActionIds?: readonly string[]
+  dismissible?: boolean
+}>(), {
+  allowedActionIds: () => [],
+  dismissible: true,
+})
+
+const emit = defineEmits<{ action:[string]; retry:[]; dismiss:[] }>()
+
+const kindLabel: Record<KbxProblem['type'], string> = {
+  validation: '입력 오류',
+  'business-rule': '업무 규칙',
+  conflict: '동시 수정',
+  permission: '권한',
+  'not-found': '데이터',
+  integration: '외부 연계',
+  system: '시스템',
+}
+
+const tone = computed(() => {
+  if (props.problem.type === 'permission' || props.problem.type === 'system') return 'danger'
+  if (props.problem.type === 'integration') return props.problem.retryable ? 'warning' : 'danger'
+  if (props.problem.type === 'business-rule' || props.problem.type === 'conflict') return 'warning'
+  return 'info'
+})
+const retryable = computed(() => (props.problem.type === 'integration' || props.problem.type === 'system') && props.problem.retryable === true)
+const allowed = computed(() => new Set(props.allowedActionIds))
+const actions = computed(() => props.problem.type === 'business-rule'
+  ? (props.problem.actions ?? []).filter(action => allowed.value.has(action.id))
+  : [])
+</script>
+
+<template>
+  <section class="kbx-problem-feedback" :data-tone="tone" :data-problem-type="problem.type" role="alert" aria-live="assertive">
+    <div class="kbx-problem-feedback__copy">
+      <div class="kbx-problem-feedback__heading">
+        <span class="kbx-problem-feedback__kind">{{ kindLabel[problem.type] }}</span>
+        <strong>{{ problem.title }}</strong>
+      </div>
+      <p v-if="problem.detail">{{ problem.detail }}</p>
+      <ul v-if="problem.type === 'validation' && problem.errors.length" class="kbx-problem-feedback__validation">
+        <li v-for="error in problem.errors.slice(0,3)" :key="`${error.rowKey ?? ''}:${error.field ?? ''}:${error.code}`">{{ error.message }}</li>
+        <li v-if="problem.errors.length > 3">외 {{ problem.errors.length - 3 }}건의 입력 오류가 있습니다.</li>
+      </ul>
+      <small v-if="problem.correlationId">참조번호 {{ problem.correlationId }}</small>
+    </div>
+    <div class="kbx-problem-feedback__actions">
+      <KbxButton v-for="action in actions" :key="action.id" :label="action.label" variant="secondary" @click="emit('action', action.id)" />
+      <KbxButton v-if="retryable" label="다시 시도" variant="secondary" @click="emit('retry')" />
+      <KbxButton v-if="dismissible" label="닫기" variant="ghost" @click="emit('dismiss')" />
+    </div>
+  </section>
+</template>
+
+<style scoped>
+.kbx-problem-feedback{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--kbx-space-3);padding:var(--kbx-space-3);border:var(--kbx-border-width) solid var(--kbx-color-info-border);border-left:var(--kbx-accent-border-width) solid var(--kbx-color-primary);background:var(--kbx-color-info-surface)}
+.kbx-problem-feedback[data-tone="warning"]{border-color:var(--kbx-color-warning-border);border-left-color:var(--kbx-color-warning);background:var(--kbx-color-warning-surface)}
+.kbx-problem-feedback[data-tone="danger"]{border-color:var(--kbx-color-danger-border);border-left-color:var(--kbx-color-danger);background:var(--kbx-color-danger-surface)}
+.kbx-problem-feedback__copy{min-width:0;display:grid;gap:var(--kbx-space-1)}
+.kbx-problem-feedback__heading{display:flex;align-items:center;flex-wrap:wrap;gap:var(--kbx-space-2)}
+.kbx-problem-feedback__kind{font-size:var(--kbx-font-xs);font-weight:600;color:var(--kbx-color-text-muted)}
+.kbx-problem-feedback p,.kbx-problem-feedback small{margin:0;color:var(--kbx-color-text-muted);font-size:var(--kbx-font-sm);line-height:1.5}.kbx-problem-feedback__validation{margin:var(--kbx-space-1) 0 0;padding-left:var(--kbx-space-5);color:var(--kbx-color-text);font-size:var(--kbx-font-sm)}
+.kbx-problem-feedback__actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--kbx-space-1)}
+@media(max-width:48rem){.kbx-problem-feedback{flex-direction:column}.kbx-problem-feedback__actions{width:100%;justify-content:flex-start}}
+</style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxProgressSteps.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxProgressSteps.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxProgressSteps.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxProgressSteps.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxProposalPanel.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxProposalPanel.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxProposalPanel.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxProposalPanel.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxQuantityField.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxQuantityField.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxQuantityField.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxQuantityField.vue
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxQueuePage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxQueuePage.vue
new file mode 100644
index 00000000..4321348f
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxQueuePage.vue
@@ -0,0 +1,54 @@
+<script setup lang="ts">
+import type { KbxAsyncState, KbxProblem, KbxScreenDefinition, KbxSummaryItem, KbxTemplateContext, KbxWorkQueueCounter } from '@kbx/contracts'
+import KbxExceptionSummary from './KbxExceptionSummary.vue'
+import KbxScreenFrame from './KbxScreenFrame.vue'
+import KbxSummaryBar from './KbxSummaryBar.vue'
+import KbxTemplateContextBar from './KbxTemplateContextBar.vue'
+import KbxTemplateStateBoundary from './KbxTemplateStateBoundary.vue'
+import KbxProblemFeedback from './KbxProblemFeedback.vue'
+import KbxSectionHeader from './KbxSectionHeader.vue'
+
+withDefaults(defineProps<{
+  screen:KbxScreenDefinition
+  selectionCount?:number
+  can?:(permission:string)=>boolean
+  breadcrumb?:string
+  context?:KbxTemplateContext|null
+  contentState?:KbxAsyncState
+  refreshing?:boolean
+  summaryItems?:KbxSummaryItem[]
+  exceptionCounters?:KbxWorkQueueCounter[]
+  activeExceptionKey?:string|null
+  problem?:KbxProblem|null
+  problemActionAllowlist?:readonly string[]
+  emptyTitle?:string
+  emptyDetail?:string
+  emptyActionLabel?:string
+  errorTitle?:string
+  errorDetail?:string
+  retryLabel?:string
+  errorRetryable?:boolean
+  queueTitle?:string
+  queueDescription?:string
+  queueCount?:number
+}>(), { context:null, contentState:'ready', refreshing:false, summaryItems:()=>[], exceptionCounters:()=>[], activeExceptionKey:null, problem:null, problemActionAllowlist:()=>[], emptyTitle:'', emptyDetail:'', emptyActionLabel:'', errorTitle:'', errorDetail:'', retryLabel:'다시 조회', errorRetryable:true, queueTitle:'작업 Queue', queueDescription:'' })
+const emit=defineEmits<{ command:[string]; exceptionFilter:[string|null]; problemAction:[string]; retryProblem:[]; dismissProblem:[]; emptyAction:[] }>()
+</script>
+
+<template>
+  <KbxScreenFrame expected-type="queue" template-code="T06" :screen="screen" :selection-count="selectionCount" :can="can" :breadcrumb="breadcrumb" :suppress-default-utility="Boolean($slots.utility)" @command="emit('command',$event)">
+    <template #utility><slot name="utility" /></template><template #notice><KbxProblemFeedback v-if="problem" :problem="problem" :allowed-action-ids="problemActionAllowlist" @action="emit('problemAction',$event)" @retry="emit('retryProblem')" @dismiss="emit('dismissProblem')" /><slot name="notice" /></template>
+    <div v-if="$slots.search" class="kbx-queue-page__search" data-kbx-surface="search"><slot name="search" /></div>
+    <section v-if="$slots.summary || summaryItems.length" class="kbx-queue-page__summary" data-kbx-surface="work-summary"><slot name="summary"><KbxSummaryBar :items="summaryItems" /></slot></section>
+    <section v-if="$slots.exceptions || exceptionCounters.length" class="kbx-queue-page__exceptions" data-kbx-surface="exception-summary"><slot name="exceptions"><KbxExceptionSummary :counters="exceptionCounters" :active-key="activeExceptionKey" @select="emit('exceptionFilter',$event)" /></slot></section>
+    <div v-if="$slots.context || context" data-kbx-surface="context"><slot name="context"><KbxTemplateContextBar :context="context" /></slot></div>
+    <section v-if="$slots.contextual" class="kbx-queue-page__contextual" data-kbx-surface="bulk-action"><slot name="contextual" /></section>
+    <main class="kbx-queue-page__content" data-kbx-surface="queue/content"><slot name="queue-heading"><KbxSectionHeader :title="queueTitle" :description="queueDescription" :count="queueCount" /></slot><div class="kbx-queue-page__content-body"><KbxTemplateStateBoundary :state="contentState" :refreshing="refreshing" idle-action-label="조회 F3" :empty-title="emptyTitle" :empty-detail="emptyDetail" :empty-action-label="emptyActionLabel" :error-title="errorTitle" :error-detail="errorDetail" :retry-label="retryLabel" :error-retryable="errorRetryable" @idle-action="emit('command','search')" @empty-action="emit('emptyAction')" @retry="emit('command','search')"><slot name="content" /></KbxTemplateStateBoundary></div></main>
+    <footer v-if="$slots.footer" class="kbx-queue-page__footer" data-kbx-surface="footer"><slot name="footer" /></footer>
+    <div v-if="$slots.detail" data-kbx-surface="detail"><slot name="detail" /></div>
+  </KbxScreenFrame>
+</template>
+
+<style scoped>
+.kbx-queue-page__summary,.kbx-queue-page__exceptions{border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface);padding:var(--kbx-space-2);box-shadow:var(--kbx-shadow-shell)}.kbx-queue-page__summary{border-left:var(--kbx-accent-border-width) solid var(--kbx-color-module-accent)}.kbx-queue-page__exceptions{border-left:var(--kbx-accent-border-width) solid var(--kbx-color-warning)}.kbx-queue-page__summary :deep(.kbx-summary-bar){border-top:0}.kbx-queue-page__content{min-height:var(--kbx-content-min-height);flex:1;display:flex;flex-direction:column;border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface);box-shadow:var(--kbx-shadow-shell)}.kbx-queue-page__content :deep(.kbx-section-header){padding:0 var(--kbx-space-2);background:var(--kbx-color-section-heading)}.kbx-queue-page__content-body{min-height:0;flex:1}.kbx-queue-page__contextual{position:sticky;top:var(--kbx-command-bar-height);z-index:6}.kbx-queue-page__footer{min-height:var(--kbx-control-sm);border-top:var(--kbx-border-width) solid var(--kbx-color-border)}
+</style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxQuickFilterBar.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxQuickFilterBar.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxQuickFilterBar.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxQuickFilterBar.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxRadio.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxRadio.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxRadio.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxRadio.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxReconcilePage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxReconcilePage.vue
similarity index 52%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxReconcilePage.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxReconcilePage.vue
index 9207a7e7..1fe4a058 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxReconcilePage.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxReconcilePage.vue
@@ -1,22 +1,24 @@
 <script setup lang="ts">
-import type { KbxAsyncState, KbxScreenDefinition, KbxReconcileSummary, KbxTemplateContext } from '@kbx/contracts'
+import type { KbxAsyncState, KbxProblem, KbxScreenDefinition, KbxReconcileSummary, KbxTemplateContext } from '@kbx/contracts'
 import KbxScreenFrame from './KbxScreenFrame.vue'
 import KbxTemplateContextBar from './KbxTemplateContextBar.vue'
 import KbxTemplateStateBoundary from './KbxTemplateStateBoundary.vue'
+import KbxProblemFeedback from './KbxProblemFeedback.vue'
+import KbxSectionHeader from './KbxSectionHeader.vue'
 
-withDefaults(defineProps<{ screen:KbxScreenDefinition; summary?:KbxReconcileSummary; selectionCount?:number; can?:(permission:string)=>boolean; breadcrumb?:string; context?:KbxTemplateContext|null; contentState?:KbxAsyncState; refreshing?:boolean }>(), { contentState:'ready', refreshing:false })
-const emit=defineEmits<{ command:[string] }>()
+withDefaults(defineProps<{ screen:KbxScreenDefinition; summary?:KbxReconcileSummary; selectionCount?:number; can?:(permission:string)=>boolean; breadcrumb?:string; context?:KbxTemplateContext|null; contentState?:KbxAsyncState; refreshing?:boolean; errorRetryable?:boolean; problem?:KbxProblem|null; problemActionAllowlist?:readonly string[]; comparisonTitle?:string; comparisonDescription?:string; comparisonCount?:number }>(), { contentState:'ready', refreshing:false, errorRetryable:true, problem:null, problemActionAllowlist:()=>[], comparisonTitle:'대사 비교', comparisonDescription:'' })
+const emit=defineEmits<{ command:[string]; problemAction:[string]; retryProblem:[]; dismissProblem:[] }>()
 </script>
 
 <template>
   <KbxScreenFrame expected-type="reconcile" template-code="T07" :screen="screen" :selection-count="selectionCount" :can="can" :breadcrumb="breadcrumb" :suppress-default-utility="Boolean($slots.utility)" @command="emit('command',$event)">
-    <template #utility><slot name="utility" /></template><template #notice><slot name="notice" /></template>
+    <template #utility><slot name="utility" /></template><template #notice><KbxProblemFeedback v-if="problem" :problem="problem" :allowed-action-ids="problemActionAllowlist" @action="emit('problemAction',$event)" @retry="emit('retryProblem')" @dismiss="emit('dismissProblem')" /><slot name="notice" /></template>
     <div v-if="$slots.search" class="kbx-reconcile-search" data-kbx-surface="criteria/search"><slot name="search" /></div>
     <div v-if="summary" class="kbx-reconcile-summary" aria-label="대사 요약" data-kbx-surface="summary"><span>전체 <strong>{{summary.totalCount.toLocaleString('ko-KR')}}</strong></span><span>정상 <strong>{{summary.matchedCount.toLocaleString('ko-KR')}}</strong></span><span class="mismatch">불일치 <strong>{{summary.mismatchCount.toLocaleString('ko-KR')}}</strong></span><span>확인중 <strong>{{summary.pendingCount.toLocaleString('ko-KR')}}</strong></span><span>해결 <strong>{{summary.resolvedCount.toLocaleString('ko-KR')}}</strong></span></div>
     <section v-if="$slots.filters" class="kbx-reconcile-filters" data-kbx-surface="filters"><slot name="filters" /></section>
     <div v-if="$slots.context || context" data-kbx-surface="context"><slot name="context"><KbxTemplateContextBar :context="context" /></slot></div>
     <section v-if="$slots.resolution" class="kbx-reconcile-resolution" data-kbx-surface="resolution-action"><slot name="resolution" /></section>
-    <main class="kbx-reconcile-content" data-kbx-surface="comparison-grid"><KbxTemplateStateBoundary :state="contentState" :refreshing="refreshing" idle-action-label="조회 F3" @idle-action="emit('command','search')" @retry="emit('command','search')"><slot name="content" /></KbxTemplateStateBoundary></main>
+    <main class="kbx-reconcile-content" data-kbx-surface="comparison-grid"><slot name="comparison-heading"><KbxSectionHeader :title="comparisonTitle" :description="comparisonDescription" :count="comparisonCount" /></slot><div class="kbx-reconcile-content__body"><KbxTemplateStateBoundary :state="contentState" :refreshing="refreshing" :error-retryable="errorRetryable" idle-action-label="조회 F3" @idle-action="emit('command','search')" @retry="emit('command','search')"><slot name="content" /></KbxTemplateStateBoundary></div></main>
     <section v-if="$slots.audit" class="kbx-reconcile-audit" data-kbx-surface="audit"><slot name="audit" /></section>
     <footer v-if="$slots.footer" class="kbx-reconcile-footer"><slot name="footer" /></footer>
     <div v-if="$slots.detail" data-kbx-surface="detail"><slot name="detail" /></div>
@@ -24,5 +26,5 @@ const emit=defineEmits<{ command:[string] }>()
 </template>
 
 <style scoped>
-.kbx-reconcile-summary{display:flex;flex-wrap:wrap;gap:var(--kbx-space-4);padding:var(--kbx-space-2) var(--kbx-space-3);border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface-muted);font-size:var(--kbx-font-sm)}.kbx-reconcile-summary strong{margin-left:var(--kbx-space-1);font-size:var(--kbx-font-md)}.kbx-reconcile-summary .mismatch strong{color:var(--kbx-color-danger)}.kbx-reconcile-resolution{position:sticky;top:var(--kbx-command-bar-height);z-index:6}.kbx-reconcile-content{min-height:var(--kbx-content-min-height);flex:1}.kbx-reconcile-audit{border-top:var(--kbx-border-width) solid var(--kbx-color-border);padding-top:var(--kbx-space-2)}.kbx-reconcile-footer{min-height:var(--kbx-control-sm);border-top:var(--kbx-border-width) solid var(--kbx-color-border)}
+.kbx-reconcile-summary{display:flex;flex-wrap:wrap;gap:var(--kbx-space-4);padding:var(--kbx-space-2) var(--kbx-space-3);border:var(--kbx-border-width) solid var(--kbx-color-border);border-left:var(--kbx-accent-border-width) solid var(--kbx-color-module-accent);background:var(--kbx-color-surface);box-shadow:var(--kbx-shadow-shell);font-size:var(--kbx-font-sm)}.kbx-reconcile-summary strong{margin-left:var(--kbx-space-1);font-size:var(--kbx-font-md)}.kbx-reconcile-summary .mismatch strong{color:var(--kbx-color-danger)}.kbx-reconcile-resolution{position:sticky;top:var(--kbx-command-bar-height);z-index:6}.kbx-reconcile-content{min-height:var(--kbx-content-min-height);flex:1;display:flex;flex-direction:column;border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface);box-shadow:var(--kbx-shadow-shell)}.kbx-reconcile-content :deep(.kbx-section-header){padding:0 var(--kbx-space-2);background:var(--kbx-color-section-heading)}.kbx-reconcile-content__body{min-height:0;flex:1}.kbx-reconcile-audit{border-top:var(--kbx-border-width) solid var(--kbx-color-border);padding-top:var(--kbx-space-2)}.kbx-reconcile-footer{min-height:var(--kbx-control-sm);border-top:var(--kbx-border-width) solid var(--kbx-color-border)}
 </style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxRecordLifecycle.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxRecordLifecycle.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxRecordLifecycle.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxRecordLifecycle.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxRuntimeBanner.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxRuntimeBanner.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxRuntimeBanner.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxRuntimeBanner.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxScreenFrame.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxScreenFrame.vue
similarity index 88%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxScreenFrame.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxScreenFrame.vue
index 0e8a3653..17e30f72 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxScreenFrame.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxScreenFrame.vue
@@ -37,6 +37,7 @@ const utilityHost=inject(KbxScreenUtilityHostKey,null)
 const permissionHost=inject(KbxPermissionHostKey,null)
 const defaultUtilities=computed(()=>utilityHost?.available(props.screen)??[])
 const utilityLabel:Record<KbxScreenUtilityTab,string>={help:'도움말',ai:'AI',suggestion:'제안'}
+const resolvedBreadcrumb=computed(()=>props.breadcrumb || props.screen.module)
 const templateMismatch=computed(()=>Boolean((props.expectedType&&props.screen.type!==props.expectedType)||(props.templateCode&&props.screen.templateCode!==props.templateCode)))
 function canPermission(permission:string){return props.can?props.can(permission):(permissionHost?.has(permission)??true)}
 const permissionDenied=computed(()=>Boolean(props.screen.permissions?.some(permission=>!canPermission(permission))))
@@ -47,6 +48,7 @@ const permissionDenied=computed(()=>Boolean(props.screen.permissions?.some(permi
     class="kbx-screen-frame"
     :data-screen-id="screen.id"
     :data-screen-type="screen.type"
+    :data-kbx-module="screen.module"
     :data-template="templateCode"
     :data-status="status || undefined"
     :data-dirty="dirty || undefined"
@@ -56,7 +58,8 @@ const permissionDenied=computed(()=>Boolean(props.screen.permissions?.some(permi
       data-kbx-surface="page-header"
       :title="screen.title"
       :description="screen.description"
-      :breadcrumb="breadcrumb"
+      :breadcrumb="resolvedBreadcrumb"
+      :module="screen.module"
       :status="status"
       :dirty="dirty"
     >
@@ -91,8 +94,8 @@ const permissionDenied=computed(()=>Boolean(props.screen.permissions?.some(permi
 </template>
 
 <style scoped>
-.kbx-screen-frame {display:flex;flex-direction:column;min-height:0;height:100%;background:var(--kbx-color-surface)}
-.kbx-screen-frame__commands{min-height:var(--kbx-command-bar-height);padding:0 var(--kbx-screen-inline-padding);border-bottom:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface);z-index:8}
-.kbx-screen-frame__commands.is-sticky{position:sticky;top:0}.kbx-screen-frame__notice{padding:var(--kbx-space-2) var(--kbx-screen-inline-padding) 0}.kbx-screen-frame__body{min-height:0;flex:1;display:flex;flex-direction:column;gap:var(--kbx-screen-section-gap);padding:var(--kbx-space-2) var(--kbx-screen-inline-padding) var(--kbx-space-3)}
+.kbx-screen-frame {display:flex;flex-direction:column;min-height:0;height:100%;background:var(--kbx-color-workspace)}
+.kbx-screen-frame__commands{min-height:var(--kbx-command-bar-height);padding:0 var(--kbx-screen-inline-padding);border-bottom:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-shell-chrome);box-shadow:var(--kbx-shadow-shell);z-index:8}
+.kbx-screen-frame__commands.is-sticky{position:sticky;top:0}.kbx-screen-frame__notice{display:grid;gap:var(--kbx-space-2);padding:var(--kbx-space-2) var(--kbx-screen-inline-padding) 0}.kbx-screen-frame__body{min-height:0;flex:1;display:flex;flex-direction:column;gap:var(--kbx-screen-section-gap);padding:var(--kbx-space-2) var(--kbx-screen-inline-padding) var(--kbx-space-3);background:var(--kbx-color-workspace)}
 .kbx-screen-frame__utility{display:flex;align-items:center;gap:var(--kbx-space-1)}.kbx-screen-frame__utility button{height:var(--kbx-control-xs);padding:0 var(--kbx-space-2);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface);color:var(--kbx-color-text);font-size:var(--kbx-font-xs)}.kbx-screen-frame__utility button:hover{background:var(--kbx-color-surface-hover);border-color:var(--kbx-color-border-strong)}.kbx-screen-frame__contract-error{margin:var(--kbx-space-3) var(--kbx-screen-inline-padding)}
 </style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxSearchFieldControl.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxSearchFieldControl.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxSearchFieldControl.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxSearchFieldControl.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxSearchPanel.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxSearchPanel.vue
similarity index 67%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxSearchPanel.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxSearchPanel.vue
index 3b809ee1..a0721400 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxSearchPanel.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxSearchPanel.vue
@@ -52,16 +52,16 @@ function reset(){
       <KbxButton type="submit" :label="searchLabel" variant="primary" />
       <KbxButton v-if="showMore" :label="activeSecondaryCount?`상세조건 ${activeSecondaryCount}`:'상세조건'" :aria-expanded="expanded" @click="expanded=!expanded" />
       <KbxButton label="초기화" variant="ghost" @click="reset" />
-      <KbxButton v-if="savedSearch" label="조건저장" variant="ghost" @click="emit('savedSearchRequested')" />
+      <KbxButton v-if="savedSearch" label="기본조건 저장" variant="ghost" @click="emit('savedSearchRequested')" />
     </div>
 
     <div v-if="expanded&&secondary.length" class="kbx-search-panel__secondary">
       <KbxSearchFieldControl v-for="field in secondary" :key="field.key" :field="field" :model="modelValue" @change="setValue" />
-      <label v-if="remember" class="kbx-search-remember"><input type="checkbox" :checked="rememberChecked" @change="emit('update:rememberChecked',($event.target as HTMLInputElement).checked)"><span>마지막 조회조건 기억</span></label>
+      <label v-if="remember" class="kbx-search-remember"><input type="checkbox" :checked="rememberChecked" @change="emit('update:rememberChecked',($event.target as HTMLInputElement).checked)"><span>마지막 조회조건 기억<small>민감한 자유검색어는 저장 대상에서 제외할 수 있습니다.</small></span></label>
     </div>
   </form>
 </template>
 
 <style scoped>
-.kbx-search-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--kbx-space-2) var(--kbx-space-3);padding:var(--kbx-space-2);border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface-muted)}.kbx-search-panel__fields,.kbx-search-panel__secondary{display:flex;align-items:center;gap:var(--kbx-space-2) var(--kbx-space-4);flex-wrap:wrap}.kbx-search-panel__secondary{grid-column:1/-1;padding-top:var(--kbx-space-2);border-top:var(--kbx-border-width) solid var(--kbx-color-border)}.kbx-search-panel__actions{display:flex;align-items:flex-start;gap:var(--kbx-space-1);white-space:nowrap}.kbx-search-remember{display:inline-flex;align-items:center;gap:var(--kbx-space-2);min-height:var(--kbx-control-height);font-size:var(--kbx-font-sm);margin-left:auto;color:var(--kbx-color-text-muted)}.kbx-search-remember input{width:var(--kbx-checkbox-size);height:var(--kbx-checkbox-size);margin:0}@media(max-width:64rem){.kbx-search-panel{grid-template-columns:1fr}.kbx-search-panel__actions{justify-content:flex-end}.kbx-search-panel__secondary{grid-column:1}}
+.kbx-search-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--kbx-space-2) var(--kbx-space-3);padding:var(--kbx-space-2) var(--kbx-space-3);border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface-muted)}.kbx-search-panel__fields,.kbx-search-panel__secondary{display:flex;align-items:center;gap:var(--kbx-space-2) var(--kbx-space-4);flex-wrap:wrap}.kbx-search-panel__secondary{grid-column:1/-1;padding-top:var(--kbx-space-2);border-top:var(--kbx-border-width) solid var(--kbx-color-border)}.kbx-search-panel__actions{display:flex;align-items:flex-start;gap:var(--kbx-space-1);white-space:nowrap}.kbx-search-remember{display:inline-flex;align-items:center;gap:var(--kbx-space-2);min-height:var(--kbx-control-height);font-size:var(--kbx-font-sm);margin-left:auto;color:var(--kbx-color-text-muted)}.kbx-search-remember input{width:var(--kbx-checkbox-size);height:var(--kbx-checkbox-size);margin:0}.kbx-search-remember span{display:grid;gap:var(--kbx-space-1);color:var(--kbx-color-text)}.kbx-search-remember small{font-size:var(--kbx-font-xs);font-weight:400;color:var(--kbx-color-text-muted)}@media(max-width:64rem){.kbx-search-panel{grid-template-columns:1fr}.kbx-search-panel__actions{justify-content:flex-end}.kbx-search-panel__secondary{grid-column:1}}
 </style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxSectionHeader.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxSectionHeader.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxSectionHeader.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxSectionHeader.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxSelect.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxSelect.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxSelect.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxSelect.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxStatus.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxStatus.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxStatus.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxStatus.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxSummaryBar.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxSummaryBar.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxSummaryBar.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxSummaryBar.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxTabs.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxTabs.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxTabs.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxTabs.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxTemplateContextBar.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxTemplateContextBar.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxTemplateContextBar.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxTemplateContextBar.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxTemplateStateBoundary.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxTemplateStateBoundary.vue
similarity index 76%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxTemplateStateBoundary.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxTemplateStateBoundary.vue
index fa7e1143..0ec7c602 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxTemplateStateBoundary.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxTemplateStateBoundary.vue
@@ -2,7 +2,7 @@
 import type { KbxAsyncState } from '@kbx/contracts'
 import KbxDataState from './KbxDataState.vue'
 
-withDefaults(defineProps<{
+const props=withDefaults(defineProps<{
   state?: KbxAsyncState
   refreshing?: boolean
   idleTitle?: string
@@ -10,23 +10,25 @@ withDefaults(defineProps<{
   idleActionLabel?: string
   emptyTitle?: string
   emptyDetail?: string
+  emptyActionLabel?: string
   errorTitle?: string
   errorDetail?: string
   retryLabel?: string
+  errorRetryable?: boolean
 }>(), {
   state:'ready', refreshing:false,
   idleTitle:'조회 전입니다.', idleDetail:'조회조건을 확인한 후 조회하세요.', idleActionLabel:'',
-  emptyTitle:'', emptyDetail:'', errorTitle:'', errorDetail:'', retryLabel:'다시 조회',
+  emptyTitle:'', emptyDetail:'', emptyActionLabel:'', errorTitle:'', errorDetail:'', retryLabel:'다시 조회', errorRetryable:true,
 })
-const emit=defineEmits<{ retry:[]; idleAction:[] }>()
+const emit=defineEmits<{ retry:[]; idleAction:[]; emptyAction:[] }>()
 </script>
 
 <template>
   <div class="kbx-template-state" :data-template-state="state" :aria-busy="state==='loading' || refreshing">
     <KbxDataState v-if="state==='idle'" state="idle" :title="idleTitle" :detail="idleDetail" :action-label="idleActionLabel" @action="emit('idleAction')" />
     <KbxDataState v-else-if="state==='loading'" state="loading" />
-    <KbxDataState v-else-if="state==='empty'" state="empty" :title="emptyTitle" :detail="emptyDetail" />
-    <KbxDataState v-else-if="state==='error'" state="error" :title="errorTitle" :detail="errorDetail" :action-label="retryLabel" @action="emit('retry')" />
+    <KbxDataState v-else-if="state==='empty'" state="empty" :title="emptyTitle" :detail="emptyDetail" :action-label="emptyActionLabel" @action="emit('emptyAction')" />
+    <KbxDataState v-else-if="state==='error'" state="error" :title="errorTitle" :detail="errorDetail" :action-label="props.errorRetryable ? retryLabel : ''" @action="emit('retry')" />
     <template v-else>
       <div v-if="refreshing" class="kbx-template-state__refresh" role="status" aria-live="polite">최신 내용을 조회 중입니다. 현재 화면은 유지됩니다.</div>
       <slot />
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxTextField.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxTextField.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxTextField.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxTextField.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxTextarea.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxTextarea.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxTextarea.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxTextarea.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxToast.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxToast.vue
similarity index 63%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxToast.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxToast.vue
index e775e8e7..07653670 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxToast.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxToast.vue
@@ -2,4 +2,4 @@
 withDefaults(defineProps<{message:string;kind?:'success'|'info'|'warning';visible?:boolean}>(),{kind:'success',visible:true})
 </script>
 <template><div v-if="visible" class="kbx-toast" :data-kind="kind" role="status" aria-live="polite">{{message}}</div></template>
-<style scoped>.kbx-toast{display:inline-flex;max-width:420px;padding:8px 12px;border:1px solid var(--kbx-color-border);border-left:3px solid var(--kbx-color-success);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface);box-shadow:0 4px 12px rgba(16,24,40,.10);font-size:var(--kbx-font-sm)}.kbx-toast[data-kind="warning"]{border-left-color:var(--kbx-color-warning)}.kbx-toast[data-kind="info"]{border-left-color:var(--kbx-color-primary)}</style>
+<style scoped>.kbx-toast{display:inline-flex;max-width:420px;padding:8px 12px;border:1px solid var(--kbx-color-border);border-left:3px solid var(--kbx-color-success);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface);box-shadow:var(--kbx-shadow-overlay);font-size:var(--kbx-font-sm)}.kbx-toast[data-kind="warning"]{border-left-color:var(--kbx-color-warning)}.kbx-toast[data-kind="info"]{border-left-color:var(--kbx-color-primary)}</style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxTooltip.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxTooltip.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxTooltip.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxTooltip.vue
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxTransactionPage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxTransactionPage.vue
new file mode 100644
index 00000000..cc6d2e9b
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxTransactionPage.vue
@@ -0,0 +1,36 @@
+<script setup lang="ts">
+import type { KbxAsyncState, KbxAuditEntry, KbxConflictSnapshot, KbxProblem, KbxScreenDefinition, KbxSummaryItem, KbxTemplateContext, KbxValidationError, KbxWorkflowDefinition } from '@kbx/contracts'
+import KbxScreenFrame from './KbxScreenFrame.vue'
+import KbxValidationSummary from './KbxValidationSummary.vue'
+import KbxRecordLifecycle from './KbxRecordLifecycle.vue'
+import KbxTemplateContextBar from './KbxTemplateContextBar.vue'
+import KbxTemplateStateBoundary from './KbxTemplateStateBoundary.vue'
+import KbxSummaryBar from './KbxSummaryBar.vue'
+import KbxProblemFeedback from './KbxProblemFeedback.vue'
+import KbxSectionHeader from './KbxSectionHeader.vue'
+
+withDefaults(defineProps<{ screen:KbxScreenDefinition; status?:string; dirty?:boolean; version?:number; errors?:KbxValidationError[]; workflow?:KbxWorkflowDefinition; conflict?:KbxConflictSnapshot|null; problem?:KbxProblem|null; problemActionAllowlist?:readonly string[]; auditEntries?:KbxAuditEntry[]; can?:(permission:string)=>boolean; breadcrumb?:string; context?:KbxTemplateContext|null; contentState?:KbxAsyncState; refreshing?:boolean; errorRetryable?:boolean; summaryItems?:KbxSummaryItem[]; headerTitle?:string; headerDescription?:string; detailTitle?:string; detailDescription?:string; detailCount?:number }>(), { errors:()=>[], status:'', dirty:false, conflict:null, problem:null, problemActionAllowlist:()=>[], auditEntries:()=>[], context:null, contentState:'ready', refreshing:false, errorRetryable:true, summaryItems:()=>[], headerTitle:'업무정보', headerDescription:'', detailTitle:'상세내역', detailDescription:'' })
+const emit = defineEmits<{ command:[string]; transition:[string]; reloadConflict:[]; dismissConflict:[]; problemAction:[string]; retryProblem:[]; dismissProblem:[] }>()
+</script>
+
+<template>
+  <KbxScreenFrame expected-type="transaction" template-code="T03" :screen="screen" :status="status" :dirty="dirty" :can="can" :breadcrumb="breadcrumb" :suppress-default-utility="Boolean($slots.utility)" @command="emit('command',$event)">
+    <template #utility><slot name="utility" /></template>
+    <template #notice><KbxProblemFeedback v-if="problem" :problem="problem" :allowed-action-ids="problemActionAllowlist" @action="emit('problemAction',$event)" @retry="emit('retryProblem')" @dismiss="emit('dismissProblem')" /><slot name="notice" /></template>
+    <div v-if="errors.length" data-kbx-surface="validation"><KbxValidationSummary :errors="errors" /></div>
+    <KbxRecordLifecycle v-if="workflow || conflict || auditEntries.length || version!=null" data-kbx-surface="record-lifecycle" :status="status" :version="version" :workflow="workflow" :conflict="conflict" :audit-entries="auditEntries" :can="can" @transition="emit('transition',$event)" @reload-conflict="emit('reloadConflict')" @dismiss-conflict="emit('dismissConflict')" />
+    <div v-if="$slots.context || context" data-kbx-surface="context"><slot name="context"><KbxTemplateContextBar :context="context" /></slot></div>
+    <KbxTemplateStateBoundary :state="contentState" :refreshing="refreshing" :error-retryable="errorRetryable" @retry="emit('command','reload')">
+      <section class="kbx-transaction-page__header" :aria-label="headerTitle" data-kbx-surface="header-form"><slot name="header-heading"><KbxSectionHeader :title="headerTitle" :description="headerDescription" /></slot><div class="kbx-transaction-page__header-body"><slot name="header" /></div></section>
+      <section class="kbx-transaction-page__detail" :aria-label="detailTitle" data-kbx-surface="detail-grid"><slot name="detail-heading"><KbxSectionHeader :title="detailTitle" :count="detailCount" :description="detailDescription" /></slot><div class="kbx-transaction-page__detail-body"><slot name="detail" /></div></section>
+      <section v-if="$slots.workflow" class="kbx-transaction-page__workflow" data-kbx-surface="workflow"><slot name="workflow" /></section>
+      <section v-if="$slots.summary || summaryItems.length" class="kbx-transaction-page__summary" data-kbx-surface="summary"><slot name="summary"><KbxSummaryBar :items="summaryItems" align="end" /></slot></section>
+      <section v-if="$slots.audit" class="kbx-transaction-page__audit" data-kbx-surface="audit"><slot name="audit" /></section>
+    </KbxTemplateStateBoundary>
+    <div v-if="$slots.drawer" data-kbx-surface="drawer"><slot name="drawer" /></div>
+  </KbxScreenFrame>
+</template>
+
+<style scoped>
+.kbx-transaction-page__header,.kbx-transaction-page__detail{display:flex;flex-direction:column;border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface);box-shadow:var(--kbx-shadow-shell)}.kbx-transaction-page__header{border-top:calc(var(--kbx-border-width) * 2) solid var(--kbx-color-module-accent)}.kbx-transaction-page__header :deep(.kbx-section-header),.kbx-transaction-page__detail :deep(.kbx-section-header){padding:0 var(--kbx-space-3);background:var(--kbx-color-section-heading)}.kbx-transaction-page__header-body{display:flex;flex-direction:column;gap:var(--kbx-space-3);padding:var(--kbx-space-3)}.kbx-transaction-page__detail{min-height:var(--kbx-master-list-compact-width)}.kbx-transaction-page__detail-body{min-height:0;flex:1;padding:var(--kbx-space-2)}.kbx-transaction-page__workflow{border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-section-heading);padding:var(--kbx-space-2)}.kbx-transaction-page__summary{position:sticky;bottom:0;z-index:5;background:var(--kbx-color-surface);border-top:var(--kbx-border-width) solid var(--kbx-color-border)}.kbx-transaction-page__summary :deep(.kbx-summary-bar){border-top:0}.kbx-transaction-page__audit{border-top:var(--kbx-border-width) solid var(--kbx-color-border);padding-top:var(--kbx-space-2)}
+</style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxUserSuggestionPanel.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxUserSuggestionPanel.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxUserSuggestionPanel.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxUserSuggestionPanel.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxUtilityRail.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxUtilityRail.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxUtilityRail.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxUtilityRail.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxValidationSummary.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxValidationSummary.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxValidationSummary.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxValidationSummary.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxWorkQueuePage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxWorkQueuePage.vue
similarity index 58%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxWorkQueuePage.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxWorkQueuePage.vue
index 185437d3..167dbf24 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxWorkQueuePage.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxWorkQueuePage.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { KbxAsyncState, KbxScreenDefinition, KbxSummaryItem, KbxTemplateContext, KbxWorkQueueCounter } from '@kbx/contracts'
+import type { KbxAsyncState, KbxProblem, KbxScreenDefinition, KbxSummaryItem, KbxTemplateContext, KbxWorkQueueCounter } from '@kbx/contracts'
 import KbxQueuePage from './KbxQueuePage.vue'
 
 withDefaults(defineProps<{
@@ -10,15 +10,18 @@ withDefaults(defineProps<{
   context?:KbxTemplateContext|null
   contentState?:KbxAsyncState
   refreshing?:boolean
+  errorRetryable?:boolean
   summaryItems?:KbxSummaryItem[]
   exceptionCounters?:KbxWorkQueueCounter[]
   activeExceptionKey?:string|null
-}>(), { context:null, contentState:'ready', refreshing:false, summaryItems:()=>[], exceptionCounters:()=>[], activeExceptionKey:null })
-const emit=defineEmits<{ command:[string]; exceptionFilter:[string|null] }>()
+  problem?:KbxProblem|null
+  problemActionAllowlist?:readonly string[]
+}>(), { context:null, contentState:'ready', refreshing:false, errorRetryable:true, summaryItems:()=>[], exceptionCounters:()=>[], activeExceptionKey:null, problem:null, problemActionAllowlist:()=>[] })
+const emit=defineEmits<{ command:[string]; exceptionFilter:[string|null]; problemAction:[string]; retryProblem:[]; dismissProblem:[] }>()
 </script>
 
 <template>
-  <KbxQueuePage :screen="screen" :selection-count="selectionCount" :can="can" :breadcrumb="breadcrumb" :context="context" :content-state="contentState" :refreshing="refreshing" :summary-items="summaryItems" :exception-counters="exceptionCounters" :active-exception-key="activeExceptionKey" @command="emit('command',$event)" @exception-filter="emit('exceptionFilter',$event)">
+  <KbxQueuePage :screen="screen" :selection-count="selectionCount" :can="can" :breadcrumb="breadcrumb" :context="context" :content-state="contentState" :refreshing="refreshing" :error-retryable="errorRetryable" :summary-items="summaryItems" :exception-counters="exceptionCounters" :active-exception-key="activeExceptionKey" :problem="problem" :problem-action-allowlist="problemActionAllowlist" @command="emit('command',$event)" @exception-filter="emit('exceptionFilter',$event)" @problem-action="emit('problemAction',$event)" @retry-problem="emit('retryProblem')" @dismiss-problem="emit('dismissProblem')">
     <template v-if="$slots.utility" #utility><slot name="utility" /></template>
     <template v-if="$slots.notice" #notice><slot name="notice" /></template>
     <template v-if="$slots.search" #search><slot name="search" /></template>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxWorkflowBar.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxWorkflowBar.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/components/KbxWorkflowBar.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/components/KbxWorkflowBar.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/composables/useKbxDirtyState.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/composables/useKbxDirtyState.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/composables/useKbxDirtyState.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/composables/useKbxDirtyState.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/composables/useKbxImportProgress.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/composables/useKbxImportProgress.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/composables/useKbxImportProgress.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/composables/useKbxImportProgress.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/composables/useKbxShortcuts.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/composables/useKbxShortcuts.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/composables/useKbxShortcuts.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/composables/useKbxShortcuts.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/composables/useKbxValidation.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/composables/useKbxValidation.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/composables/useKbxValidation.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/composables/useKbxValidation.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/excel/importGuard.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/excel/importGuard.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/excel/importGuard.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/excel/importGuard.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/grid/editing.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/grid/editing.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/grid/editing.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/grid/editing.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/index.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/index.ts
similarity index 98%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/index.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/index.ts
index 3d0014e8..578f7748 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/index.ts
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/index.ts
@@ -35,6 +35,7 @@ export { default as KbxHelpPanel } from './components/KbxHelpPanel.vue'
 export * from './registry/screenRegistry'
 export * from './registry/componentManifest'
 export * from './theme/kbxGridTheme'
+export * from './theme/kbxTheme'
 export { default as KbxSearchPanel } from './components/KbxSearchPanel.vue'
 export { default as KbxExcelMenu } from './components/KbxExcelMenu.vue'
 export { default as KbxExcelImport } from './components/KbxExcelImport.vue'
@@ -52,6 +53,7 @@ export { default as KbxAiAssistant } from './components/KbxAiAssistant.vue'
 export { default as KbxUserSuggestionPanel } from './components/KbxUserSuggestionPanel.vue'
 export { default as KbxWorkflowBar } from './components/KbxWorkflowBar.vue'
 export { default as KbxRuntimeBanner } from './components/KbxRuntimeBanner.vue'
+export { default as KbxProblemFeedback } from './components/KbxProblemFeedback.vue'
 export { default as KbxFreshnessIndicator } from './components/KbxFreshnessIndicator.vue'
 export { default as KbxConflictResolver } from './components/KbxConflictResolver.vue'
 export { default as KbxOperationCenter } from './components/KbxOperationCenter.vue'
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/keyboard/manager.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/keyboard/manager.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/keyboard/manager.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/keyboard/manager.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/lookup/registry.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/lookup/registry.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/lookup/registry.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/lookup/registry.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/permission/host.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/permission/host.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/permission/host.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/permission/host.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/registry/componentManifest.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/registry/componentManifest.ts
similarity index 76%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/registry/componentManifest.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/registry/componentManifest.ts
index bb7a60e1..d0eba02e 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/registry/componentManifest.ts
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/registry/componentManifest.ts
@@ -4,50 +4,51 @@ export const kbxComponentManifest: KbxComponentManifestEntry[] = [
   { name: 'KbxButton', category: 'primitive', purpose: '표준 업무 명령 버튼', owner: 'KBX', version: '1.0.0' },
   { name: 'KbxTextField', category: 'primitive', purpose: '표준 문자열 입력', owner: 'KBX', version:'1.1.0' },
   { name: 'KbxDateField', category: 'primitive', purpose: '키보드 직접입력을 포함한 날짜 입력', owner: 'KBX', version: '1.1.0' },
-  { name: 'KbxLookup', category: 'business', purpose: '비동기 race/error 복구와 코드/명칭 기반 업무 엔터티 선택', keyboard: ['F2', 'Enter', 'Esc'], owner: 'KBX', version: '1.3.0' },
+  { name: 'KbxLookup', category: 'business', purpose: '비동기 race/error 복구와 코드/명칭 기반 업무 엔터티 선택', keyboard: ['F2', 'Enter', 'Esc'], owner: 'KBX', version: '1.4.0' },
   { name: 'KbxLookupDialog', category: 'business', purpose: 'Provider 오류·Empty·Pagination·Keyboard 선택을 표준화한 Lookup Dialog', keyboard: ['ArrowUp', 'ArrowDown', 'Enter', 'Esc'], owner: 'KBX', version: '1.1.0' },
-  { name: 'KbxSearchPanel', category: 'business', purpose: '조회조건의 고정 배치와 상세조건 확장', keyboard: ['Enter'], owner: 'KBX', version: '1.3.0' },
-  { name: 'KbxCommandBar', category: 'business', purpose: 'Permission Host·선택·업무상태·Dirty 조건을 반영해 명령을 고정 배치', keyboard: ['F3', 'F8'], owner: 'KBX', version: '1.3.0' },
-  { name: 'KbxDataGrid', category: 'business', purpose: '조회·편집·대량처리용 업무 Grid', keyboard: ['Enter', 'Tab', 'Shift+Tab', 'Ctrl+C', 'Ctrl+V', 'F2'], owner: 'KBX', version: '1.4.0' },
+  { name: 'KbxSearchPanel', category: 'business', purpose: '조회조건의 고정 배치·상세조건·안전한 사용자별 기본/최근조건 기억', keyboard: ['Enter'], accessibility:['기억옵션 명시','민감 자유검색어 저장 제외 가능'], owner: 'KBX', version: '1.4.0' },
+  { name: 'KbxCommandBar', category: 'business', purpose: 'Permission Host·선택·업무상태·Dirty 조건과 표준 Excel 메뉴를 반영해 명령을 고정 배치', keyboard: ['F3', 'F8'], owner: 'KBX', version: '1.4.0' },
+  { name: 'KbxDataGrid', category: 'business', purpose: '조회·편집·대량처리용 업무 Grid', keyboard: ['Enter', 'Tab', 'Shift+Tab', 'Ctrl+C', 'Ctrl+V', 'F2'], owner: 'KBX', version: '1.5.0' },
   { name: 'KbxFormSection', category: 'business', purpose: 'Token 기반 Section heading·description·action 영역을 제공하는 Master/Transaction 입력 Section', owner: 'KBX', version: '1.1.0' },
   { name: 'KbxFormGrid', category: 'business', purpose: 'Desktop 2-column·좁은 화면 1-column 전환을 표준화하는 Form layout', owner:'KBX', version:'1.0.0' },
   { name: 'KbxFormSpan', category: 'business', purpose: '주소·비고 등 관계상 넓게 보여야 하는 Field의 명시적 full-span layout', owner:'KBX', version:'1.0.0' },
   { name: 'KbxValidationSummary', category: 'business', purpose: '저장 실패 입력 오류의 요약 및 이동', owner: 'KBX', version: '1.0.1' },
   { name: 'KbxStatus', category: 'business', purpose: 'Domain 상태를 일관된 semantic 상태로 표시', owner: 'KBX', version: '1.0.0' },
   { name: 'KbxHelpPanel', category: 'business', purpose: '화면 목적·사용순서·단축키·주의사항 도움말', owner: 'KBX', version: '1.0.0' },
-  { name: 'KbxListPage', category: 'template', purpose: '조회 전·조회·재조회·Empty/Error 복구와 Search·Quick Filter·Grid·Summary를 고정한 조회형 표준 화면', owner: 'KBX', version: '1.6.0' },
-  { name: 'KbxTransactionPage', category: 'template', purpose: 'Header/Detail·Context·Lifecycle·Summary를 결합한 거래형 표준 화면', owner: 'KBX', version: '1.6.0' },
-  { name: 'KbxMasterPage', category: 'template', purpose: '조회 전 상태·목록/상세·Tabs·Context·Dirty/Conflict/Audit Lifecycle을 결합한 기준정보 표준 화면', owner: 'KBX', version: '1.6.0' },
-  { name: 'KbxMasterDetailPage', category: 'template', purpose: '조회 전·재조회 Context를 보존하며 Master·Detail·이력·Drawer를 함께 탐색하는 표준 화면', owner: 'KBX', version: '1.6.0' },
-  { name: 'KbxWmsMobilePage', category: 'wms', purpose: 'Template/Permission/Network 경계를 포함한 PDA·Scanner 현장 작업 Shell', owner: 'KBX', version: '1.5.0' },
+  { name: 'KbxListPage', category: 'template', purpose: '조회 전·조회·재조회·Empty/Error 복구와 오류별 Retry 가능 여부·Search·Quick Filter·Grid·Summary를 고정한 조회형 표준 화면', owner: 'KBX', version: '1.9.0' },
+  { name: 'KbxTransactionPage', category: 'template', purpose: 'Header/Detail·Context·Lifecycle·Summary·Actionable Problem과 오류별 Retry 가능 여부를 결합한 거래형 표준 화면', owner: 'KBX', version: '1.8.0' },
+  { name: 'KbxMasterPage', category: 'template', purpose: '조회 전 상태·목록/상세·Tabs·Context·Dirty/Conflict/Audit·Actionable Problem과 오류별 Retry 가능 여부를 결합한 기준정보 표준 화면', owner: 'KBX', version: '1.8.0' },
+  { name: 'KbxMasterDetailPage', category: 'template', purpose: '조회 전·재조회 Context와 Actionable Problem·오류별 Retry 가능 여부를 보존하며 Master·Detail·이력·Drawer를 함께 탐색하는 표준 화면', owner: 'KBX', version: '1.8.0' },
+  { name: 'KbxWmsMobilePage', category: 'wms', purpose: 'Template/Permission/Network/Loading·Error Recovery·Retry 가능 여부와 입력 차단 시 Action footer 억제를 포함한 PDA·Scanner 현장 작업 Shell', owner: 'KBX', version: '1.8.0' },
   { name: 'KbxBarcodeCapture', category: 'wms', purpose: 'Keyboard-wedge/Camera/수동 입력과 bounded buffer·짧은 중복 debounce를 표준화', keyboard: ['Enter','Esc'], owner: 'KBX', version: '1.1.0' },
   { name: 'KbxNetworkIndicator', category: 'wms', purpose: '현장 네트워크 및 대기 Command 상태 표시', owner: 'KBX', version: '1.0.0' },
   { name: 'KbxWmsActionButton', category: 'wms', purpose: '장갑/터치 환경용 주요 업무 CTA', owner: 'KBX', version: '1.1.0' },
-  { name: 'KbxExcelMenu', category: 'business', purpose: '업무 화면의 Excel 다운로드·업로드 진입점', owner: 'KBX', version: '1.0.0' },
+  { name: 'KbxExcelMenu', category: 'business', purpose: 'Arrow/Esc/Focus 복구를 포함한 Excel 다운로드·양식·업로드·붙여넣기·이력 표준 메뉴', keyboard:['ArrowUp','ArrowDown','Home','End','Esc'], owner: 'KBX', version: '1.1.0' },
   { name: 'KbxExcelImport', category: 'business', purpose: '파일 preflight·1:1 매핑·검증·반영 확인·부분실패 복구를 포함한 Excel Import 흐름', owner: 'KBX', version: '1.1.0' },
   { name: 'KbxJobProgress', category: 'business', purpose: 'Hangfire 장시간 작업 진행상태 표시', owner: 'KBX', version: '1.0.0' },
-  { name: 'KbxImportPage', category: 'template', purpose: 'Progress·Context·Import Content·Result를 고정한 Excel Import 표준 화면', owner: 'KBX', version: '1.4.0' },
+  { name: 'KbxImportPage', category: 'template', purpose: 'Progress·Context·Import Content·Result·Actionable Problem·오류별 Retry 가능 여부를 고정한 Excel Import 표준 화면', owner: 'KBX', version: '1.6.0' },
   { name: 'KbxExceptionCenter', category: 'business', purpose: '예외 요약·목록·상세·안전한 후속 Action을 결합한 운영 컴포넌트', owner: 'KBX', version: '1.0.0' },
   { name: 'KbxExceptionSummary', category: 'business', purpose: '업무 예외 유형별 건수와 빠른 필터', owner: 'KBX', version: '1.0.1' },
   { name: 'KbxExceptionDetailDrawer', category: 'business', purpose: '표준 Drawer·Permission Host로 예외 원인·대상·후속 Action을 안전하게 처리', keyboard: ['Esc'], owner: 'KBX', version: '1.1.0' },
-  { name: 'KbxWorkQueuePage', category: 'template', purpose: '사용자가 지금 처리해야 할 업무와 예외를 우선하는 Queue 호환 화면', owner: 'KBX', version: '1.4.0' },
-  { name: 'KbxReconcilePage', category: 'template', purpose: '조회 전·재조회·Expected/Actual/Difference·Resolution·Audit 기반 정합성 대사 화면', owner: 'KBX', version: '1.5.0' },
+  { name: 'KbxWorkQueuePage', category: 'template', purpose: '예외 업무 처리와 실패 복구·오류별 Retry 가능 여부를 우선하는 Queue 호환 화면', owner: 'KBX', version: '1.6.0' },
+  { name: 'KbxReconcilePage', category: 'template', purpose: 'Expected/Actual/Difference·Resolution·Audit·Actionable Problem·오류별 Retry 가능 여부 기반 정합성 대사 화면', owner: 'KBX', version: '1.7.0' },
   { name: 'KbxUtilityRail', category: 'business', purpose: '도움말·AI 오류복구·사용자 제안을 동일한 우측 보조영역에 통합', keyboard: ['Esc'], owner: 'KBX', version: '1.2.0' },
   { name: 'KbxAiAssistant', category: 'business', purpose: 'Capability/Permission guard와 오류 재질문을 포함한 현재 화면 기반 AI 보조', owner: 'KBX', version: '1.1.0' },
   { name: 'KbxUserSuggestionPanel', category: 'business', purpose: '현재 화면 맥락을 포함한 저마찰 사용자 개선 제안', owner: 'KBX', version: '1.0.0' },
   { name: 'KbxRuntimeBanner', category: 'business', purpose: '장애·읽기전용·오프라인 등 현재 운영모드를 화면 상단에 명확히 표시', owner: 'KBX', version: '1.0.0' },
+  { name: 'KbxProblemFeedback', category: 'business', purpose: '업무규칙·권한·검증·외부연계·시스템 Problem을 다음 행동과 함께 인라인 표시', accessibility:['색상 외 문제 유형 텍스트','검증 오류 요약','참조번호','재시도/닫기 명시적 Action'], owner:'KBX', version:'1.1.0' },
   { name: 'KbxFreshnessIndicator', category: 'business', purpose: '조회 데이터의 관측시각과 stale 여부를 표시하고 재조회를 제공', owner: 'KBX', version: '1.0.0' },
   { name: 'KbxConflictResolver', category: 'business', purpose: '낙관적 동시성 충돌 시 내 화면과 최신 값을 비교하고 안전하게 다시 읽기', owner: 'KBX', version: '1.0.0' },
-  { name: 'KbxOperationCenter', category: 'business', purpose: 'Excel·대량처리·연계 등 장시간 작업의 진행률과 결과를 지속적으로 표시', owner: 'KBX', version: '1.0.0' },
-  { name: 'KbxNotificationCenter', category: 'business', purpose: '사용자가 확인해야 할 완료·부분실패·운영 알림을 비차단 방식으로 제공', owner: 'KBX', version: '1.0.0' },
+  { name: 'KbxOperationCenter', category: 'business', purpose: 'Excel·대량처리·연계 등 장시간 작업의 진행률·결과와 Home에서 지정한 대상 작업 Focus를 지속적으로 표시', accessibility:['active operation focus','aria-current'], owner: 'KBX', version: '1.1.0' },
+  { name: 'KbxNotificationCenter', category: 'business', purpose: '완료·부분실패·운영 알림을 비차단 방식으로 제공하고 Home 대상 알림을 직접 Focus', accessibility:['active notification focus','aria-current'], owner: 'KBX', version: '1.1.0' },
   { name: 'KbxRecordLifecycle', category: 'business', purpose: 'Version·Workflow·Conflict·Audit를 하나의 재사용 가능한 레코드 생명주기 영역으로 통합', owner:'KBX', version:'1.0.0' },
   { name: 'KbxWorkflowBar', category: 'business', purpose: 'Permission Host를 반영해 현재 업무상태·표준 상태흐름·허용 전이를 한 위치에서 표현', owner: 'KBX', version: '1.1.0' },
-  { name: 'KbxGlobalHeader', category: 'shell', purpose: '제품·실제 Module Selector·메뉴검색·운영알림·사용자 Action을 고정 배치하는 전역 Header', keyboard: ['Ctrl+K'], owner: 'KBX', version: '1.3.0' },
-  { name: 'KbxSideNavigation', category: 'shell', purpose: 'Header와 동기화된 모듈 전환·검색·즐겨찾기·최근메뉴·2단계 업무메뉴 탐색', owner: 'KBX', version: '1.3.0' },
-  { name: 'KbxWorkspaceTabs', category: 'shell', purpose: '키보드 이동·Dirty·Pin·Overflow를 가진 다중 업무 Workspace Tab', keyboard:['ArrowLeft','ArrowRight','Home','End'], owner: 'KBX', version: '1.2.0' },
+  { name: 'KbxGlobalHeader', category: 'shell', purpose: '제품·실제 Module Selector·메뉴검색·운영알림·사용자 Action을 고정 배치하는 전역 Header', keyboard: ['Ctrl+K'], owner: 'KBX', version: '1.4.0' },
+  { name: 'KbxSideNavigation', category: 'shell', purpose: 'Header와 동기화된 모듈 전환·검색·즐겨찾기·최근메뉴·2단계 업무메뉴 탐색', owner: 'KBX', version: '1.3.1' },
+  { name: 'KbxWorkspaceTabs', category: 'shell', purpose: '키보드 roving focus·Dirty·Pin·안전한 세션 복원 표시·Overflow를 가진 다중 업무 Workspace Tab', keyboard:['ArrowLeft','ArrowRight','Home','End'], owner: 'KBX', version: '1.3.0' },
   { name: 'KbxMenuSearch', category: 'shell', purpose: '즐겨찾기·최근업무 우선순위와 메뉴명·화면코드·업무 키워드를 결합하고 Focus를 복원하는 메뉴검색', keyboard: ['ArrowUp', 'ArrowDown', 'Enter', 'Esc'], owner: 'KBX', version: '1.3.0' },
-  { name: 'KbxApplicationShell', category: 'shell', purpose: 'Global Header·Module Navigation·Workspace Tabs·Skip Navigation·업무영역과 사용자 Action 전달을 통합하는 Application Shell', owner: 'KBX', version: '1.5.0' },
-  { name: 'KbxUnsavedChangesDialog', category: 'shell', purpose: 'Workspace 이동·종료 시 미저장 변경의 유지·폐기·저장후이동을 표준화', keyboard: ['Esc'], owner: 'KBX', version: '1.0.0' },
+  { name: 'KbxApplicationShell', category: 'shell', purpose: 'Global Header·Module Navigation·Workspace Tabs·Skip Navigation·업무영역과 사용자 Action 전달을 통합하는 Application Shell', owner: 'KBX', version: '1.6.0' },
+  { name: 'KbxUnsavedChangesDialog', category: 'shell', purpose: 'Workspace 이동·종료 시 미저장 변경의 유지·폐기·저장후이동을 표준화', keyboard: ['Esc', 'Tab', 'Shift+Tab'], owner: 'KBX', version: '1.1.0' },
 
   { name: 'KbxInput', category: 'primitive', purpose: '표준 문자열 입력의 canonical API', allowedUse:['업무 문자열 입력'], forbiddenUse:['숫자·금액·수량 입력'], accessibility:['명시적 label 연결','error aria-describedby','focus-visible'], owner:'KBX', version:'1.2.0' },
   { name: 'KbxNumberField', category: 'primitive', purpose: '숫자 입력·표시 형식을 분리한 공통 숫자 입력', allowedUse:['integer','decimal'], forbiddenUse:['금액 의미를 직접 표현'], accessibility:['label','aria-invalid'], owner:'KBX', version:'1.1.0' },
@@ -64,8 +65,8 @@ export const kbxComponentManifest: KbxComponentManifestEntry[] = [
   { name: 'KbxAuditTrail', category: 'business', purpose: '사용자 관점의 변경 전·후·행위자·사유 이력 표시', owner:'KBX', version:'1.0.0' },
   { name: 'KbxProposalPanel', category: 'business', purpose: 'Permission·Server validation 상태를 확인한 뒤 AI 변경안을 승인하는 공통 패턴', owner:'KBX', version:'1.1.0' },
   { name: 'KbxAiPanel', category: 'business', purpose: 'KbxAiAssistant 오류·화면명 계약을 포함하는 표준 명칭 호환 API', owner:'KBX', version:'1.1.0' },
-  { name: 'KbxFastEntryPage', category: 'template', purpose: 'Enter·Paste·Fill Down·Context 중심 대량 행 입력 화면', keyboard:['Enter','Tab','Shift+Tab','F2','Ctrl+V','Ctrl+D'], owner:'KBX', version:'1.7.0' },
-  { name: 'KbxQueuePage', category: 'template', purpose: '조회 전·예외 우선 Work Summary·Context·Queue·Quick Action 표준 Template', owner:'KBX', version:'1.6.0' },
+  { name: 'KbxFastEntryPage', category: 'template', purpose: 'Enter·Paste·Fill Down·Validation·Actionable Problem·오류별 Retry 가능 여부 중심 대량 행 입력 화면', keyboard:['Enter','Tab','Shift+Tab','F2','Ctrl+V','Ctrl+D'], owner:'KBX', version:'1.9.0' },
+  { name: 'KbxQueuePage', category: 'template', purpose: '예외 우선 Work Summary·Context·Queue·Quick Action과 업무별 Empty/Error·Retry 가능 여부를 통제하는 표준 Template', owner:'KBX', version:'1.9.0' },
   { name: 'KbxMaskedValue', category: 'business', purpose: '민감정보의 기본 마스킹·권한 기반 전체보기 진입점을 표준화', allowedUse:['개인정보·민감 업무값 표시'], forbiddenUse:['권한검증 없이 원문 노출'], accessibility:['전체보기/가리기 명시적 텍스트 Action'], owner:'KBX', version:'1.0.0' },
   { name: 'KbxIntegrationState', category: 'business', purpose: 'Business State와 분리된 외부연계 대기·재시도·완료·실패 상태를 사용자에게 설명', allowedUse:['Outbox/외부 API 연계 상태'], forbiddenUse:['Domain 업무상태 대체'], accessibility:['색상 외 상태 텍스트','상세/재처리 명시적 Action'], owner:'KBX', version:'1.0.0' },
   { name: 'KbxDataProvenance', category: 'business', purpose: '외부 데이터의 출처·기준시각·수신시각·정규화 버전·stale 상태를 재현 가능하게 표시', allowedUse:['KRX/OPENDART/KIS 등 외부 Read Model'], forbiddenUse:['외부 데이터를 Domain Truth로 표현'], accessibility:['색상 외 freshness 상태 텍스트','재조회 명시적 Action'], owner:'KBX', version:'1.0.0' },
@@ -78,10 +79,10 @@ export const kbxComponentManifest: KbxComponentManifestEntry[] = [
   { name: 'KbxBarcodeField', category: 'business', purpose: 'Desktop 업무 Form의 바코드 문자열 입력과 정규화', owner:'KBX', version:'1.1.0' },
   { name: 'KbxSectionHeader', category: 'business', purpose: 'Form·Detail Grid Section의 제목·건수·보조 Action 위치 표준화', owner:'KBX', version:'1.0.0' },
   { name: 'KbxQuickFilterBar', category: 'business', purpose: '현재 조회결과 KPI를 즉시 필터로 전환하는 Actionable Summary', owner:'KBX', version:'1.0.0' },
-  { name: 'KbxDataState', category: 'business', purpose: 'Idle·Loading·Empty·Error 상태와 복구 Action을 공통 표현', allowedUse:['조회·Grid·비동기 업무 상태'], forbiddenUse:['업무 오류를 Toast로 대체'], accessibility:['aria-busy','error role alert','명시적 복구 Action'], owner:'KBX', version:'1.1.0' },
-  { name: 'KbxTemplateStateBoundary', category: 'business', purpose: '표준 Template의 Idle·Loading·Empty·Error·Refreshing 상태와 조회 복구 Action을 Context 손실 없이 통합', allowedUse:['T01~T09 주요 업무 Surface'], forbiddenUse:['Domain 업무 오류를 단순 Empty/Error로 축약'], accessibility:['aria-busy','live refresh status','explicit retry'], owner:'KBX', version:'1.1.0' },
+  { name: 'KbxDataState', category: 'business', purpose: 'Idle·Loading·Empty·Error 상태와 복구 Action을 공통 표현', allowedUse:['조회·Grid·비동기 업무 상태'], forbiddenUse:['업무 오류를 Toast로 대체'], accessibility:['aria-busy','error role alert','명시적 복구 Action'], owner:'KBX', version:'1.1.1' },
+  { name: 'KbxTemplateStateBoundary', category: 'business', purpose: '표준 Template의 Idle·Loading·Empty·Error·Refreshing 상태와 오류별 Retry 가능 여부를 Context 손실 없이 통합', allowedUse:['T01~T09 주요 업무 Surface'], forbiddenUse:['Domain 업무 오류를 단순 Empty/Error로 축약'], accessibility:['aria-busy','live refresh status','explicit retry','non-retryable error'], owner:'KBX', version:'1.3.0' },
   { name: 'KbxSummaryBar', category: 'business', purpose: '조회건수·선택건수·수량·금액 등 화면 하단 요약의 고정 표현', owner:'KBX', version:'1.0.0' },
-  { name: 'KbxHomePage', category: 'shell', purpose: '미저장·실패 작업·중요 알림을 우선하고 같은 우선순위는 최신 발생 순으로 정렬하며 overflow 전체 건수까지 정확히 제공하는 안전한 Home Workbench', keyboard:['Ctrl+K'], owner:'KBX', version:'1.7.0' },
+  { name: 'KbxHomePage', category: 'shell', purpose: '미저장·실패·중요 알림과 복원 업무를 우선 제공하고 Attention 상한 이후 항목을 작업/알림 센터로 정확히 연결하는 Home Workbench', keyboard:['Ctrl+K'], owner:'KBX', version:'1.10.0' },
   { name: 'KbxAccessDenied', category: 'shell', purpose: '직접 URL 접근을 포함한 Frontend 권한 거부 상태와 화면 정보 비노출 secure-default 복구', owner:'KBX', version:'1.2.0' },
   { name: 'KbxRouteNotFound', category: 'shell', purpose: '등록되지 않은 딥링크를 안전한 메뉴검색/Home 흐름으로 복구', owner:'KBX', version:'1.0.0' },
   { name: 'KbxTemplateContextBar', category: 'template', purpose: 'T01~T08의 조회건수·선택·오류·기준시각 등 업무 문맥을 동일 위치에 표현', owner:'KBX', version:'1.0.0' },
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/registry/screenRegistry.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/registry/screenRegistry.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/registry/screenRegistry.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/registry/screenRegistry.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/registry/templateManifest.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/registry/templateManifest.ts
similarity index 94%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/registry/templateManifest.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/registry/templateManifest.ts
index 908b08e9..c88f5c80 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/registry/templateManifest.ts
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/registry/templateManifest.ts
@@ -8,11 +8,11 @@ export const kbxTemplateManifest:KbxTemplateManifestEntry[]=[
   {code:'T01',type:'list',component:'KbxListPage',purpose:'조회·선택·대량처리',requiredSurfaces:['page-header','command-bar','search','content/grid','summary'],optionalSurfaces:['quick-filter','context','bulk-action','detail-drawer'],keyboard:['F3','Ctrl+F'],referenceScreens:['OMS-ORD-001'],defaultDensity:'compact',runtimeStates:[...commonStates],stateCapabilities:['idle','loading','refreshing','empty','error','permission'],utilitySurfaces:[...desktopUtilities],accessibility:[...commonA11y],coreComponents:['KbxSearchPanel','KbxDataGrid','KbxSummaryBar','KbxBulkActionBar'],completionChecks:['조회조건 4~6개 우선 노출','재조회 Context 유지','대량선택 의미 명시','Empty/Error 복구 Action','Drawer 상세로 목록 Context 유지']},
   {code:'T02',type:'master',component:'KbxMasterPage',purpose:'기준정보 목록·상세 CRUD',requiredSurfaces:['page-header','command-bar','detail','record-lifecycle'],optionalSurfaces:['master-list','context','tabs','audit','drawer'],keyboard:['F2','F8','Ctrl+S'],referenceScreens:['ERP-MST-ITEM-001'],defaultDensity:'compact',runtimeStates:[...commonStates],stateCapabilities:['idle','loading','refreshing','empty','error','permission','dirty','conflict'],utilitySurfaces:[...desktopUtilities],accessibility:[...commonA11y],coreComponents:['KbxFormSection','KbxFormGrid','KbxRecordLifecycle','KbxAuditTrail'],completionChecks:['Desktop 기본 2-column Form','신규/수정 권한 분리','Readonly/Disabled 구분','Version 충돌 복구','변경이력 연결']},
   {code:'T03',type:'transaction',component:'KbxTransactionPage',purpose:'Header+Detail 거래 등록·수정',requiredSurfaces:['page-header','command-bar','header-form','detail-grid','summary','record-lifecycle'],optionalSurfaces:['context','workflow','audit','drawer'],keyboard:['F2','F8','Ctrl+S','Enter'],referenceScreens:['OMS-ORD-002','ERP-PUR-001','ERP-INV-MOVE-001'],defaultDensity:'compact',runtimeStates:[...commonStates],stateCapabilities:['loading','refreshing','error','permission','dirty','conflict','validation'],utilitySurfaces:[...desktopUtilities],accessibility:[...commonA11y],coreComponents:['KbxFormSection','KbxFormGrid','KbxDataGrid','KbxSummaryBar','KbxRecordLifecycle'],completionChecks:['Header 2-column Form','Header→Detail Focus 흐름','Dirty 상태에서 위험 Workflow 차단','서버 재검증','Optimistic Concurrency 복구']},
-  {code:'T04',type:'fast-entry',component:'KbxFastEntryPage',purpose:'대량 행 입력·붙여넣기',requiredSurfaces:['page-header','command-bar','keyboard-guide','editable-grid','validation','summary'],optionalSurfaces:['context','bulk-action'],keyboard:['Enter','Tab','F2','Ctrl+V','Ctrl+D'],referenceScreens:['ERP-PRICE-001'],defaultDensity:'compact',runtimeStates:[...commonStates],stateCapabilities:['loading','refreshing','error','permission','dirty','validation'],utilitySurfaces:[...desktopUtilities],accessibility:[...commonA11y],coreComponents:['KbxDataGrid','KbxValidationSummary','KbxSummaryBar','KbxLookupDialog'],completionChecks:['다중 Cell Paste 정규화','Fill Down/행 복제','오류 셀 이동','Idempotent Bulk Save','서버 대량 Validation']},
-  {code:'T05',type:'master-detail',component:'KbxMasterDetailPage',purpose:'Master 선택 Context 유지 Detail 탐색',requiredSurfaces:['page-header','search','master','detail'],optionalSurfaces:['context','bottom/history','summary','drawer'],keyboard:['F3','Enter'],referenceScreens:['ERP-INV-001'],defaultDensity:'compact',runtimeStates:[...commonStates],stateCapabilities:['idle','loading','refreshing','empty','error','permission'],utilitySurfaces:[...desktopUtilities],accessibility:[...commonA11y],coreComponents:['KbxSearchPanel','KbxDataGrid','KbxTemplateContextBar','KbxDrawer'],completionChecks:['Master 선택 Context 유지','재조회 후 선택 복원','Detail N+1 방지','Drill-down 근거 제공','Drawer로 조회 Context 유지']},
-  {code:'T06',type:'queue',component:'KbxQueuePage',purpose:'지금 처리할 업무·예외 우선 Queue',requiredSurfaces:['page-header','command-bar','work-summary','queue/content'],optionalSurfaces:['search','exceptions','context','bulk-action','detail'],keyboard:['F3','Enter'],referenceScreens:['WMS-WORK-001','COMMON-OPS-001'],defaultDensity:'compact',runtimeStates:[...commonStates],stateCapabilities:['idle','loading','refreshing','empty','error','permission'],utilitySurfaces:[...desktopUtilities],accessibility:[...commonA11y],coreComponents:['KbxExceptionSummary','KbxDataGrid','KbxBulkActionBar','KbxExceptionDetailDrawer'],completionChecks:['정상건보다 예외 우선','SLA/지연 식별','부분성공 결과','재처리/해결 Action','예외 처리 Audit']},
-  {code:'T07',type:'reconcile',component:'KbxReconcilePage',purpose:'Expected/Actual/Difference 정합성 비교·해결',requiredSurfaces:['page-header','criteria/search','summary','comparison-grid'],optionalSurfaces:['filters','context','resolution-action','audit','detail'],keyboard:['F3','Enter'],referenceScreens:['COMMON-REC-001'],defaultDensity:'compact',runtimeStates:[...commonStates],stateCapabilities:['idle','loading','refreshing','empty','error','permission'],utilitySurfaces:[...desktopUtilities],accessibility:[...commonA11y],coreComponents:['KbxSearchPanel','KbxDataGrid','KbxSummaryBar','KbxAuditTrail'],completionChecks:['Expected/Actual/Difference 동시 제공','불일치만 필터','원인/해결상태 제공','해결 Action 권한 검증','Audit 연결']},
-  {code:'T08',type:'import',component:'KbxImportPage',purpose:'파일→매핑→검증→반영 Import',requiredSurfaces:['page-header','progress-steps','import-content','result'],optionalSurfaces:['context','job-progress','footer'],keyboard:['Enter','Esc'],referenceScreens:['OMS-ORD-003'],defaultDensity:'compact',runtimeStates:[...commonStates],stateCapabilities:['loading','refreshing','error','permission','validation','job'],utilitySurfaces:[...desktopUtilities],accessibility:[...commonA11y],coreComponents:['KbxProgressSteps','KbxExcelImport','KbxValidationSummary','KbxJobProgress'],completionChecks:['파일→매핑→검증→반영 단계 고정','Staging 후 Commit','오류행 다운로드','부분성공 정책 명시','대량 작업 Job 복구']},
+  {code:'T04',type:'fast-entry',component:'KbxFastEntryPage',purpose:'대량 행 입력·붙여넣기',requiredSurfaces:['page-header','command-bar','keyboard-guide','editable-grid','validation','summary'],optionalSurfaces:['context','bulk-action'],keyboard:['Enter','Tab','F2','Ctrl+V','Ctrl+D'],referenceScreens:['ERP-PRICE-001'],defaultDensity:'compact',runtimeStates:[...commonStates],stateCapabilities:['loading','refreshing','error','permission','dirty','validation'],utilitySurfaces:[...desktopUtilities],accessibility:[...commonA11y],coreComponents:['KbxDataGrid','KbxValidationSummary','KbxSummaryBar','KbxLookupDialog'],completionChecks:['다중 Cell Paste 정규화','Fill Down/행 복제','오류 셀 이동','Idempotent Bulk Save','서버 대량 Validation','저장 Command 실패 시 Context 유지·재시도']},
+  {code:'T05',type:'master-detail',component:'KbxMasterDetailPage',purpose:'Master 선택 Context 유지 Detail 탐색',requiredSurfaces:['page-header','search','master','detail'],optionalSurfaces:['context','bottom/history','summary','drawer'],keyboard:['F3','Enter'],referenceScreens:['ERP-INV-001'],defaultDensity:'compact',runtimeStates:[...commonStates],stateCapabilities:['idle','loading','refreshing','empty','error','permission'],utilitySurfaces:[...desktopUtilities],accessibility:[...commonA11y],coreComponents:['KbxSearchPanel','KbxDataGrid','KbxTemplateContextBar','KbxDrawer'],completionChecks:['Master 선택 Context 유지','재조회 후 선택 복원','Detail N+1 방지','Drill-down 근거 제공','Drawer로 조회 Context 유지','업무 Action 실패 시 인라인 Problem 복구']},
+  {code:'T06',type:'queue',component:'KbxQueuePage',purpose:'지금 처리할 업무·예외 우선 Queue',requiredSurfaces:['page-header','command-bar','work-summary','queue/content'],optionalSurfaces:['search','exceptions','context','bulk-action','detail'],keyboard:['F3','Enter'],referenceScreens:['WMS-WORK-001','COMMON-OPS-001'],defaultDensity:'compact',runtimeStates:[...commonStates],stateCapabilities:['idle','loading','refreshing','empty','error','permission'],utilitySurfaces:[...desktopUtilities],accessibility:[...commonA11y],coreComponents:['KbxExceptionSummary','KbxDataGrid','KbxBulkActionBar','KbxExceptionDetailDrawer'],completionChecks:['정상건보다 예외 우선','SLA/지연 식별','부분성공 결과','재처리/해결 Action','예외 처리 Audit','배정/해결 실패 시 현재 Queue Context 유지']},
+  {code:'T07',type:'reconcile',component:'KbxReconcilePage',purpose:'Expected/Actual/Difference 정합성 비교·해결',requiredSurfaces:['page-header','criteria/search','summary','comparison-grid'],optionalSurfaces:['filters','context','resolution-action','audit','detail'],keyboard:['F3','Enter'],referenceScreens:['COMMON-REC-001'],defaultDensity:'compact',runtimeStates:[...commonStates],stateCapabilities:['idle','loading','refreshing','empty','error','permission'],utilitySurfaces:[...desktopUtilities],accessibility:[...commonA11y],coreComponents:['KbxSearchPanel','KbxDataGrid','KbxSummaryBar','KbxAuditTrail'],completionChecks:['Expected/Actual/Difference 동시 제공','불일치만 필터','원인/해결상태 제공','해결 Action 권한 검증','Audit 연결','해결 Command 실패 시 선택/대사 Context 유지']},
+  {code:'T08',type:'import',component:'KbxImportPage',purpose:'파일→매핑→검증→반영 Import',requiredSurfaces:['page-header','progress-steps','import-content','result'],optionalSurfaces:['context','job-progress','footer'],keyboard:['Enter','Esc'],referenceScreens:['OMS-ORD-003'],defaultDensity:'compact',runtimeStates:[...commonStates],stateCapabilities:['loading','refreshing','error','permission','validation','job'],utilitySurfaces:[...desktopUtilities],accessibility:[...commonA11y],coreComponents:['KbxProgressSteps','KbxExcelImport','KbxValidationSummary','KbxJobProgress'],completionChecks:['파일→매핑→검증→반영 단계 고정','Staging 후 Commit','오류행 다운로드','부분성공 정책 명시','대량 작업 Job 복구','Upload/Mapping/Commit 실패 인라인 복구']},
   {code:'T09',type:'wms-mobile',component:'KbxWmsMobilePage',purpose:'Scanner/PDA 한 손 현장 작업',requiredSurfaces:['mobile-header','network-state','instruction/content','sticky-actions'],optionalSurfaces:['progress','notice','task-context'],keyboard:['Scanner Enter','Esc'],referenceScreens:['WMS-PICK-001','WMS-REC-001','WMS-PUT-001','WMS-COUNT-001'],defaultDensity:'touch',runtimeStates:[...commonStates],stateCapabilities:['loading','refreshing','error','permission','network'],utilitySurfaces:['help'],accessibility:[...commonA11y],coreComponents:['KbxBarcodeCapture','KbxNetworkIndicator','KbxWmsActionButton'],completionChecks:['Touch Density 최소 Target 준수','서버 응답 전 성공 Feedback 금지','중복 Scan Idempotency','오프라인 정책 명시','오류 시 다음 행동 우선']},
 ]
 
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxAccessDenied.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxAccessDenied.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxAccessDenied.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxAccessDenied.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxApplicationShell.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxApplicationShell.vue
similarity index 68%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxApplicationShell.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxApplicationShell.vue
index d99640fb..9e26e435 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxApplicationShell.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxApplicationShell.vue
@@ -6,8 +6,8 @@ import KbxMenuSearch from './KbxMenuSearch.vue'
 import KbxSideNavigation from './KbxSideNavigation.vue'
 import KbxWorkspaceTabs from './KbxWorkspaceTabs.vue'
 
-const props=withDefaults(defineProps<{productName?:string;activeModule?:string;activeScreenId?:string|null;sections:KbxNavigationSection[];allEntries:KbxNavigationResolvedEntry[];favorites?:KbxNavigationResolvedEntry[];recents?:KbxRecentNavigation[];tabs?:KbxWorkspaceTab[];activeTabKey?:string|null;sideNavCollapsed?:boolean;menuSearchOpen?:boolean;operationCount?:number;notificationCount?:number;homeActive?:boolean;workspaceMaxTabs?:number;shellNotice?:string|null}>(),{productName:'KBX',activeModule:'',activeScreenId:null,favorites:()=>[],recents:()=>[],tabs:()=>[],activeTabKey:null,sideNavCollapsed:false,menuSearchOpen:false,operationCount:0,notificationCount:0,homeActive:false,workspaceMaxTabs:10,shellNotice:null})
-const emit=defineEmits<{home:[];open:[entry:KbxNavigationResolvedEntry];openRecent:[entry:KbxRecentNavigation];selectTab:[tab:KbxWorkspaceTab];closeTab:[tab:KbxWorkspaceTab];toggleTabPin:[tab:KbxWorkspaceTab];toggleFavorite:[screenId:string];toggleSideNav:[];menuSearchOpen:[];menuSearchClose:[];operations:[];notifications:[];profile:[];dismissShellNotice:[]}>()
+const props=withDefaults(defineProps<{productName?:string;activeModule?:string;activeScreenId?:string|null;sections:KbxNavigationSection[];allEntries:KbxNavigationResolvedEntry[];favorites?:KbxNavigationResolvedEntry[];recents?:KbxRecentNavigation[];tabs?:KbxWorkspaceTab[];activeTabKey?:string|null;sideNavCollapsed?:boolean;menuSearchOpen?:boolean;operationCount?:number;notificationCount?:number;operationsOpen?:boolean;notificationsOpen?:boolean;homeActive?:boolean;workspaceMaxTabs?:number;shellNotice?:string|null;themeMode?:'light'|'dark'}>(),{productName:'KBX',activeModule:'',activeScreenId:null,favorites:()=>[],recents:()=>[],tabs:()=>[],activeTabKey:null,sideNavCollapsed:false,menuSearchOpen:false,operationCount:0,notificationCount:0,operationsOpen:false,notificationsOpen:false,homeActive:false,workspaceMaxTabs:10,shellNotice:null,themeMode:'light'})
+const emit=defineEmits<{home:[];open:[entry:KbxNavigationResolvedEntry];openRecent:[entry:KbxRecentNavigation];selectTab:[tab:KbxWorkspaceTab];closeTab:[tab:KbxWorkspaceTab];toggleTabPin:[tab:KbxWorkspaceTab];toggleFavorite:[screenId:string];toggleSideNav:[];menuSearchOpen:[];menuSearchClose:[];operations:[];notifications:[];themeToggle:[];profile:[];dismissShellNotice:[]}>()
 
 const moduleOptions=computed(()=>[...new Set(props.sections.map(section=>section.module).filter((module):module is NonNullable<KbxNavigationSection['module']>=>Boolean(module)))])
 const focusedModule=ref(props.activeModule||moduleOptions.value[0]||'')
@@ -18,9 +18,9 @@ const priorityScreenIds=computed(()=>[...props.favorites.map(x=>x.screenId),...p
 </script>
 
 <template>
-  <div class="app-shell">
+  <div class="app-shell" :data-kbx-module="focusedModule || 'COMMON'" :data-home-active="props.homeActive || undefined">
     <a class="skip-link" href="#kbx-main-workspace">본문 바로가기</a>
-    <KbxGlobalHeader :product-name="props.productName" :active-module="focusedModule" :modules="moduleOptions" :operation-count="props.operationCount" :notification-count="props.notificationCount" :home-active="props.homeActive" @home="emit('home')" @module-select="selectModule" @menu-search="emit('menuSearchOpen')" @operations="emit('operations')" @notifications="emit('notifications')" @profile="emit('profile')" />
+    <KbxGlobalHeader :product-name="props.productName" :active-module="focusedModule" :modules="moduleOptions" :operation-count="props.operationCount" :notification-count="props.notificationCount" :operations-open="props.operationsOpen" :notifications-open="props.notificationsOpen" :home-active="props.homeActive" :theme-mode="props.themeMode" @home="emit('home')" @module-select="selectModule" @menu-search="emit('menuSearchOpen')" @operations="emit('operations')" @notifications="emit('notifications')" @theme-toggle="emit('themeToggle')" @profile="emit('profile')" />
     <div class="below-header">
       <KbxSideNavigation :sections="props.sections" :favorites="props.favorites" :recents="props.recents" :active-screen-id="props.activeScreenId" :collapsed="props.sideNavCollapsed" :home-active="props.homeActive" :preferred-module="focusedModule" @home="emit('home')" @open="emit('open',$event)" @open-recent="emit('openRecent',$event)" @toggle-favorite="emit('toggleFavorite',$event)" @toggle-collapsed="emit('toggleSideNav')" @module-selected="selectModule" @menu-search="emit('menuSearchOpen')" />
       <main class="workspace">
@@ -34,5 +34,5 @@ const priorityScreenIds=computed(()=>[...props.favorites.map(x=>x.screenId),...p
   </div>
 </template>
 
-<style scoped>.skip-link{position:fixed;left:var(--kbx-space-2);top:calc(var(--kbx-control-lg) * -2);z-index:300;padding:var(--kbx-space-2) var(--kbx-space-3);background:var(--kbx-color-text);color:var(--kbx-color-surface);border-radius:var(--kbx-radius-sm)}.skip-link:focus{top:var(--kbx-space-2)}.app-shell{height:100vh;min-height:var(--kbx-app-shell-min-height);display:flex;flex-direction:column;background:var(--kbx-color-surface-muted);color:var(--kbx-color-text)}.below-header{flex:1;min-height:0;display:flex}.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.runtime{background:var(--kbx-color-surface)}.content{flex:1;min-height:0;overflow:auto;background:var(--kbx-color-surface)}.shell-notice{min-height:var(--kbx-shell-notice-height);display:flex;align-items:center;justify-content:space-between;gap:var(--kbx-space-2);padding:0 var(--kbx-space-3);border-bottom:var(--kbx-border-width) solid var(--kbx-color-warning-border);background:var(--kbx-color-warning-surface);font-size:var(--kbx-font-sm)}.shell-notice button{width:var(--kbx-control-xs);height:var(--kbx-control-xs);border:0;background:transparent;color:var(--kbx-color-text-muted)}
+<style scoped>.skip-link{position:fixed;left:var(--kbx-space-2);top:calc(var(--kbx-control-lg) * -2);z-index:300;padding:var(--kbx-space-2) var(--kbx-space-3);background:var(--kbx-color-text);color:var(--kbx-color-surface);border-radius:var(--kbx-radius-sm)}.skip-link:focus{top:var(--kbx-space-2)}.app-shell{height:100vh;min-height:var(--kbx-app-shell-min-height);display:flex;flex-direction:column;background:var(--kbx-color-workspace);color:var(--kbx-color-text)}.below-header{flex:1;min-height:0;display:flex}.workspace{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--kbx-color-workspace)}.runtime{background:var(--kbx-color-surface)}.content{flex:1;min-height:0;overflow:auto;background:var(--kbx-color-workspace)}.shell-notice{min-height:var(--kbx-shell-notice-height);display:flex;align-items:center;justify-content:space-between;gap:var(--kbx-space-2);padding:0 var(--kbx-space-3);border-bottom:var(--kbx-border-width) solid var(--kbx-color-warning-border);background:var(--kbx-color-warning-surface);font-size:var(--kbx-font-sm)}.shell-notice button{width:var(--kbx-control-xs);height:var(--kbx-control-xs);border:0;background:transparent;color:var(--kbx-color-text-muted)}
 </style>
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxGlobalHeader.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxGlobalHeader.vue
new file mode 100644
index 00000000..a560f3fe
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxGlobalHeader.vue
@@ -0,0 +1,31 @@
+<script setup lang="ts">
+const props = withDefaults(defineProps<{
+  productName?: string
+  activeModule?: string
+  modules?: string[]
+  menuSearchLabel?: string
+  operationCount?: number
+  notificationCount?: number
+  operationsOpen?: boolean
+  notificationsOpen?: boolean
+  homeActive?: boolean
+  themeMode?: 'light' | 'dark'
+}>(), { productName:'KBX', activeModule:'', modules:()=>[], menuSearchLabel:'메뉴 검색', operationCount:0, notificationCount:0, operationsOpen:false, notificationsOpen:false, homeActive:false, themeMode:'light' })
+const emit = defineEmits<{ home:[]; moduleSelect:[module:string]; menuSearch:[]; operations:[]; notifications:[]; themeToggle:[]; profile:[] }>()
+const label=(module:string)=>module==='COMMON'?'공통':module
+</script>
+
+<template>
+  <header class="kbx-global-header">
+    <div class="brand" aria-label="제품 및 모듈">
+      <button type="button" class="brand__home" :aria-current="homeActive?'page':undefined" @click="emit('home')"><strong>{{ props.productName }}</strong><span class="brand__home-label">홈</span></button>
+      <label v-if="props.modules.length" class="module-select"><span class="sr-only">업무 모듈</span><select :value="props.activeModule" @change="emit('moduleSelect',($event.target as HTMLSelectElement).value)"><option value="" disabled>모듈</option><option v-for="module in props.modules" :key="module" :value="module">{{label(module)}}</option></select></label>
+    </div>
+    <button class="menu-search" type="button" aria-keyshortcuts="Control+K" @click="emit('menuSearch')"><span>{{ props.menuSearchLabel }}</span><kbd>Ctrl K</kbd></button>
+    <div class="actions"><button id="kbx-runtime-operations-trigger" type="button" aria-controls="kbx-runtime-panel" :aria-expanded="props.operationsOpen" @click="emit('operations')">작업 <b v-if="props.operationCount">{{ props.operationCount }}</b></button><button id="kbx-runtime-notifications-trigger" type="button" aria-controls="kbx-runtime-panel" :aria-expanded="props.notificationsOpen" @click="emit('notifications')">알림 <b v-if="props.notificationCount">{{ props.notificationCount }}</b></button><button type="button" class="theme-toggle" :aria-label="props.themeMode==='dark'?'밝은 테마로 변경':'어두운 테마로 변경'" :title="props.themeMode==='dark'?'KBX Business Dark · 밝게 전환':'KBX Business Light · 어둡게 전환'" @click="emit('themeToggle')"><span aria-hidden="true">{{props.themeMode==='dark'?'☾':'☀'}}</span><span class="theme-toggle__label">{{props.themeMode==='dark'?'Dark':'Light'}}</span></button><button type="button" @click="emit('profile')">사용자</button></div>
+  </header>
+</template>
+
+<style scoped>
+.kbx-global-header{height:var(--kbx-side-nav-collapsed-width);display:grid;grid-template-columns:var(--kbx-side-nav-width) minmax(var(--kbx-master-list-min-width),var(--kbx-access-max-width)) 1fr;align-items:center;gap:var(--kbx-space-4);padding:0 var(--kbx-space-3);border-bottom:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-shell-chrome);box-shadow:var(--kbx-shadow-shell);z-index:20}.brand{display:flex;align-items:center;gap:var(--kbx-space-2);min-width:0}.brand__home{height:var(--kbx-control-height);display:flex;align-items:center;gap:var(--kbx-space-2);border:0;border-radius:var(--kbx-radius-sm);background:transparent;padding:0 var(--kbx-space-2);color:var(--kbx-color-text)}.brand__home:hover,.brand__home[aria-current="page"]{background:var(--kbx-color-surface-hover)}.brand__home strong{font-size:var(--kbx-font-lg);color:var(--kbx-color-module-accent);letter-spacing:-.01em}.brand__home-label{font-size:var(--kbx-font-xs);color:var(--kbx-color-text-muted)}.module-select{padding-left:var(--kbx-space-2);border-left:var(--kbx-border-width) solid var(--kbx-color-border)}.module-select select{width:var(--kbx-global-header-module-selector-width);height:var(--kbx-control-sm);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface);color:var(--kbx-color-text);font-size:var(--kbx-font-sm);padding:0 var(--kbx-space-2)}.menu-search{height:var(--kbx-control-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--kbx-space-3);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface-muted);color:var(--kbx-color-text-muted);text-align:left}.menu-search:hover{border-color:var(--kbx-color-module-accent);background:var(--kbx-color-module-accent-surface)}.menu-search kbd{font-size:var(--kbx-font-xs);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-sm);padding:var(--kbx-space-1);background:var(--kbx-color-surface)}.actions{display:flex;justify-content:flex-end;gap:var(--kbx-space-1)}.actions button{height:var(--kbx-control-sm);border:0;background:transparent;border-radius:var(--kbx-radius-sm);padding:0 var(--kbx-space-2)}.actions button:hover{background:var(--kbx-color-surface-hover)}.actions b{min-width:var(--kbx-checkbox-track);display:inline-block;margin-left:var(--kbx-space-1);color:var(--kbx-color-module-accent)}.theme-toggle{display:inline-flex;align-items:center;gap:var(--kbx-space-1);border:var(--kbx-border-width) solid transparent!important}.theme-toggle:hover{border-color:var(--kbx-color-border)!important}.theme-toggle__label{font-size:var(--kbx-font-xs);color:var(--kbx-color-text-muted)}.sr-only{position:absolute;width:var(--kbx-visually-hidden-size);height:var(--kbx-visually-hidden-size);padding:0;margin:calc(var(--kbx-visually-hidden-size) * -1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:56rem){.kbx-global-header{grid-template-columns:auto minmax(0,1fr) auto;gap:var(--kbx-space-2);padding-inline:var(--kbx-space-2)}.brand__home-label,.menu-search kbd{display:none}.module-select{padding-left:var(--kbx-space-1)}.module-select select{width:var(--kbx-control-lg);padding:0}.menu-search{min-width:0;padding-inline:var(--kbx-space-2)}.menu-search span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions{min-width:0}.actions button{padding-inline:var(--kbx-space-1)}}@media(max-width:40rem){.kbx-global-header{grid-template-columns:auto minmax(0,1fr)}.actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface)}.kbx-global-header{height:auto;min-height:var(--kbx-side-nav-collapsed-width);align-content:center}.actions button{width:100%}}
+</style>
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxHomePage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxHomePage.vue
new file mode 100644
index 00000000..e0b4dba8
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxHomePage.vue
@@ -0,0 +1,172 @@
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import type { KbxHomeAttentionItem, KbxHomeLaunchItem, KbxNavigationResolvedEntry, KbxOperationRun, KbxRecentNavigation, KbxUserNotification, KbxWorkspaceTab } from '@kbx/contracts'
+import { buildKbxHomeAttentionQueue, buildKbxHomeWorkbench } from './homeNavigation'
+
+const props=withDefaults(defineProps<{
+  entries:KbxNavigationResolvedEntry[]
+  favorites?:KbxNavigationResolvedEntry[]
+  recents?:KbxRecentNavigation[]
+  tabs?:KbxWorkspaceTab[]
+  operationCount?:number
+  operationFailureCount?:number
+  notificationCount?:number
+  urgentNotificationCount?:number
+  operations?:KbxOperationRun[]
+  notifications?:KbxUserNotification[]
+}>(),{favorites:()=>[],recents:()=>[],tabs:()=>[],operationCount:0,operationFailureCount:0,notificationCount:0,urgentNotificationCount:0,operations:()=>[],notifications:()=>[]})
+const emit=defineEmits<{
+  open:[entry:KbxNavigationResolvedEntry]
+  launch:[item:KbxHomeLaunchItem]
+  attention:[item:KbxHomeAttentionItem]
+  menuSearch:[]
+  operations:[]
+  notifications:[]
+  toggleFavorite:[screenId:string]
+}>()
+const moduleOrder=['OMS','ERP','WMS','COMMON'] as const
+const moduleLabel:Record<string,string>={OMS:'주문·채널',ERP:'기준정보·구매·재고',WMS:'물류 작업',COMMON:'공통 운영'}
+const selectedModule=ref<string>('ALL')
+const attentionExpanded=ref(false)
+const attentionCollapsedLimit=8
+const attentionExpandedLimit=24
+const attentionToggleLabel=computed(()=>attentionExpanded.value?'상위 8개만 보기':exactAttentionCount.value<=attentionExpandedLimit?`전체 ${exactAttentionCount.value}개 보기`:`우선 ${attentionExpandedLimit}개 보기`)
+const attentionOperationCount=computed(()=>(attentionQueue.value.sourceCounts['operation-failed']??0)+(attentionQueue.value.sourceCounts['operation-running']??0))
+const attentionNotificationCount=computed(()=>(attentionQueue.value.sourceCounts['notification-urgent']??0)+(attentionQueue.value.sourceCounts.notification??0))
+const modules=computed(()=>moduleOrder.map(module=>({module,label:moduleLabel[module],groups:[...new Set(props.entries.filter(x=>x.module===module&&x.menuVisible!==false).map(x=>x.section))].map(section=>({section,entries:props.entries.filter(x=>x.module===module&&x.section===section&&x.menuVisible!==false).sort((a,b)=>(a.order??0)-(b.order??0))}))})).filter(x=>x.groups.some(group=>group.entries.length)))
+const visibleModules=computed(()=>selectedModule.value==='ALL'?modules.value:modules.value.filter(x=>x.module===selectedModule.value))
+const moduleSummaries=computed(()=>modules.value.map(item=>{
+  const screenIds=new Set(item.groups.flatMap(group=>group.entries.map(entry=>entry.screenId)))
+  return {
+    module:item.module,
+    label:item.label,
+    screenCount:screenIds.size,
+    favoriteCount:props.favorites.filter(entry=>entry.module===item.module&&screenIds.has(entry.screenId)).length,
+    openCount:props.tabs.filter(tab=>screenIds.has(tab.screenId)).length,
+  }
+}))
+const workbench=computed(()=>buildKbxHomeWorkbench(props.entries,props.favorites,props.recents,props.tabs,10))
+const attentionQueue=computed(()=>buildKbxHomeAttentionQueue(props.entries,props.tabs,props.operations,props.notifications,attentionExpanded.value?attentionExpandedLimit:attentionCollapsedLimit))
+const attentionItems=computed(()=>attentionQueue.value.items)
+const exactAttentionCount=computed(()=>attentionQueue.value.totalCount)
+const attentionOverflowCount=computed(()=>attentionQueue.value.overflowCount)
+const attentionSourceSummary=computed(()=>[
+  {key:'dirty',label:'미저장',count:attentionQueue.value.sourceCounts.dirty??0},
+  {key:'operation-failed',label:'실패',count:attentionQueue.value.sourceCounts['operation-failed']??0},
+  {key:'notification-urgent',label:'중요 알림',count:attentionQueue.value.sourceCounts['notification-urgent']??0},
+  {key:'operation-running',label:'진행',count:attentionQueue.value.sourceCounts['operation-running']??0},
+  {key:'notification',label:'알림',count:attentionQueue.value.sourceCounts.notification??0},
+].filter(item=>item.count>0))
+const dirtyCount=computed(()=>props.tabs.filter(tab=>tab.dirty).length)
+const pinnedCount=computed(()=>props.tabs.filter(tab=>tab.pinned).length)
+const regularOpenCount=computed(()=>props.tabs.filter(tab=>!tab.pinned).length)
+const regularNotificationCount=computed(()=>Math.max(props.notificationCount-props.urgentNotificationCount,0))
+const attentionCount=computed(()=>props.operationCount+props.operationFailureCount+props.notificationCount+dirtyCount.value)
+const sourceSummary=computed(()=>({favorites:props.favorites.length,open:regularOpenCount.value,pinned:pinnedCount.value,recent:props.recents.length}))
+const firstDirty=computed(()=>workbench.value.find(item=>item.source==='dirty'))
+const favoriteIds=computed(()=>new Set(props.favorites.map(entry=>entry.screenId)))
+const openCounts=computed(()=>props.tabs.reduce((map,tab)=>map.set(tab.screenId,(map.get(tab.screenId)??0)+1),new Map<string,number>()))
+function isFavorite(screenId:string){return favoriteIds.value.has(screenId)}
+const visibleScreenCount=computed(()=>visibleModules.value.reduce((sum,module)=>sum+module.groups.reduce((groupSum,group)=>groupSum+group.entries.length,0),0))
+watch(modules,value=>{if(selectedModule.value!=='ALL'&&!value.some(item=>item.module===selectedModule.value))selectedModule.value='ALL'})
+function openCount(screenId:string){return openCounts.value.get(screenId)??0}
+function selectModule(module:string){
+  selectedModule.value=module
+  if(typeof document==='undefined')return
+  requestAnimationFrame(()=>document.getElementById('kbx-home-explorer')?.scrollIntoView({block:'start',behavior:'smooth'}))
+}
+</script>
+
+<template>
+  <section class="kbx-home" aria-labelledby="kbx-home-title">
+    <header class="kbx-home__header">
+      <div><p>KBX 업무 시작</p><h1 id="kbx-home-title">홈</h1><span>검색하고, 이어서 처리하고, 예외만 확인하는 업무 시작점입니다.</span></div>
+      <button type="button" class="kbx-home__search" aria-keyshortcuts="Control+K" @click="emit('menuSearch')"><span>메뉴명 · 화면코드 · 업무명 검색</span><kbd>Ctrl K</kbd></button>
+    </header>
+
+    <nav class="kbx-home__pulse" aria-label="업무 시작 상태">
+      <button type="button" @click="emit('menuSearch')"><span>사용 가능 화면</span><b>{{props.entries.length}}</b><small>검색</small></button>
+      <button type="button" :disabled="!dirtyCount" @click="firstDirty && emit('launch',firstDirty)"><span>미저장 업무</span><b>{{dirtyCount}}</b><small>{{dirtyCount?'이어서':'없음'}}</small></button>
+      <button type="button" @click="emit('operations')"><span>진행 작업</span><b>{{props.operationCount}}</b><small>작업 센터</small></button>
+      <button type="button" @click="emit('notifications')"><span>새 알림</span><b>{{props.notificationCount}}</b><small>알림 센터</small></button>
+    </nav>
+
+    <nav class="kbx-home__module-rail" aria-label="업무 영역 바로가기">
+      <span class="kbx-home__module-rail-label">업무영역</span>
+      <button type="button" :aria-pressed="selectedModule==='ALL'" @click="selectModule('ALL')"><b>전체</b><small>{{props.entries.length}}개 화면</small></button>
+      <button v-for="item in moduleSummaries" :key="item.module" type="button" :data-kbx-module="item.module" :aria-pressed="selectedModule===item.module" @click="selectModule(item.module)">
+        <b>{{item.module==='COMMON'?'공통':item.module}}</b><small>{{item.screenCount}}개 · ★ {{item.favoriteCount}} · 열림 {{item.openCount}}</small>
+      </button>
+    </nav>
+
+    <section class="kbx-home__attention" aria-labelledby="kbx-home-attention-title">
+      <div class="kbx-home__attention-head"><strong id="kbx-home-attention-title">확인 필요</strong><span v-if="!exactAttentionCount && !attentionCount" class="quiet">현재 확인할 작업이나 알림이 없습니다.</span><div v-else class="kbx-home__attention-summary" aria-label="확인 필요 항목 구성"><span v-for="item in attentionSourceSummary" :key="item.key">{{item.label}} <b>{{item.count}}</b></span></div><small v-if="attentionOverflowCount">전체 {{exactAttentionCount}}개 · 우선순위 상위 {{attentionItems.length}}개 표시</small><small v-else-if="exactAttentionCount || attentionCount">{{exactAttentionCount || attentionCount}}개 우선 항목</small><button v-if="exactAttentionCount > attentionCollapsedLimit" type="button" class="kbx-home__attention-toggle" aria-controls="kbx-home-attention-list" :aria-expanded="attentionExpanded" @click="attentionExpanded=!attentionExpanded">{{attentionToggleLabel}}</button><div v-if="attentionExpanded && attentionOverflowCount" class="kbx-home__attention-centers" aria-label="나머지 확인 항목"><button v-if="attentionOperationCount" type="button" @click="emit('operations')">작업 센터 전체</button><button v-if="attentionNotificationCount" type="button" @click="emit('notifications')">알림 센터 전체</button></div></div>
+      <div v-if="attentionItems.length" id="kbx-home-attention-list" class="kbx-home__attention-list" role="list">
+        <button v-for="item in attentionItems" :key="item.key" type="button" role="listitem" :class="{critical:item.source==='operation-failed'||item.source==='notification-urgent'}" @click="emit('attention',item)">
+          <span class="attention-source">{{ item.source==='dirty'?'미저장':item.source==='operation-failed'?'실패 작업':item.source==='notification-urgent'?'중요 알림':item.source==='operation-running'?'진행 작업':'알림' }}</span>
+          <span class="attention-copy"><b>{{item.title}}</b><small v-if="item.detail">{{item.detail}}</small></span>
+          <span class="attention-action">{{item.actionLabel}}</span><span aria-hidden="true">›</span>
+        </button>
+      </div>
+      <div v-else-if="attentionCount" class="kbx-home__attention-legacy">
+        <button v-if="dirtyCount" type="button" @click="firstDirty && emit('launch',firstDirty)">미저장 업무 <b>{{dirtyCount}}</b></button>
+        <button v-if="operationFailureCount" type="button" class="critical" @click="emit('operations')">실패·부분완료 작업 <b>{{operationFailureCount}}</b></button>
+        <button v-if="urgentNotificationCount" type="button" class="critical" @click="emit('notifications')">중요 알림 <b>{{urgentNotificationCount}}</b></button>
+        <button v-if="operationCount" type="button" @click="emit('operations')">진행 중 작업 <b>{{operationCount}}</b></button>
+        <button v-if="regularNotificationCount" type="button" @click="emit('notifications')">새 알림 <b>{{regularNotificationCount}}</b></button>
+      </div>
+    </section>
+
+    <section class="kbx-home__section kbx-home__workbench" aria-labelledby="kbx-home-workbench-title">
+      <header>
+        <div><h2 id="kbx-home-workbench-title">바로 시작</h2><span>미저장·고정·열린 업무를 먼저 보여주고, 즐겨찾기·최근·권장 업무를 중복 없이 이어 붙입니다.</span></div>
+        <small>열림 {{sourceSummary.open}} · 고정 {{sourceSummary.pinned}} · 즐겨찾기 {{sourceSummary.favorites}} · 최근 {{sourceSummary.recent}}</small>
+      </header>
+      <div v-if="workbench.length" class="kbx-home__workbench-list" role="list">
+        <button v-for="item in workbench" :key="item.launchKey" type="button" role="listitem" @click="emit('launch',item)">
+          <span class="source" :data-source="item.source">{{item.sourceLabel}}</span>
+          <span class="main"><b>{{item.title}}</b><small>{{item.module}} · {{item.homeGroup ?? item.section}}<template v-if="item.instanceLabel"> · {{item.instanceLabel}}</template></small></span>
+          <span class="resume">{{item.tabKey ? '이어서' : '열기'}}</span><span aria-hidden="true">›</span>
+        </button>
+      </div>
+      <p v-else class="kbx-home__empty">사용 가능한 주요 업무가 없습니다. 메뉴 검색에서 권한이 허용된 화면을 찾아보세요.</p>
+    </section>
+
+    <section id="kbx-home-explorer" class="kbx-home__all" aria-label="전체 업무" tabindex="-1">
+      <header class="kbx-home__all-header">
+        <div><h2>{{selectedModule==='ALL'?'전체 업무':`${selectedModule==='COMMON'?'공통':selectedModule} 업무`}}</h2><span>모듈별 업무 탐색기 · 화면을 다시 설계하지 않고 검증된 업무 문법에서 바로 시작합니다. 자주 쓰는 화면은 즐겨찾기에 고정하세요.</span></div>
+        <button v-if="selectedModule!=='ALL'" type="button" class="kbx-home__show-all" @click="selectModule('ALL')">전체 업무 보기</button>
+        <small class="kbx-home__filter-status" aria-live="polite">{{visibleScreenCount}}개 화면</small>
+      </header>
+      <div class="kbx-home__modules">
+        <section v-for="item in visibleModules" :key="item.module" class="kbx-home__module" :data-kbx-module="item.module">
+          <header><strong>{{item.module}}</strong><span>{{item.label}}</span><small>{{item.groups.reduce((sum,group)=>sum+group.entries.length,0)}}개 화면</small></header>
+          <div v-for="group in item.groups" :key="group.section" class="kbx-home__group">
+            <h3>{{group.section}}</h3>
+            <div class="kbx-home__group-links">
+              <div v-for="entry in group.entries" :key="entry.screenId" class="kbx-home__group-row">
+                <button class="launch" type="button" @click="emit('open',entry)">
+                  <span>{{entry.title}}</span>
+                  <small>{{entry.homeGroup ?? entry.section}}<template v-if="openCount(entry.screenId)"> · 열림 {{openCount(entry.screenId)}}</template></small>
+                </button>
+                <button v-if="entry.favoriteAllowed!==false" class="favorite" type="button" :aria-label="isFavorite(entry.screenId)?`${entry.title} 즐겨찾기 해제`:`${entry.title} 즐겨찾기 추가`" :aria-pressed="isFavorite(entry.screenId)" @click="emit('toggleFavorite',entry.screenId)">{{isFavorite(entry.screenId)?'★':'☆'}}</button>
+              </div>
+            </div>
+          </div>
+        </section>
+      </div>
+    </section>
+  </section>
+</template>
+
+<style scoped>
+.kbx-home__module-rail{min-height:var(--kbx-control-lg);display:grid;grid-template-columns:auto repeat(5,minmax(0,1fr));align-items:stretch;border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-shell-chrome)}.kbx-home__module-rail-label{display:flex;align-items:center;padding:0 var(--kbx-space-3);border-right:var(--kbx-border-width) solid var(--kbx-color-border);color:var(--kbx-color-text-muted);font-size:var(--kbx-font-xs);font-weight:600}.kbx-home__module-rail button{min-height:var(--kbx-control-lg);display:grid;align-content:center;gap:var(--kbx-space-1);padding:var(--kbx-space-1) var(--kbx-space-3);border:0;border-right:var(--kbx-border-width) solid var(--kbx-color-border);background:transparent;color:var(--kbx-color-text);text-align:left}.kbx-home__module-rail button:last-child{border-right:0}.kbx-home__module-rail button:hover{background:var(--kbx-color-surface-hover)}.kbx-home__module-rail button[aria-pressed="true"]{box-shadow:inset 0 calc(var(--kbx-border-width) * -2) 0 var(--kbx-color-module-accent);background:var(--kbx-color-module-accent-surface)}.kbx-home__module-rail button b{font-size:var(--kbx-font-sm);font-weight:600}.kbx-home__module-rail button small{color:var(--kbx-color-text-muted);font-size:var(--kbx-font-xs);font-variant-numeric:tabular-nums}.kbx-home__show-all{height:var(--kbx-control-xs);margin-left:auto;padding:0 var(--kbx-space-2);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface);color:var(--kbx-color-text);font-size:var(--kbx-font-xs)}.kbx-home__show-all:hover{background:var(--kbx-color-surface-hover)}
+.kbx-home__pulse{min-height:var(--kbx-control-lg);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface)}.kbx-home__pulse button{min-height:var(--kbx-control-lg);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 var(--kbx-space-2);padding:var(--kbx-space-1) var(--kbx-space-3);border:0;border-right:var(--kbx-border-width) solid var(--kbx-color-border);background:transparent;text-align:left}.kbx-home__pulse button:last-child{border-right:0}.kbx-home__pulse button:hover:not(:disabled){background:var(--kbx-color-surface-hover)}.kbx-home__pulse button:disabled{cursor:default}.kbx-home__pulse span{font-size:var(--kbx-font-xs);color:var(--kbx-color-text-muted)}.kbx-home__pulse b{grid-row:1 / span 2;grid-column:2;font-size:var(--kbx-font-lg);font-variant-numeric:tabular-nums}.kbx-home__pulse small{font-size:var(--kbx-font-xs);color:var(--kbx-color-module-accent)}
+.kbx-home{width:min(100%,var(--kbx-home-max-width));max-width:var(--kbx-home-max-width);margin:0 auto;padding:var(--kbx-space-5) var(--kbx-space-5) var(--kbx-space-8);display:flex;flex-direction:column;gap:var(--kbx-space-4)}.kbx-home__header{display:flex;align-items:center;justify-content:space-between;gap:var(--kbx-space-6);min-height:var(--kbx-home-header-min-height);border-bottom:var(--kbx-border-width) solid var(--kbx-color-border)}.kbx-home__header p,.kbx-home__header span{margin:0;color:var(--kbx-color-text-muted);font-size:var(--kbx-font-sm)}.kbx-home__header h1{margin:0;font-size:var(--kbx-font-2xl)}.kbx-home__search{width:min(var(--kbx-home-search-max-width),45vw);height:var(--kbx-control-lg);display:flex;justify-content:space-between;align-items:center;padding:0 var(--kbx-space-3);border:var(--kbx-border-width) solid var(--kbx-color-border-strong);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface);color:var(--kbx-color-text-muted);text-align:left}.kbx-home__search kbd{font-size:var(--kbx-font-xs);border:var(--kbx-border-width) solid var(--kbx-color-border);padding:var(--kbx-space-1);background:var(--kbx-color-surface-muted)}.kbx-home__attention{display:grid;gap:var(--kbx-space-2);min-height:var(--kbx-home-attention-height);padding:var(--kbx-space-2) var(--kbx-space-3);border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-warning-surface)}.kbx-home__attention-head{display:flex;align-items:center;gap:var(--kbx-space-2);flex-wrap:wrap}.kbx-home__attention-head small{margin-left:auto;color:var(--kbx-color-text-muted);font-size:var(--kbx-font-xs)}.kbx-home__attention-summary{display:flex;align-items:center;gap:var(--kbx-space-1);flex-wrap:wrap}.kbx-home__attention-summary span{display:inline-flex;align-items:center;gap:var(--kbx-space-1);min-height:var(--kbx-control-xs);padding:0 var(--kbx-space-2);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-pill);background:var(--kbx-color-surface);color:var(--kbx-color-text-muted);font-size:var(--kbx-font-xs)}.kbx-home__attention-summary b{color:var(--kbx-color-text);font-variant-numeric:tabular-nums}.kbx-home__attention-toggle{min-height:var(--kbx-control-xs);padding:0 var(--kbx-space-2);border:var(--kbx-border-width) solid var(--kbx-color-warning-border);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface);color:var(--kbx-color-text);font-size:var(--kbx-font-xs);font-weight:600}.kbx-home__attention-toggle:hover{background:var(--kbx-color-surface-hover)}.kbx-home__attention-centers{display:flex;align-items:center;gap:var(--kbx-space-1)}.kbx-home__attention-centers button{min-height:var(--kbx-control-xs);padding:0 var(--kbx-space-2);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface);color:var(--kbx-color-text);font-size:var(--kbx-font-xs);font-weight:600}.kbx-home__attention-centers button:hover{background:var(--kbx-color-surface-hover)}.kbx-home__attention .quiet{color:var(--kbx-color-text-muted);font-size:var(--kbx-font-sm)}.kbx-home__attention-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--kbx-space-1)}.kbx-home__attention-list button{min-height:var(--kbx-control-lg);display:grid;grid-template-columns:var(--kbx-home-source-label-width) minmax(0,1fr) auto var(--kbx-checkbox-track);align-items:center;gap:var(--kbx-space-2);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface);padding:var(--kbx-space-1) var(--kbx-space-2);text-align:left}.kbx-home__attention-list button.critical{border-color:var(--kbx-color-danger-border);background:var(--kbx-color-danger-surface)}.attention-source,.attention-action{font-size:var(--kbx-font-xs);font-weight:600;color:var(--kbx-color-text-muted);white-space:nowrap}.critical .attention-source{color:var(--kbx-color-danger)}.attention-copy{display:grid;min-width:0}.attention-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--kbx-color-text)}.attention-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--kbx-color-text-muted);font-size:var(--kbx-font-xs)}.kbx-home__attention-legacy{display:flex;align-items:center;gap:var(--kbx-space-2);flex-wrap:wrap}.kbx-home__attention-legacy button{height:var(--kbx-control-xs);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface);padding:0 var(--kbx-space-3)}.kbx-home__attention-legacy button.critical{border-color:var(--kbx-color-danger-border);background:var(--kbx-color-danger-surface)}.kbx-home__section,.kbx-home__all{border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface)}.kbx-home__section>header,.kbx-home__all-header{min-height:var(--kbx-control-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--kbx-space-3);padding:var(--kbx-space-2) var(--kbx-space-3);border-bottom:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface-muted)}.kbx-home__section>header>div,.kbx-home__all-header>div{display:grid;gap:var(--kbx-space-1)}.kbx-home__section h2,.kbx-home__all h2{margin:0;font-size:var(--kbx-font-lg);font-weight:600}.kbx-home__section>header span,.kbx-home__section>header small,.kbx-home__all-header span{font-size:var(--kbx-font-xs);color:var(--kbx-color-text-muted)}.kbx-home__workbench-list{display:flex;flex-direction:column}.kbx-home__workbench-list button{min-height:var(--kbx-home-workbench-row-height);display:grid;grid-template-columns:var(--kbx-home-source-label-width) minmax(0,1fr) auto var(--kbx-checkbox-track);align-items:center;gap:var(--kbx-space-2);padding:0 var(--kbx-space-3);border:0;border-bottom:var(--kbx-border-width) solid var(--kbx-color-border);background:transparent;text-align:left}.kbx-home__workbench-list button:last-child{border-bottom:0}.kbx-home__workbench-list button:hover{background:var(--kbx-color-surface-hover)}.kbx-home__workbench-list .source{font-size:var(--kbx-font-xs);font-weight:600;color:var(--kbx-color-text-muted)}.kbx-home__workbench-list .source[data-source="dirty"]{color:var(--kbx-color-warning-text)}.kbx-home__workbench-list .source[data-source="pinned"],.kbx-home__workbench-list .source[data-source="favorite"]{color:var(--kbx-color-primary)}.kbx-home__workbench-list .main{display:grid;min-width:0}.kbx-home__workbench-list .main b{font-size:var(--kbx-font-md);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kbx-home__workbench-list .main small,.kbx-home__workbench-list .resume{font-size:var(--kbx-font-xs);color:var(--kbx-color-text-muted)}.kbx-home__workbench-list .resume{white-space:nowrap}.kbx-home__empty{margin:0;padding:var(--kbx-space-5) var(--kbx-space-3);color:var(--kbx-color-text-muted);font-size:var(--kbx-font-sm)}.kbx-home__all-header nav{display:flex;gap:var(--kbx-space-1);margin-left:auto}.kbx-home__filter-status{color:var(--kbx-color-text-muted);font-size:var(--kbx-font-xs);white-space:nowrap}.kbx-home__all-header nav button{height:var(--kbx-control-xs);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface);padding:0 var(--kbx-space-2)}.kbx-home__all-header nav button[aria-pressed="true"]{border-color:var(--kbx-color-primary);color:var(--kbx-color-primary);font-weight:600}.kbx-home__modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.kbx-home__module{min-width:0;border-right:var(--kbx-border-width) solid var(--kbx-color-border);border-bottom:var(--kbx-border-width) solid var(--kbx-color-border)}.kbx-home__module:nth-child(2n){border-right:0}.kbx-home__module>header{height:var(--kbx-home-module-header-height);display:flex;box-shadow:inset var(--kbx-accent-border-width) 0 0 var(--kbx-color-module-accent);align-items:center;gap:var(--kbx-space-2);padding:0 var(--kbx-space-3);border-bottom:var(--kbx-border-width) solid var(--kbx-color-border)}.kbx-home__module>header strong{font-size:var(--kbx-font-lg);color:var(--kbx-color-module-accent)}.kbx-home__module>header span,.kbx-home__module>header small{font-size:var(--kbx-font-xs);color:var(--kbx-color-text-muted)}.kbx-home__module>header small{margin-left:auto}.kbx-home__group{padding:var(--kbx-space-2) var(--kbx-space-2) var(--kbx-space-3)}.kbx-home__group h3{margin:0 var(--kbx-space-1) var(--kbx-space-1);font-size:var(--kbx-font-xs);font-weight:600;color:var(--kbx-color-text-muted)}.kbx-home__group-links{display:flex;flex-direction:column}.kbx-home__group-row{min-height:var(--kbx-control-height);display:flex;align-items:center;border-radius:var(--kbx-radius-sm)}.kbx-home__group-row:hover{background:var(--kbx-color-surface-hover)}.kbx-home__group-row .launch{min-height:var(--kbx-control-height);min-width:0;flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--kbx-space-2);padding:0 var(--kbx-space-2);border:0;background:transparent;text-align:left}.kbx-home__group-row .launch span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kbx-home__group-row .launch small{color:var(--kbx-color-text-muted);font-size:var(--kbx-font-xs);white-space:nowrap}.kbx-home__group-row .favorite{width:var(--kbx-control-xs);height:var(--kbx-control-xs);border:0;border-radius:var(--kbx-radius-sm);background:transparent;color:var(--kbx-color-text-muted)}.kbx-home__group-row .favorite[aria-pressed="true"]{color:var(--kbx-color-primary)}.kbx-home__group-row .favorite:hover{background:var(--kbx-color-surface)}@media(max-width:56rem){.kbx-home__module-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.kbx-home__module-rail-label{grid-column:1/-1;min-height:var(--kbx-control-xs);border-right:0;border-bottom:var(--kbx-border-width) solid var(--kbx-color-border)}.kbx-home__module-rail button{border-bottom:var(--kbx-border-width) solid var(--kbx-color-border)}.kbx-home__pulse{grid-template-columns:repeat(2,minmax(0,1fr))}.kbx-home__pulse button:nth-child(2){border-right:0}.kbx-home__pulse button:nth-child(-n+2){border-bottom:var(--kbx-border-width) solid var(--kbx-color-border)}.kbx-home__attention-list{grid-template-columns:1fr}.kbx-home__modules{grid-template-columns:1fr}.kbx-home__module{border-right:0}.kbx-home__header,.kbx-home__all-header{align-items:flex-start;flex-direction:column;padding-bottom:var(--kbx-space-3)}.kbx-home__search{width:100%}}
+
+/* v43 theme hierarchy: business emphasis without dashboard-card inflation */
+.kbx-home__header p{color:var(--kbx-color-primary);font-weight:600;letter-spacing:.01em}.kbx-home__header h1{letter-spacing:-.02em}.kbx-home__search:hover{border-color:var(--kbx-color-primary);background:var(--kbx-color-surface-hover)}
+.kbx-home__attention{border-color:var(--kbx-color-warning-border)}.kbx-home__attention-list button{border-left:var(--kbx-accent-border-width) solid var(--kbx-color-warning-border)}.kbx-home__attention-list button.critical{border-left-color:var(--kbx-color-danger)}
+.kbx-home__workbench-list .source{justify-self:start;padding:var(--kbx-space-1) var(--kbx-space-2);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-pill);background:var(--kbx-color-surface-muted)}.kbx-home__workbench-list .source[data-source="dirty"]{border-color:var(--kbx-color-warning-border);background:var(--kbx-color-warning-surface)}.kbx-home__workbench-list .source[data-source="pinned"],.kbx-home__workbench-list .source[data-source="favorite"]{border-color:var(--kbx-color-info-border);background:var(--kbx-color-info-surface)}
+.kbx-home__module>header{background:var(--kbx-color-surface-subtle)}.kbx-home__module>header strong{color:var(--kbx-color-module-accent)}.kbx-home__all-header nav button[aria-pressed="true"]{background:var(--kbx-color-info-surface);border-color:var(--kbx-color-info-border)}
+</style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxMenuSearch.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxMenuSearch.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxMenuSearch.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxMenuSearch.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxRouteNotFound.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxRouteNotFound.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxRouteNotFound.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxRouteNotFound.vue
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxSideNavigation.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxSideNavigation.vue
new file mode 100644
index 00000000..5ae4d4f3
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxSideNavigation.vue
@@ -0,0 +1,51 @@
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import type { KbxNavigationResolvedEntry, KbxNavigationSection, KbxRecentNavigation } from '@kbx/contracts'
+
+const props=withDefaults(defineProps<{sections:KbxNavigationSection[];favorites?:KbxNavigationResolvedEntry[];recents?:KbxRecentNavigation[];activeScreenId?:string|null;collapsed?:boolean;homeActive?:boolean;preferredModule?:string}>(),{favorites:()=>[],recents:()=>[],activeScreenId:null,collapsed:false,homeActive:false,preferredModule:''})
+const emit=defineEmits<{home:[];open:[entry:KbxNavigationResolvedEntry];openRecent:[entry:KbxRecentNavigation];toggleFavorite:[screenId:string];toggleCollapsed:[];menuSearch:[];moduleSelected:[module:string]}>()
+const moduleLabel:Record<string,string>={OMS:'OMS',ERP:'ERP',WMS:'WMS',COMMON:'공통'}
+const moduleOrder=['OMS','ERP','WMS','COMMON'] as const
+const grouped=computed(()=>moduleOrder.map(module=>({module,label:moduleLabel[module],sections:props.sections.filter(section=>section.module===module)})).filter(group=>group.sections.length))
+const activeModule=computed(()=>props.sections.find(section=>section.entries.some(entry=>entry.screenId===props.activeScreenId))?.module)
+const selectedModule=ref<string>('')
+watch([()=>props.preferredModule,activeModule,grouped],()=>{if(props.preferredModule&&grouped.value.some(x=>x.module===props.preferredModule))selectedModule.value=props.preferredModule;else if(activeModule.value)selectedModule.value=activeModule.value;else if(!grouped.value.some(x=>x.module===selectedModule.value))selectedModule.value=grouped.value[0]?.module??''},{immediate:true})
+const selectedGroup=computed(()=>grouped.value.find(x=>x.module===selectedModule.value)??grouped.value[0])
+const isFavorite=(id:string)=>props.favorites.some(x=>x.screenId===id)
+function chooseModule(module:string){selectedModule.value=module;emit('moduleSelected',module);if(props.collapsed)emit('toggleCollapsed')}
+</script>
+
+<template>
+  <aside class="side-nav" :class="{collapsed:props.collapsed}" aria-label="업무 메뉴">
+    <div class="side-nav__top">
+      <button class="home" type="button" :class="{active:homeActive}" :aria-current="homeActive?'page':undefined" @click="emit('home')"><span aria-hidden="true">⌂</span><span v-if="!collapsed">홈</span></button>
+      <button class="collapse" type="button" @click="emit('toggleCollapsed')" :aria-label="props.collapsed?'메뉴 펼치기':'메뉴 접기'">{{props.collapsed?'›':'‹'}}</button>
+    </div>
+
+    <template v-if="!props.collapsed">
+      <button class="side-nav__search" type="button" aria-keyshortcuts="Control+K" @click="emit('menuSearch')"><span>메뉴·화면 검색</span><kbd>Ctrl K</kbd></button>
+      <nav class="module-switcher" aria-label="업무 모듈"><button v-for="group in grouped" :key="group.module" type="button" :aria-pressed="selectedModule===group.module" @click="chooseModule(group.module)">{{group.label}}</button></nav>
+
+      <section v-if="props.favorites.length" class="personal"><h2>즐겨찾기</h2><button v-for="entry in props.favorites.slice(0,6)" :key="entry.screenId" class="nav-item favorite" :class="{active:entry.screenId===props.activeScreenId}" :aria-current="entry.screenId===props.activeScreenId?'page':undefined" @click="emit('open',entry)"><span aria-hidden="true">★</span><span>{{entry.title}}</span></button></section>
+      <section v-if="props.recents.length" class="personal"><h2>최근메뉴</h2><button v-for="entry in props.recents.slice(0,4)" :key="entry.screenId+entry.path" class="nav-item" @click="emit('openRecent',entry)"><span aria-hidden="true">↺</span><span>{{entry.title}}</span></button></section>
+
+      <section v-if="selectedGroup" class="module-block active">
+        <h2 class="module-title">{{selectedGroup.label}} 업무</h2>
+        <div v-for="section in selectedGroup.sections" :key="section.key" class="section-block">
+          <h3>{{section.label.replace(`${selectedGroup.label} · `,'')}}</h3>
+          <div v-for="entry in section.entries" :key="entry.screenId" class="row">
+            <button class="nav-item main" :class="{active:entry.screenId===props.activeScreenId}" :aria-current="entry.screenId===props.activeScreenId?'page':undefined" @click="emit('open',entry)"><span>{{entry.title}}</span></button>
+            <button v-if="entry.favoriteAllowed!==false" class="star" type="button" :aria-label="`${entry.title} ${isFavorite(entry.screenId)?'즐겨찾기 해제':'즐겨찾기 추가'}`" :aria-pressed="isFavorite(entry.screenId)" @click="emit('toggleFavorite',entry.screenId)">{{isFavorite(entry.screenId)?'★':'☆'}}</button>
+          </div>
+        </div>
+      </section>
+    </template>
+
+    <div v-else class="collapsed-actions"><button v-for="group in grouped" :key="group.module" type="button" :class="{active:activeModule===group.module}" :title="`${group.label} 메뉴 열기`" @click="chooseModule(group.module)">{{group.module==='COMMON'?'공':group.module.charAt(0)}}</button><button type="button" title="메뉴 검색" aria-label="메뉴 검색" aria-keyshortcuts="Control+K" @click="emit('menuSearch')">⌕</button></div>
+  </aside>
+</template>
+
+<style scoped>
+.side-nav{position:relative;width:var(--kbx-side-nav-width);min-width:var(--kbx-side-nav-width);border-right:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-navigation-surface);overflow:auto;padding:var(--kbx-space-2) var(--kbx-space-2) var(--kbx-space-5)}.side-nav.collapsed{width:var(--kbx-side-nav-collapsed-width);min-width:var(--kbx-side-nav-collapsed-width);overflow:hidden}.side-nav__top{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:var(--kbx-space-1);padding-bottom:var(--kbx-space-2);background:var(--kbx-color-navigation-surface)}.home{height:var(--kbx-control-sm);flex:1;display:flex;align-items:center;gap:var(--kbx-space-2);border:0;border-radius:var(--kbx-radius-sm);background:transparent;padding:0 var(--kbx-space-2);text-align:left}.home:hover,.home.active{background:var(--kbx-color-module-accent-surface);color:var(--kbx-color-module-accent)}.collapse{width:var(--kbx-control-xs);height:var(--kbx-control-xs);border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface);border-radius:var(--kbx-radius-sm)}.side-nav__search{width:100%;height:var(--kbx-control-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--kbx-space-2);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface-muted);color:var(--kbx-color-text-muted)}.side-nav__search kbd{font-size:var(--kbx-font-xs)}.module-switcher{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--kbx-space-1);margin-top:var(--kbx-space-2)}.module-switcher button{height:var(--kbx-control-xs);border:var(--kbx-border-width) solid var(--kbx-color-border);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface);font-size:var(--kbx-font-xs)}.module-switcher button[aria-pressed="true"]{border-color:var(--kbx-color-module-accent-border);color:var(--kbx-color-module-accent);font-weight:600;background:var(--kbx-color-module-accent-surface)}.side-nav h2{margin:var(--kbx-space-3) var(--kbx-space-2) var(--kbx-space-1);font-size:var(--kbx-font-xs);font-weight:600;color:var(--kbx-color-text-muted)}.module-block{margin-top:var(--kbx-space-2);padding-top:var(--kbx-space-1);border-top:var(--kbx-border-width) solid var(--kbx-color-border)}.module-block.active>.module-title{color:var(--kbx-color-module-accent)}.section-block h3{margin:var(--kbx-space-2) var(--kbx-space-2) var(--kbx-space-1);font-size:var(--kbx-font-xs);font-weight:600;color:var(--kbx-color-text-muted)}.row{display:flex;align-items:center}.nav-item{min-height:var(--kbx-control-sm);border:0;background:transparent;border-radius:var(--kbx-radius-sm);display:flex;align-items:center;gap:var(--kbx-space-2);width:100%;padding:0 var(--kbx-space-2);text-align:left;color:var(--kbx-color-text)}.nav-item:hover,.nav-item.active{background:var(--kbx-color-surface-hover)}.nav-item.active{color:var(--kbx-color-module-accent);font-weight:600;box-shadow:inset var(--kbx-accent-border-width) 0 0 var(--kbx-color-module-accent)}.nav-item.main{min-width:0;flex:1}.nav-item.main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.star{width:var(--kbx-control-xs);height:var(--kbx-control-xs);border:0;background:transparent;color:var(--kbx-color-text-muted);border-radius:var(--kbx-radius-sm)}.star:hover{background:var(--kbx-color-module-accent-surface);color:var(--kbx-color-module-accent)}.collapsed .side-nav__top{flex-direction:column}.collapsed .home{width:var(--kbx-control-md);flex:none;justify-content:center;padding:0}.collapsed .collapse{width:var(--kbx-control-md)}.collapsed-actions{display:flex;flex-direction:column;align-items:center;gap:var(--kbx-space-2);padding-top:var(--kbx-space-2);border-top:var(--kbx-border-width) solid var(--kbx-color-border)}.collapsed-actions button{width:var(--kbx-control-md);height:var(--kbx-control-md);border:0;border-radius:var(--kbx-radius-sm);background:transparent;font-size:var(--kbx-font-xs);font-weight:600;color:var(--kbx-color-text-muted)}.collapsed-actions button:hover,.collapsed-actions button.active{background:var(--kbx-color-module-accent-surface);color:var(--kbx-color-module-accent)}
+@media(max-width:56rem){.side-nav:not(.collapsed){width:var(--kbx-side-nav-collapsed-width);min-width:var(--kbx-side-nav-collapsed-width);overflow:hidden;padding-inline:var(--kbx-space-2)}.side-nav:not(.collapsed) .side-nav__top{flex-direction:column}.side-nav:not(.collapsed) .home{width:var(--kbx-control-md);flex:none;justify-content:center;padding:0}.side-nav:not(.collapsed) .home span:last-child{display:none}.side-nav:not(.collapsed) .collapse{width:var(--kbx-control-md)}.side-nav:not(.collapsed) .side-nav__search,.side-nav:not(.collapsed) .module-switcher,.side-nav:not(.collapsed) .personal,.side-nav:not(.collapsed) .module-block{display:none}}
+</style>
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxUnsavedChangesDialog.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxUnsavedChangesDialog.vue
new file mode 100644
index 00000000..693663c0
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxUnsavedChangesDialog.vue
@@ -0,0 +1,86 @@
+<script setup lang="ts">
+import { nextTick, ref, watch } from 'vue'
+
+const props = withDefaults(defineProps<{
+  open:boolean
+  title?:string
+  canSave?:boolean
+  saving?:boolean
+}>(), {
+  title:'저장하지 않은 변경사항이 있습니다.',
+  canSave:true,
+  saving:false,
+})
+const emit = defineEmits<{ stay:[]; discard:[]; save:[] }>()
+
+const dialog = ref<HTMLElement | null>(null)
+let restoreFocus:HTMLElement | null = null
+
+function focusables() {
+  if (!dialog.value) return []
+  return Array.from(dialog.value.querySelectorAll<HTMLElement>('button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'))
+    .filter(element => element.offsetParent !== null)
+}
+
+function onKeydown(event:KeyboardEvent) {
+  if (event.key === 'Escape' && !props.saving) {
+    event.preventDefault()
+    emit('stay')
+    return
+  }
+  if (event.key !== 'Tab') return
+  const nodes = focusables()
+  if (!nodes.length) return
+  const first = nodes[0]
+  const last = nodes[nodes.length - 1]
+  if (event.shiftKey && document.activeElement === first) {
+    event.preventDefault()
+    last.focus()
+  } else if (!event.shiftKey && document.activeElement === last) {
+    event.preventDefault()
+    first.focus()
+  }
+}
+
+watch(() => props.open, async (open, previous) => {
+  if (open) {
+    restoreFocus = document.activeElement instanceof HTMLElement ? document.activeElement : null
+    await nextTick()
+    focusables()[0]?.focus()
+  } else if (previous) {
+    await nextTick()
+    restoreFocus?.focus()
+    restoreFocus = null
+  }
+})
+</script>
+
+<template>
+  <div v-if="props.open" class="overlay" @mousedown.self="!props.saving && emit('stay')">
+    <section
+      ref="dialog"
+      class="dialog"
+      role="dialog"
+      aria-modal="true"
+      aria-labelledby="unsaved-title"
+      aria-describedby="unsaved-detail"
+      @keydown="onKeydown"
+    >
+      <h2 id="unsaved-title">{{props.title}}</h2>
+      <p id="unsaved-detail">변경사항을 어떻게 처리할지 선택하세요.</p>
+      <div class="actions">
+        <button type="button" :disabled="props.saving" @click="emit('stay')">계속 편집</button>
+        <button type="button" class="danger" :disabled="props.saving" @click="emit('discard')">변경 버리기</button>
+        <button v-if="props.canSave" type="button" class="primary" :disabled="props.saving" @click="emit('save')">{{props.saving?'저장 중...':'저장 후 이동'}}</button>
+      </div>
+    </section>
+  </div>
+</template>
+
+<style scoped>
+.overlay{position:fixed;inset:0;z-index:220;display:flex;align-items:center;justify-content:center;background:var(--kbx-color-overlay)}
+.dialog{width:min(440px,calc(100vw - 24px));padding:18px;border:1px solid var(--kbx-color-border);border-radius:var(--kbx-radius-md);background:var(--kbx-color-surface);box-shadow:var(--kbx-shadow-overlay)}
+h2{font-size:var(--kbx-font-lg);margin:0 0 8px}p{color:var(--kbx-color-text-muted)}
+.actions{display:flex;justify-content:flex-end;gap:6px;margin-top:18px}.actions button{height:34px;padding:0 12px;border:1px solid var(--kbx-color-border);border-radius:var(--kbx-radius-sm);background:var(--kbx-color-surface)}
+.actions .primary{background:var(--kbx-color-primary);border-color:var(--kbx-color-primary);color:white}.actions .danger{color:var(--kbx-color-danger)}
+</style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxWorkspaceTabs.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxWorkspaceTabs.vue
similarity index 54%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxWorkspaceTabs.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxWorkspaceTabs.vue
index 434d3e07..80bf3b47 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/KbxWorkspaceTabs.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/KbxWorkspaceTabs.vue
@@ -6,6 +6,7 @@ const emit=defineEmits<{select:[tab:KbxWorkspaceTab];closeRequest:[tab:KbxWorksp
 const tabButtons=ref<Record<string,HTMLButtonElement|null>>({})
 const visibleTabs=computed(()=>{if(props.tabs.length<=props.maxTabs)return props.tabs;const first=props.tabs.slice(0,props.maxTabs);const active=props.tabs.find(x=>x.key===props.activeKey);if(active&&!first.some(x=>x.key===active.key))first[first.length-1]=active;return first})
 const overflowTabs=computed(()=>props.tabs.filter(tab=>!visibleTabs.value.some(x=>x.key===tab.key)))
+const focusableKey=computed(()=>props.activeKey??visibleTabs.value[0]?.key??null)
 async function selectAndFocus(tab:KbxWorkspaceTab){emit('select',tab);await nextTick();tabButtons.value[tab.key]?.focus()}
 function move(tab:KbxWorkspaceTab,direction:'prev'|'next'|'first'|'last'){const list=visibleTabs.value;const index=list.findIndex(x=>x.key===tab.key);if(index<0)return;const target=direction==='first'?list[0]:direction==='last'?list.at(-1):list[(index+(direction==='next'?1:-1)+list.length)%list.length];if(target)void selectAndFocus(target)}
 function keydown(event:KeyboardEvent,tab:KbxWorkspaceTab){if(event.key==='ArrowLeft'){event.preventDefault();move(tab,'prev')}else if(event.key==='ArrowRight'){event.preventDefault();move(tab,'next')}else if(event.key==='Home'){event.preventDefault();move(tab,'first')}else if(event.key==='End'){event.preventDefault();move(tab,'last')}}
@@ -16,14 +17,14 @@ function setTabButton(key:string,el:unknown){tabButtons.value[key]=el instanceof
   <nav class="workspace-tabs" role="tablist" aria-label="열린 업무">
     <div v-if="props.tabs.length===0" class="empty">열린 업무가 없습니다.</div>
     <div v-for="tab in visibleTabs" :key="tab.key" class="tab-shell" :class="{active:tab.key===props.activeKey}">
-      <button :ref="el=>setTabButton(tab.key,el)" type="button" class="tab" role="tab" :aria-selected="tab.key===props.activeKey" :tabindex="tab.key===props.activeKey?0:-1" @click="emit('select',tab)" @keydown="keydown($event,tab)" @auxclick.middle.prevent="emit('closeRequest',tab)"><span v-if="tab.pinned" class="pin-mark" aria-label="고정됨">◆</span><span class="title">{{tab.title}}</span><span v-if="tab.dirty" class="dirty" title="저장하지 않은 변경" aria-label="저장하지 않은 변경">●</span></button>
+      <button :ref="el=>setTabButton(tab.key,el)" type="button" class="tab" role="tab" :aria-selected="tab.key===props.activeKey" :tabindex="tab.key===focusableKey?0:-1" @click="emit('select',tab)" @keydown="keydown($event,tab)" @auxclick.middle.prevent="emit('closeRequest',tab)"><span v-if="tab.pinned" class="pin-mark" aria-label="고정됨">◆</span><span v-if="tab.resumed&&!tab.dirty" class="resume-mark" title="이전 세션에서 복원된 업무 위치" aria-label="이전 세션에서 복원됨">↺</span><span class="title">{{tab.title}}</span><span v-if="tab.dirty" class="dirty" title="저장하지 않은 변경" aria-label="저장하지 않은 변경">●</span></button>
       <button type="button" class="pin" :aria-pressed="Boolean(tab.pinned)" :aria-label="tab.pinned?`${tab.title} 고정 해제`:`${tab.title} 고정`" @click="emit('togglePin',tab)">{{tab.pinned?'◆':'◇'}}</button>
       <button type="button" class="close" :aria-label="`${tab.title} 닫기`" @click="emit('closeRequest',tab)">×</button>
     </div>
-    <details v-if="overflowTabs.length" class="overflow"><summary>더보기 {{ overflowTabs.length }}</summary><div class="overflow-menu"><button v-for="tab in overflowTabs" :key="tab.key" type="button" @click="emit('select',tab)"><span>{{tab.title}}</span><small v-if="tab.pinned">고정</small><small v-if="tab.dirty">미저장</small></button></div></details>
+    <details v-if="overflowTabs.length" class="overflow"><summary>더보기 {{ overflowTabs.length }}</summary><div class="overflow-menu"><button v-for="tab in overflowTabs" :key="tab.key" type="button" @click="emit('select',tab)"><span>{{tab.title}}</span><small v-if="tab.pinned">고정</small><small v-if="tab.resumed&&!tab.dirty">복원</small><small v-if="tab.dirty">미저장</small></button></div></details>
   </nav>
 </template>
 
 <style scoped>
-.workspace-tabs{height:var(--kbx-workspace-tabs-height);display:flex;align-items:flex-end;gap:var(--kbx-border-width);overflow-x:auto;border-bottom:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface-muted);padding:0 var(--kbx-space-2)}.tab-shell{height:var(--kbx-workspace-tab-height);max-width:var(--kbx-workspace-tab-max-width);display:flex;align-items:center;border:var(--kbx-border-width) solid transparent;border-bottom:0;background:transparent}.tab-shell.active{background:var(--kbx-color-surface);border-color:var(--kbx-color-border)}.tab{height:100%;min-width:0;display:flex;align-items:center;gap:var(--kbx-space-2);border:0;background:transparent;padding:0 var(--kbx-space-2);color:var(--kbx-color-text-muted);white-space:nowrap}.tab-shell.active .tab{color:var(--kbx-color-text);font-weight:500}.title{overflow:hidden;text-overflow:ellipsis}.dirty{font-size:var(--kbx-font-xs);color:var(--kbx-color-warning)}.pin-mark{font-size:var(--kbx-font-xs);color:var(--kbx-color-primary)}.pin,.close{width:var(--kbx-control-xs);height:100%;border:0;background:transparent;color:var(--kbx-color-text-muted)}.pin{font-size:var(--kbx-font-xs)}.close{font-size:var(--kbx-font-xl)}.pin:hover,.close:hover,.pin:focus-visible,.close:focus-visible{background:var(--kbx-color-surface-hover)}.pin[aria-pressed="true"]{color:var(--kbx-color-primary)}.empty{font-size:var(--kbx-font-xs);color:var(--kbx-color-text-muted);padding:0 var(--kbx-space-2) var(--kbx-space-2);margin:auto}.overflow{position:relative;margin-left:auto;padding-bottom:var(--kbx-space-1)}.overflow summary{list-style:none;cursor:pointer;font-size:var(--kbx-font-xs);padding:var(--kbx-space-2)}.overflow-menu{position:absolute;right:0;top:var(--kbx-control-height);z-index:80;min-width:var(--kbx-workspace-overflow-width);padding:var(--kbx-space-1);border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface);box-shadow:var(--kbx-shadow-overlay)}.overflow-menu button{width:100%;min-height:var(--kbx-control-xs);display:flex;align-items:center;gap:var(--kbx-space-2);border:0;background:transparent;text-align:left;padding:0 var(--kbx-space-2)}.overflow-menu button span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-menu button small{font-size:var(--kbx-font-xs);color:var(--kbx-color-text-muted)}.overflow-menu button:hover{background:var(--kbx-color-surface-hover)}
+.workspace-tabs{height:var(--kbx-workspace-tabs-height);display:flex;align-items:flex-end;gap:var(--kbx-border-width);overflow-x:auto;border-bottom:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface-muted);padding:0 var(--kbx-space-2)}.tab-shell{height:var(--kbx-workspace-tab-height);max-width:var(--kbx-workspace-tab-max-width);display:flex;align-items:center;border:var(--kbx-border-width) solid transparent;border-bottom:0;background:transparent}.tab-shell.active{background:var(--kbx-color-surface);border-color:var(--kbx-color-border);box-shadow:inset 0 calc(var(--kbx-border-width) * 2) 0 var(--kbx-color-module-accent)}.tab{height:100%;min-width:0;display:flex;align-items:center;gap:var(--kbx-space-2);border:0;background:transparent;padding:0 var(--kbx-space-2);color:var(--kbx-color-text-muted);white-space:nowrap}.tab-shell.active .tab{color:var(--kbx-color-text);font-weight:500}.title{overflow:hidden;text-overflow:ellipsis}.dirty{font-size:var(--kbx-font-xs);color:var(--kbx-color-warning)}.pin-mark{font-size:var(--kbx-font-xs);color:var(--kbx-color-module-accent)}.resume-mark{font-size:var(--kbx-font-sm);color:var(--kbx-color-info);font-weight:600}.pin,.close{width:var(--kbx-control-xs);height:100%;border:0;background:transparent;color:var(--kbx-color-text-muted)}.pin{font-size:var(--kbx-font-xs)}.close{font-size:var(--kbx-font-xl)}.pin:hover,.close:hover,.pin:focus-visible,.close:focus-visible{background:var(--kbx-color-surface-hover)}.pin[aria-pressed="true"]{color:var(--kbx-color-module-accent)}.empty{font-size:var(--kbx-font-xs);color:var(--kbx-color-text-muted);padding:0 var(--kbx-space-2) var(--kbx-space-2);margin:auto}.overflow{position:relative;margin-left:auto;padding-bottom:var(--kbx-space-1)}.overflow summary{list-style:none;cursor:pointer;font-size:var(--kbx-font-xs);padding:var(--kbx-space-2)}.overflow-menu{position:absolute;right:0;top:var(--kbx-control-height);z-index:80;min-width:var(--kbx-workspace-overflow-width);padding:var(--kbx-space-1);border:var(--kbx-border-width) solid var(--kbx-color-border);background:var(--kbx-color-surface);box-shadow:var(--kbx-shadow-overlay)}.overflow-menu button{width:100%;min-height:var(--kbx-control-xs);display:flex;align-items:center;gap:var(--kbx-space-2);border:0;background:transparent;text-align:left;padding:0 var(--kbx-space-2)}.overflow-menu button span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-menu button small{font-size:var(--kbx-font-xs);color:var(--kbx-color-text-muted)}.overflow-menu button:hover{background:var(--kbx-color-surface-hover)}
 </style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/homeNavigation.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/homeNavigation.ts
similarity index 99%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/homeNavigation.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/homeNavigation.ts
index 4c55363f..28c01e56 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/homeNavigation.ts
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/homeNavigation.ts
@@ -49,7 +49,7 @@ export function buildKbxHomeWorkbench(
       section:entry.section,
       path:tab.path,
       source,
-      sourceLabel:sourceLabel[source],
+      sourceLabel:tab.resumed&&!tab.dirty?'복원':sourceLabel[source],
       tabKey:tab.key,
       instanceLabel:routeInstanceLabel(tab.path,entry.path),
       homeGroup:entry.homeGroup,
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/navigationSearch.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/navigationSearch.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/navigationSearch.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/navigationSearch.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/navigationSecurity.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/navigationSecurity.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/shell/navigationSecurity.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/shell/navigationSecurity.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/theme/kbxGridTheme.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/theme/kbxGridTheme.ts
similarity index 68%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/theme/kbxGridTheme.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/theme/kbxGridTheme.ts
index 04550d02..728cfa68 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/theme/kbxGridTheme.ts
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/theme/kbxGridTheme.ts
@@ -5,6 +5,10 @@ export const kbxGridTheme = themeQuartz.withParams({
   spacing: 4,
   foregroundColor: 'var(--kbx-color-text)',
   backgroundColor: 'var(--kbx-color-surface)',
+  accentColor: 'var(--kbx-color-primary)',
+  borderColor: 'var(--kbx-color-border)',
   headerBackgroundColor: 'var(--kbx-color-surface-subtle)',
+  headerTextColor: 'var(--kbx-color-text)',
   rowHoverColor: 'var(--kbx-color-surface-hover)',
+  selectedRowBackgroundColor: 'var(--kbx-color-info-surface)',
 })
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/theme/kbxTheme.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/theme/kbxTheme.ts
new file mode 100644
index 00000000..c463d626
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/theme/kbxTheme.ts
@@ -0,0 +1,18 @@
+export type KbxThemeMode = 'light' | 'dark'
+
+export const KBX_THEME_MODES: readonly KbxThemeMode[] = ['light', 'dark'] as const
+
+export function normalizeKbxThemeMode(value: unknown): KbxThemeMode {
+  return value === 'dark' ? 'dark' : 'light'
+}
+
+export function applyKbxTheme(mode: KbxThemeMode, root: HTMLElement = document.documentElement) {
+  const normalized = normalizeKbxThemeMode(mode)
+  root.dataset.kbxTheme = normalized
+  root.style.colorScheme = normalized
+  return normalized
+}
+
+export function nextKbxThemeMode(mode: KbxThemeMode): KbxThemeMode {
+  return mode === 'dark' ? 'light' : 'dark'
+}
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/tokens/kbx.css b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/tokens/kbx.css
similarity index 57%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/tokens/kbx.css
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/tokens/kbx.css
index 94667dee..ba8b9e5a 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/tokens/kbx.css
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/tokens/kbx.css
@@ -53,6 +53,14 @@
   --kbx-color-danger: var(--kbx-red-600);
   --kbx-color-focus: #1570ef;
   --kbx-color-overlay: rgba(16, 24, 40, .38);
+  --kbx-color-workspace: #f5f7fa;
+  --kbx-color-shell-chrome: #ffffff;
+  --kbx-color-navigation-surface: #fbfcfe;
+  --kbx-color-section-heading: #f7f9fc;
+  --kbx-color-module-accent: var(--kbx-blue-600);
+  --kbx-color-module-accent-surface: #eff8ff;
+  --kbx-color-module-accent-border: #b2ddff;
+  --kbx-shadow-shell: 0 1px 2px rgba(16,24,40,.05);
   --kbx-color-info-surface: #eff8ff;
   --kbx-color-info-border: #b2ddff;
   --kbx-color-success-surface: #ecfdf3;
@@ -99,7 +107,7 @@
   --kbx-master-detail-master-min-lg: 460px;
   --kbx-side-nav-width: 220px;
   --kbx-side-nav-collapsed-width: 56px;
-  --kbx-home-max-width: 1180px;
+  --kbx-home-max-width: 1280px;
   --kbx-home-search-max-width: 520px;
   --kbx-home-header-min-height: 72px;
   --kbx-home-attention-height: 44px;
@@ -160,6 +168,95 @@
 
 }
 
+[data-kbx-theme="dark"] {
+  color-scheme: dark;
+  --kbx-color-surface: #111827;
+  --kbx-color-surface-muted: #0b1220;
+  --kbx-color-surface-subtle: #172033;
+  --kbx-color-surface-hover: #182943;
+  --kbx-color-text: #e5e7eb;
+  --kbx-color-text-muted: #94a3b8;
+  --kbx-color-border: #334155;
+  --kbx-color-border-strong: #64748b;
+  --kbx-color-primary: #60a5fa;
+  --kbx-color-success: #34d399;
+  --kbx-color-warning: #fbbf24;
+  --kbx-color-danger: #fb7185;
+  --kbx-color-focus: #93c5fd;
+  --kbx-color-overlay: rgba(2, 6, 23, .68);
+  --kbx-color-info-surface: #102a43;
+  --kbx-color-info-border: #285b8f;
+  --kbx-color-success-surface: #062e24;
+  --kbx-color-success-border: #166534;
+  --kbx-color-warning-surface: #33270b;
+  --kbx-color-warning-border: #854d0e;
+  --kbx-color-warning-text: #fcd34d;
+  --kbx-color-danger-surface: #3b1118;
+  --kbx-color-danger-border: #9f1239;
+  --kbx-color-changed-surface: #102a43;
+  --kbx-color-changed-border: #3b82f6;
+  --kbx-color-ai-surface: #241b45;
+  --kbx-color-ai-border: #6d5bd0;
+  --kbx-color-ai-text: #c4b5fd;
+  --kbx-shadow-overlay: 0 18px 48px rgba(0,0,0,.42);
+  --kbx-color-workspace: #0a1020;
+  --kbx-color-shell-chrome: #111827;
+  --kbx-color-navigation-surface: #0d1524;
+  --kbx-color-section-heading: #151f31;
+  --kbx-color-module-accent: #84adff;
+  --kbx-color-module-accent-surface: #102a43;
+  --kbx-color-module-accent-border: #285b8f;
+  --kbx-shadow-shell: 0 1px 2px rgba(0,0,0,.42);
+}
+
+[data-kbx-module="OMS"] {
+  --kbx-color-module-accent: #175cd3;
+  --kbx-color-module-accent-surface: #eff8ff;
+  --kbx-color-module-accent-border: #b2ddff;
+}
+
+[data-kbx-theme="dark"] [data-kbx-module="OMS"] {
+  --kbx-color-module-accent: #84adff;
+  --kbx-color-module-accent-surface: #102a43;
+  --kbx-color-module-accent-border: #285b8f;
+}
+
+[data-kbx-module="ERP"] {
+  --kbx-color-module-accent: #6938ef;
+  --kbx-color-module-accent-surface: #f4f3ff;
+  --kbx-color-module-accent-border: #d9d6fe;
+}
+
+[data-kbx-theme="dark"] [data-kbx-module="ERP"] {
+  --kbx-color-module-accent: #b9a2ff;
+  --kbx-color-module-accent-surface: #241b45;
+  --kbx-color-module-accent-border: #6d5bd0;
+}
+
+[data-kbx-module="WMS"] {
+  --kbx-color-module-accent: #087e8b;
+  --kbx-color-module-accent-surface: #ecfdff;
+  --kbx-color-module-accent-border: #a5f0fc;
+}
+
+[data-kbx-theme="dark"] [data-kbx-module="WMS"] {
+  --kbx-color-module-accent: #63c5da;
+  --kbx-color-module-accent-surface: #0d2f36;
+  --kbx-color-module-accent-border: #1f6672;
+}
+
+[data-kbx-module="COMMON"] {
+  --kbx-color-module-accent: #475467;
+  --kbx-color-module-accent-surface: #f2f4f7;
+  --kbx-color-module-accent-border: #d0d5dd;
+}
+
+[data-kbx-theme="dark"] [data-kbx-module="COMMON"] {
+  --kbx-color-module-accent: #b3b8c4;
+  --kbx-color-module-accent-surface: #172033;
+  --kbx-color-module-accent-border: #475467;
+}
+
 html, body, button, input, select, textarea {
   font-family: var(--kbx-font-family);
 }
@@ -180,3 +277,36 @@ html, body, button, input, select, textarea {
   outline: 2px solid var(--kbx-color-focus);
   outline-offset: 2px;
 }
+
+@media (forced-colors: active) {
+  :root, [data-kbx-theme="light"], [data-kbx-theme="dark"] {
+    --kbx-color-surface: Canvas;
+    --kbx-color-surface-muted: Canvas;
+    --kbx-color-surface-subtle: Canvas;
+    --kbx-color-surface-hover: Highlight;
+    --kbx-color-text: CanvasText;
+    --kbx-color-text-muted: CanvasText;
+    --kbx-color-border: ButtonBorder;
+    --kbx-color-border-strong: CanvasText;
+    --kbx-color-primary: LinkText;
+    --kbx-color-success: CanvasText;
+    --kbx-color-warning: CanvasText;
+    --kbx-color-danger: CanvasText;
+    --kbx-color-focus: Highlight;
+    --kbx-color-info-surface: Canvas;
+    --kbx-color-success-surface: Canvas;
+    --kbx-color-warning-surface: Canvas;
+    --kbx-color-danger-surface: Canvas;
+    --kbx-color-ai-surface: Canvas;
+    --kbx-color-module-accent: Highlight;
+    --kbx-color-module-accent-surface: Canvas;
+    --kbx-color-module-accent-border: Highlight;
+    --kbx-color-workspace: Canvas;
+    --kbx-color-shell-chrome: Canvas;
+    --kbx-color-navigation-surface: Canvas;
+    --kbx-color-section-heading: Canvas;
+    --kbx-shadow-shell: none;
+    --kbx-shadow-overlay: none;
+  }
+  :focus-visible { outline-color: Highlight; }
+}
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/tokens/source/kbx.tokens.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/tokens/source/kbx.tokens.json
similarity index 83%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/tokens/source/kbx.tokens.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/tokens/source/kbx.tokens.json
index e23f24c8..2f9f5aec 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/tokens/source/kbx.tokens.json
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/tokens/source/kbx.tokens.json
@@ -1,6 +1,6 @@
 {
-  "version": "1.8.0",
-  "description": "KBX single source of truth for design tokens. v1.8 adds canonical form composition and Home workbench/navigation hardening surfaces.",
+  "version": "1.10.0",
+  "description": "KBX single source of truth for design tokens. v1.10 adds presentation-workbench surfaces and module identity accents while keeping domain status semantics independent.",
   "tokens": [
     {
       "path": "typography.fontFamily",
@@ -339,6 +339,70 @@
       "role": "primitive",
       "value": "8px"
     },
+    {
+      "path": "semantic.surface.workspace",
+      "css": "--kbx-color-workspace",
+      "type": "color",
+      "role": "semantic",
+      "value": "#f5f7fa",
+      "description": "업무 Workspace 배경. 카드 장식이 아니라 작업면 분리를 위한 저채도 surface."
+    },
+    {
+      "path": "semantic.surface.shellChrome",
+      "css": "--kbx-color-shell-chrome",
+      "type": "color",
+      "role": "semantic",
+      "value": "#ffffff",
+      "description": "Global Header/Page Header/Command chrome surface."
+    },
+    {
+      "path": "semantic.surface.navigation",
+      "css": "--kbx-color-navigation-surface",
+      "type": "color",
+      "role": "semantic",
+      "value": "#fbfcfe",
+      "description": "Side navigation 전용 surface."
+    },
+    {
+      "path": "semantic.surface.sectionHeading",
+      "css": "--kbx-color-section-heading",
+      "type": "color",
+      "role": "semantic",
+      "value": "#f7f9fc",
+      "description": "업무 Section heading/step surface."
+    },
+    {
+      "path": "semantic.module.accent",
+      "css": "--kbx-color-module-accent",
+      "type": "color",
+      "role": "semantic",
+      "value": "{color.blue.600}",
+      "description": "현재 모듈 식별용 accent. 상태/위험 의미로 사용 금지."
+    },
+    {
+      "path": "semantic.module.accentSurface",
+      "css": "--kbx-color-module-accent-surface",
+      "type": "color",
+      "role": "semantic",
+      "value": "#eff8ff",
+      "description": "모듈 식별용 저채도 surface. 업무 상태 색상과 분리."
+    },
+    {
+      "path": "semantic.module.accentBorder",
+      "css": "--kbx-color-module-accent-border",
+      "type": "color",
+      "role": "semantic",
+      "value": "#b2ddff",
+      "description": "모듈 식별용 border."
+    },
+    {
+      "path": "semantic.shadow.shell",
+      "css": "--kbx-shadow-shell",
+      "type": "shadow",
+      "role": "semantic",
+      "value": "0 1px 2px rgba(16,24,40,.05)",
+      "description": "업무 chrome/work surface의 최소 계층 shadow."
+    },
     {
       "path": "component.control.height",
       "css": "--kbx-control-height",
@@ -618,7 +682,7 @@
       "css": "--kbx-home-max-width",
       "type": "dimension",
       "role": "component",
-      "value": "1180px"
+      "value": "1280px"
     },
     {
       "path": "component.home.searchMaxWidth",
@@ -1123,5 +1187,105 @@
       "component.grid.rowHeight": "52px",
       "component.grid.headerHeight": "48px"
     }
+  },
+  "themes": {
+    "light": {
+      "label": "KBX Business Light",
+      "colorScheme": "light",
+      "overrides": {}
+    },
+    "dark": {
+      "label": "KBX Business Dark",
+      "colorScheme": "dark",
+      "overrides": {
+        "semantic.surface.default": "#111827",
+        "semantic.surface.muted": "#0b1220",
+        "semantic.surface.subtle": "#172033",
+        "semantic.surface.hover": "#182943",
+        "semantic.text.default": "#e5e7eb",
+        "semantic.text.muted": "#94a3b8",
+        "semantic.border.default": "#334155",
+        "semantic.border.strong": "#64748b",
+        "semantic.action.primary": "#60a5fa",
+        "semantic.status.success": "#34d399",
+        "semantic.status.warning": "#fbbf24",
+        "semantic.status.danger": "#fb7185",
+        "semantic.focus": "#93c5fd",
+        "semantic.overlay": "rgba(2, 6, 23, .68)",
+        "semantic.status.infoSurface": "#102a43",
+        "semantic.status.infoBorder": "#285b8f",
+        "semantic.status.successSurface": "#062e24",
+        "semantic.status.successBorder": "#166534",
+        "semantic.status.warningSurface": "#33270b",
+        "semantic.status.warningBorder": "#854d0e",
+        "semantic.status.warningText": "#fcd34d",
+        "semantic.status.dangerSurface": "#3b1118",
+        "semantic.status.dangerBorder": "#9f1239",
+        "semantic.state.changedSurface": "#102a43",
+        "semantic.state.changedBorder": "#3b82f6",
+        "semantic.state.aiSurface": "#241b45",
+        "semantic.state.aiBorder": "#6d5bd0",
+        "semantic.state.aiText": "#c4b5fd",
+        "semantic.shadow.overlay": "0 18px 48px rgba(0,0,0,.42)",
+        "semantic.surface.workspace": "#0a1020",
+        "semantic.surface.shellChrome": "#111827",
+        "semantic.surface.navigation": "#0d1524",
+        "semantic.surface.sectionHeading": "#151f31",
+        "semantic.module.accent": "#84adff",
+        "semantic.module.accentSurface": "#102a43",
+        "semantic.module.accentBorder": "#285b8f",
+        "semantic.shadow.shell": "0 1px 2px rgba(0,0,0,.42)"
+      }
+    }
+  },
+  "moduleThemes": {
+    "OMS": {
+      "light": {
+        "semantic.module.accent": "#175cd3",
+        "semantic.module.accentSurface": "#eff8ff",
+        "semantic.module.accentBorder": "#b2ddff"
+      },
+      "dark": {
+        "semantic.module.accent": "#84adff",
+        "semantic.module.accentSurface": "#102a43",
+        "semantic.module.accentBorder": "#285b8f"
+      }
+    },
+    "ERP": {
+      "light": {
+        "semantic.module.accent": "#6938ef",
+        "semantic.module.accentSurface": "#f4f3ff",
+        "semantic.module.accentBorder": "#d9d6fe"
+      },
+      "dark": {
+        "semantic.module.accent": "#b9a2ff",
+        "semantic.module.accentSurface": "#241b45",
+        "semantic.module.accentBorder": "#6d5bd0"
+      }
+    },
+    "WMS": {
+      "light": {
+        "semantic.module.accent": "#087e8b",
+        "semantic.module.accentSurface": "#ecfdff",
+        "semantic.module.accentBorder": "#a5f0fc"
+      },
+      "dark": {
+        "semantic.module.accent": "#63c5da",
+        "semantic.module.accentSurface": "#0d2f36",
+        "semantic.module.accentBorder": "#1f6672"
+      }
+    },
+    "COMMON": {
+      "light": {
+        "semantic.module.accent": "#475467",
+        "semantic.module.accentSurface": "#f2f4f7",
+        "semantic.module.accentBorder": "#d0d5dd"
+      },
+      "dark": {
+        "semantic.module.accent": "#b3b8c4",
+        "semantic.module.accentSurface": "#172033",
+        "semantic.module.accentBorder": "#475467"
+      }
+    }
   }
 }
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/utility/host.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/utility/host.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/utility/host.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/utility/host.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/wms/KbxBarcodeCapture.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/wms/KbxBarcodeCapture.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/wms/KbxBarcodeCapture.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/wms/KbxBarcodeCapture.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/wms/KbxNetworkIndicator.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/wms/KbxNetworkIndicator.vue
similarity index 88%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/wms/KbxNetworkIndicator.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/wms/KbxNetworkIndicator.vue
index 1d06a78f..1eb4b3d6 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/wms/KbxNetworkIndicator.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/wms/KbxNetworkIndicator.vue
@@ -23,8 +23,8 @@ const label = computed(() => {
 </template>
 
 <style scoped>
-.network { display:inline-flex; gap:6px; align-items:center; font-size:12px; white-space:nowrap; color:#344054; }
+.network { display:inline-flex; gap:6px; align-items:center; font-size:12px; white-space:nowrap; color:var(--kbx-color-text-muted); }
 .dot { width:8px; height:8px; border-radius:50%; background:var(--kbx-color-success); }
-.offline .dot { background:#d92d20; }
+.offline .dot { background:var(--kbx-color-danger); }
 .syncing .dot { background:var(--kbx-color-warning); }
 </style>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/wms/KbxWmsActionButton.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/wms/KbxWmsActionButton.vue
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/wms/KbxWmsActionButton.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/wms/KbxWmsActionButton.vue
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/wms/KbxWmsMobilePage.vue b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/wms/KbxWmsMobilePage.vue
similarity index 88%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/wms/KbxWmsMobilePage.vue
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/wms/KbxWmsMobilePage.vue
index 3236ea5c..71a1936f 100644
--- a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/wms/KbxWmsMobilePage.vue
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/wms/KbxWmsMobilePage.vue
@@ -17,8 +17,14 @@ const props=defineProps<{
   syncing?: boolean
   contentState?: KbxAsyncState
   refreshing?: boolean
+  retryLabel?: string
+  errorRetryable?: boolean
+  emptyActionLabel?: string
   can?: (permission:string)=>boolean
+  actionsVisible?: boolean
 }>()
+const actionsVisible=computed(()=>props.actionsVisible!==false)
+const emit=defineEmits<{ retry:[]; emptyAction:[] }>()
 const utilityHost=inject(KbxScreenUtilityHostKey,null)
 const permissionHost=inject(KbxPermissionHostKey,null)
 const helpAvailable=computed(()=>utilityHost?.available(props.screen).includes('help')??false)
@@ -40,9 +46,9 @@ const permissionDenied=computed(()=>Boolean(props.screen.permissions?.some(permi
     <section v-if="$slots.notice" class="kbx-wms-notice" aria-live="polite" data-kbx-surface="notice"><slot name="notice" /></section>
     <section class="kbx-wms-content" data-kbx-surface="instruction/content">
       <h2 v-if="instruction" class="kbx-wms-instruction">{{instruction}}</h2>
-      <KbxTemplateStateBoundary :state="contentState" :refreshing="refreshing"><slot /></KbxTemplateStateBoundary>
+      <KbxTemplateStateBoundary :state="contentState" :refreshing="refreshing" :retry-label="retryLabel || '다시 시도'" :error-retryable="errorRetryable !== false" :empty-action-label="emptyActionLabel" @retry="emit('retry')" @empty-action="emit('emptyAction')"><slot /></KbxTemplateStateBoundary>
     </section>
-    <footer v-if="$slots.actions" class="kbx-wms-actions" aria-label="현재 작업 행동" data-kbx-surface="sticky-actions"><slot name="actions" /></footer>
+    <footer v-if="$slots.actions && actionsVisible" class="kbx-wms-actions" aria-label="현재 작업 행동" data-kbx-surface="sticky-actions"><slot name="actions" /></footer>
     </template>
   </main>
 </template>
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/wms/barcodeGuard.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/wms/barcodeGuard.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/wms/barcodeGuard.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/wms/barcodeGuard.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/wms/feedback.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/wms/feedback.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/wms/feedback.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/wms/feedback.ts
diff --git a/docs/Design/kbx-foundation-v36/packages/kbx-ui/src/wms/useKbxNetworkState.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/wms/useKbxNetworkState.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/packages/kbx-ui/src/wms/useKbxNetworkState.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/packages/kbx-ui/src/wms/useKbxNetworkState.ts
diff --git a/docs/Design/kbx-foundation-v36/pnpm-workspace.yaml b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/pnpm-workspace.yaml
similarity index 100%
rename from docs/Design/kbx-foundation-v36/pnpm-workspace.yaml
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/pnpm-workspace.yaml
diff --git a/docs/Design/kbx-foundation-v36/scripts/analyze-kbx-release.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/analyze-kbx-release.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/analyze-kbx-release.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/analyze-kbx-release.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/create-kbx-screen.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/create-kbx-screen.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/create-kbx-screen.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/create-kbx-screen.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/generate-api-contracts.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-api-contracts.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/generate-api-contracts.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-api-contracts.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/generate-app-screen-registry.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-app-screen-registry.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/generate-app-screen-registry.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-app-screen-registry.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/generate-authorization-contracts.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-authorization-contracts.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/generate-authorization-contracts.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-authorization-contracts.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/generate-catalog-manifest.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-catalog-manifest.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/generate-catalog-manifest.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-catalog-manifest.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/generate-component-manifest.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-component-manifest.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/generate-component-manifest.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-component-manifest.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/generate-configuration-contracts.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-configuration-contracts.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/generate-configuration-contracts.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-configuration-contracts.mjs
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-design-tokens.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-design-tokens.mjs
new file mode 100644
index 00000000..c1605d4f
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-design-tokens.mjs
@@ -0,0 +1,125 @@
+import fs from 'node:fs'
+import path from 'node:path'
+
+const root = process.cwd()
+const sourcePath = path.join(root, 'packages/kbx-ui/src/tokens/source/kbx.tokens.json')
+const cssPath = path.join(root, 'packages/kbx-ui/src/tokens/kbx.css')
+const manifestPath = path.join(root, 'generated/token-manifest.json')
+const figmaPath = path.join(root, 'design/figma/variables.contract.json')
+const source = JSON.parse(fs.readFileSync(sourcePath, 'utf8'))
+const byPath = new Map(source.tokens.map(t => [t.path, t]))
+
+function cssValue(value) {
+  const ref = /^\{(.+)\}$/.exec(value)
+  if (!ref) return value
+  const token = byPath.get(ref[1])
+  if (!token) throw new Error(`Unknown token reference: ${value}`)
+  return `var(${token.css})`
+}
+
+const roles = ['primitive', 'semantic', 'component']
+const lines = [':root {']
+for (const role of roles) {
+  lines.push(`  /* ${role[0].toUpperCase()}${role.slice(1)} tokens */`)
+  for (const token of source.tokens.filter(t => t.role === role)) {
+    lines.push(`  ${token.css}: ${cssValue(token.value)};`)
+  }
+  lines.push('')
+}
+lines.push('}')
+lines.push('')
+for (const [theme, definition] of Object.entries(source.themes ?? {})) {
+  const overrides = definition.overrides ?? {}
+  if (!Object.keys(overrides).length) continue
+  lines.push(`[data-kbx-theme=\"${theme}\"] {`)
+  if (definition.colorScheme) lines.push(`  color-scheme: ${definition.colorScheme};`)
+  for (const [tokenPath, value] of Object.entries(overrides)) {
+    const token = byPath.get(tokenPath)
+    if (!token) throw new Error(`Unknown theme token: ${tokenPath}`)
+    lines.push(`  ${token.css}: ${cssValue(value)};`)
+  }
+  lines.push('}')
+  lines.push('')
+}
+for (const [module, modes] of Object.entries(source.moduleThemes ?? {})) {
+  for (const [theme, overrides] of Object.entries(modes ?? {})) {
+    if (!Object.keys(overrides ?? {}).length) continue
+    const selector = theme === 'light'
+      ? `[data-kbx-module=\"${module}\"]`
+      : `[data-kbx-theme=\"${theme}\"] [data-kbx-module=\"${module}\"]`
+    lines.push(`${selector} {`)
+    for (const [tokenPath, value] of Object.entries(overrides)) {
+      const token = byPath.get(tokenPath)
+      if (!token) throw new Error(`Unknown module theme token: ${tokenPath}`)
+      lines.push(`  ${token.css}: ${cssValue(value)};`)
+    }
+    lines.push('}')
+    lines.push('')
+  }
+}
+lines.push('html, body, button, input, select, textarea {')
+lines.push('  font-family: var(--kbx-font-family);')
+lines.push('}')
+lines.push('')
+for (const [mode, overrides] of Object.entries(source.modes ?? {})) {
+  if (mode === 'compact') continue
+  lines.push(`[data-kbx-density="${mode}"] {`)
+  for (const [tokenPath, value] of Object.entries(overrides)) {
+    const token = byPath.get(tokenPath)
+    if (!token) throw new Error(`Unknown mode token: ${tokenPath}`)
+    lines.push(`  ${token.css}: ${value};`)
+  }
+  lines.push('}')
+  lines.push('')
+}
+lines.push(':focus-visible {')
+lines.push('  outline: 2px solid var(--kbx-color-focus);')
+lines.push('  outline-offset: 2px;')
+lines.push('}')
+lines.push('')
+lines.push('@media (forced-colors: active) {')
+lines.push('  :root, [data-kbx-theme="light"], [data-kbx-theme="dark"] {')
+lines.push('    --kbx-color-surface: Canvas;')
+lines.push('    --kbx-color-surface-muted: Canvas;')
+lines.push('    --kbx-color-surface-subtle: Canvas;')
+lines.push('    --kbx-color-surface-hover: Highlight;')
+lines.push('    --kbx-color-text: CanvasText;')
+lines.push('    --kbx-color-text-muted: CanvasText;')
+lines.push('    --kbx-color-border: ButtonBorder;')
+lines.push('    --kbx-color-border-strong: CanvasText;')
+lines.push('    --kbx-color-primary: LinkText;')
+lines.push('    --kbx-color-success: CanvasText;')
+lines.push('    --kbx-color-warning: CanvasText;')
+lines.push('    --kbx-color-danger: CanvasText;')
+lines.push('    --kbx-color-focus: Highlight;')
+lines.push('    --kbx-color-info-surface: Canvas;')
+lines.push('    --kbx-color-success-surface: Canvas;')
+lines.push('    --kbx-color-warning-surface: Canvas;')
+lines.push('    --kbx-color-danger-surface: Canvas;')
+lines.push('    --kbx-color-ai-surface: Canvas;')
+lines.push('    --kbx-color-module-accent: Highlight;')
+lines.push('    --kbx-color-module-accent-surface: Canvas;')
+lines.push('    --kbx-color-module-accent-border: Highlight;')
+lines.push('    --kbx-color-workspace: Canvas;')
+lines.push('    --kbx-color-shell-chrome: Canvas;')
+lines.push('    --kbx-color-navigation-surface: Canvas;')
+lines.push('    --kbx-color-section-heading: Canvas;')
+lines.push('    --kbx-shadow-shell: none;')
+lines.push('    --kbx-shadow-overlay: none;')
+lines.push('  }')
+lines.push('  :focus-visible { outline-color: Highlight; }')
+lines.push('}')
+lines.push('')
+
+fs.mkdirSync(path.dirname(manifestPath), { recursive: true })
+fs.mkdirSync(path.dirname(figmaPath), { recursive: true })
+fs.writeFileSync(cssPath, lines.join('\n'))
+fs.writeFileSync(manifestPath, JSON.stringify({version: source.version, tokens: source.tokens, modes: source.modes, themes: source.themes, moduleThemes: source.moduleThemes}, null, 2) + '\n')
+
+const collections = {
+  'KBX Primitive': source.tokens.filter(t => t.role === 'primitive').map(t => ({name:t.path, type:t.type, value:t.value, description:t.description ?? ''})),
+  'KBX Semantic': source.tokens.filter(t => t.role === 'semantic').map(t => ({name:t.path, type:t.type, value:t.value, description:t.description ?? ''})),
+  'KBX Component': source.tokens.filter(t => t.role === 'component').map(t => ({name:t.path, type:t.type, value:t.value, description:t.description ?? '', modes:Object.fromEntries(Object.entries(source.modes ?? {}).filter(([,o]) => t.path in o).map(([mode,o]) => [mode,o[t.path]]))}))
+}
+fs.writeFileSync(figmaPath, JSON.stringify({schemaVersion:'1.0', tokenVersion:source.version, collections, themes:source.themes ?? {}, moduleThemes:source.moduleThemes ?? {}}, null, 2) + '\n')
+console.log(`Generated ${source.tokens.length} design tokens -> CSS / token manifest / Figma variable contract`)
diff --git a/docs/Design/kbx-foundation-v36/scripts/generate-experiment-contracts.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-experiment-contracts.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/generate-experiment-contracts.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-experiment-contracts.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/generate-external-data-contracts.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-external-data-contracts.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/generate-external-data-contracts.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-external-data-contracts.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/generate-field-contracts.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-field-contracts.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/generate-field-contracts.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-field-contracts.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/generate-figma-contract.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-figma-contract.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/generate-figma-contract.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-figma-contract.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/generate-integration-contracts.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-integration-contracts.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/generate-integration-contracts.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-integration-contracts.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/generate-navigation-manifest.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-navigation-manifest.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/generate-navigation-manifest.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-navigation-manifest.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/generate-provider-contracts.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-provider-contracts.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/generate-provider-contracts.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-provider-contracts.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/generate-screen-manifest.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-screen-manifest.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/generate-screen-manifest.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-screen-manifest.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/generate-screen-recipe-contracts.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-screen-recipe-contracts.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/generate-screen-recipe-contracts.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-screen-recipe-contracts.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/generate-telemetry-contracts.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-telemetry-contracts.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/generate-telemetry-contracts.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-telemetry-contracts.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/generate-test-contracts.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-test-contracts.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/generate-test-contracts.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/generate-test-contracts.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/measure-design-debt.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/measure-design-debt.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/measure-design-debt.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/measure-design-debt.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/report-field-adoption.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/report-field-adoption.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/report-field-adoption.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/report-field-adoption.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-api-governance.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-api-governance.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-api-governance.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-api-governance.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-application-shell.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-application-shell.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-application-shell.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-application-shell.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-architecture.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-architecture.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-architecture.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-architecture.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-authorization-governance.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-authorization-governance.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-authorization-governance.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-authorization-governance.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-component-catalog.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-component-catalog.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-component-catalog.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-component-catalog.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-configuration-governance.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-configuration-governance.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-configuration-governance.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-configuration-governance.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-deployment-governance.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-deployment-governance.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-deployment-governance.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-deployment-governance.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-design-code-parity.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-design-code-parity.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-design-code-parity.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-design-code-parity.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-experiment-governance.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-experiment-governance.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-experiment-governance.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-experiment-governance.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-external-data-governance.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-external-data-governance.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-external-data-governance.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-external-data-governance.mjs
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-anatomy-v52.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-anatomy-v52.mjs
new file mode 100644
index 00000000..bec9d246
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-anatomy-v52.mjs
@@ -0,0 +1,60 @@
+import fs from 'node:fs'
+
+const read = (file) => fs.readFileSync(file, 'utf8')
+const expect = (condition, message) => {
+  if (!condition) {
+    console.error(`FAIL: ${message}`)
+    process.exit(1)
+  }
+  console.log(`PASS: ${message}`)
+}
+
+const home = read('packages/kbx-ui/src/shell/KbxHomePage.vue')
+expect(home.includes('moduleSummaries'), 'home derives module-level navigation summary from allowed navigation entries')
+expect(home.includes('kbx-home__module-rail'), 'home exposes an explicit module work launcher rail')
+expect(home.includes('selectModule(module:string)'), 'home module launcher uses one controlled navigation path')
+expect(home.includes('id="kbx-home-explorer"'), 'home work explorer has a stable focus/scroll target')
+expect(home.includes('전체 업무 보기'), 'filtered home can return to the full work explorer without hidden navigation')
+expect(home.includes('favoriteCount') && home.includes('openCount'), 'home module rail exposes favorite/open work context instead of decorative cards')
+
+const master = read('packages/kbx-ui/src/components/KbxMasterPage.vue')
+expect(master.includes("import KbxSectionHeader"), 'T02 master template uses the standard section heading component')
+expect(master.includes('listTitle?:string') && master.includes('detailTitle?:string'), 'T02 exposes list/detail anatomy without custom page markup')
+expect(master.includes('kbx-master-page__list-body') && master.includes('kbx-master-page__detail-body'), 'T02 separates pane heading from pane work body')
+
+const transaction = read('packages/kbx-ui/src/components/KbxTransactionPage.vue')
+expect(transaction.includes('headerTitle?:string') && transaction.includes('detailTitle?:string'), 'T03 exposes explicit header/detail work anatomy')
+expect(transaction.includes('detailCount?:number'), 'T03 exposes detail row context in the template contract')
+expect(transaction.includes('kbx-transaction-page__header-body') && transaction.includes('kbx-transaction-page__detail-body'), 'T03 preserves distinct transaction work surfaces')
+
+const queue = read('packages/kbx-ui/src/components/KbxQueuePage.vue')
+expect(queue.includes('queueTitle?:string') && queue.includes('queueCount?:number'), 'T06 queue template exposes actionable queue anatomy')
+expect(queue.includes('kbx-queue-page__content-body'), 'T06 separates queue heading from queue result state')
+
+const reconcile = read('packages/kbx-ui/src/components/KbxReconcilePage.vue')
+expect(reconcile.includes('comparisonTitle?:string') && reconcile.includes('comparisonCount?:number'), 'T07 reconcile template exposes comparison anatomy and result count')
+expect(reconcile.includes('kbx-reconcile-content__body'), 'T07 separates mismatch context from comparison work body')
+
+const goldenOrder = read('apps/web/src/modules/oms/orders/register/OrderRegisterPage.vue')
+const goldenItem = read('apps/web/src/modules/erp/items/ItemMasterPage.vue')
+const queuePage = read('apps/web/src/modules/wms/work/WmsWorkPage.vue')
+const reconcilePage = read('apps/web/src/modules/common/reconcile/ReconcilePage.vue')
+expect(goldenOrder.includes('header-title="주문 정보"') && goldenOrder.includes('detail-title="주문 상품"'), 'OMS order transaction applies the T03 anatomy contract')
+expect(goldenItem.includes('list-title="품목 목록"') && goldenItem.includes('detail-title="품목 상세"'), 'ERP item master applies the T02 anatomy contract')
+expect(queuePage.includes('queue-title="현재 작업 Queue"'), 'WMS work page names its actionable queue surface')
+expect(reconcilePage.includes('comparison-title="OMS ↔ WMS 대사"'), 'reconcile page names its comparison surface')
+
+const referenceHtml = read('apps/web/fe-reference/index.html')
+const referenceJs = read('apps/web/fe-reference/kbx-fe.js')
+const referenceCss = read('apps/web/fe-reference/kbx-fe.css')
+expect(referenceHtml.includes('FE Reference Lab v52'), 'static HTML reference identifies the v52 FE operational navigation build')
+expect(referenceHtml.includes("connect-src 'self'"), 'static HTML reference CSP restricts network connections to same origin')
+expect(referenceHtml.includes("frame-src 'none'") && referenceHtml.includes("worker-src 'none'"), 'static HTML reference explicitly closes unused frame/worker execution surfaces')
+expect(referenceJs.includes('class="home-module-rail"'), 'static JavaScript reference mirrors the module work launcher rail')
+expect(referenceJs.includes('data-home-module="ALL"'), 'static JavaScript reference offers an explicit all-work reset target')
+expect(referenceJs.includes("scrollIntoView({block:'start',behavior:'smooth'})"), 'static module navigation lands on the work explorer instead of silently filtering')
+expect(referenceCss.includes('.home-module-rail'), 'static reference has dedicated module launcher presentation')
+expect(referenceCss.includes('.home-module-rail button[aria-pressed="true"]'), 'module launcher exposes its active state accessibly')
+expect(referenceCss.includes('@media(forced-colors:active){.home-module-rail'), 'module launcher retains an active cue in forced-colors mode')
+
+console.log('PASS: FE operational navigation and screen anatomy v52 contract')
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-operational-truth-v50.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-operational-truth-v50.mjs
new file mode 100644
index 00000000..59673ef3
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-operational-truth-v50.mjs
@@ -0,0 +1,42 @@
+import fs from 'node:fs'
+const read=p=>fs.readFileSync(p,'utf8')
+const failures=[]
+const check=(ok,msg)=>{if(!ok)failures.push(msg)}
+const manifest=read('packages/kbx-ui/src/registry/componentManifest.ts')
+const componentVersion=(name)=>{const match=manifest.match(new RegExp(`${name}[^\\n]+version:\\s*['\"]([^'\"]+)['\"]`));return match?.[1]??''}
+const atLeast=(actual,minimum)=>{const a=actual.split('.').map(Number),m=minimum.split('.').map(Number);for(let i=0;i<3;i++){if((a[i]??0)>(m[i]??0))return true;if((a[i]??0)<(m[i]??0))return false}return true}
+
+const boundary=read('packages/kbx-ui/src/components/KbxTemplateStateBoundary.vue')
+for(const token of ['errorRetryable?: boolean','errorRetryable:true',"props.errorRetryable ? retryLabel : ''"])check(boundary.includes(token),`TemplateStateBoundary retry truth missing: ${token}`)
+check(atLeast(componentVersion('KbxTemplateStateBoundary'),'1.3.0'),'KbxTemplateStateBoundary must be >= 1.3.0')
+
+for(const rel of ['KbxListPage.vue','KbxMasterPage.vue','KbxTransactionPage.vue','KbxFastEntryPage.vue','KbxMasterDetailPage.vue','KbxQueuePage.vue','KbxReconcilePage.vue','KbxImportPage.vue']){
+  const src=read(`packages/kbx-ui/src/components/${rel}`)
+  check(src.includes('errorRetryable'),`${rel} must expose errorRetryable`)
+  check(src.includes(':error-retryable="errorRetryable"'),`${rel} must propagate errorRetryable to the state boundary`)
+}
+const workQueue=read('packages/kbx-ui/src/components/KbxWorkQueuePage.vue')
+check(workQueue.includes(':error-retryable="errorRetryable"'),'KbxWorkQueuePage must preserve retryability through the T06 alias')
+const wmsShell=read('packages/kbx-ui/src/wms/KbxWmsMobilePage.vue')
+check(wmsShell.includes('errorRetryable?: boolean')&&wmsShell.includes(':error-retryable="errorRetryable !== false"'),'T09 shell must expose non-retryable errors')
+
+const workApi=read('apps/web/src/modules/wms/work/workApi.ts')
+check(workApi.includes("code:'WMS_WORK_QUERY_NOT_CONNECTED'")&&workApi.includes('retryable:false'),'Permanent WMS API-not-connected problem must not claim retryability')
+const workPage=read('apps/web/src/modules/wms/work/WmsWorkPage.vue')
+check(workPage.includes(':error-retryable="queryProblem?.retryable !== false"'),'WMS Work must bind problem retryability to T06')
+
+const home=read('packages/kbx-ui/src/shell/KbxHomePage.vue')
+for(const token of ['attentionToggleLabel','`우선 ${attentionExpandedLimit}개 보기`','attentionOperationCount','attentionNotificationCount','kbx-home__attention-centers','작업 센터 전체','알림 센터 전체'])check(home.includes(token),`Home overflow truth/navigation missing: ${token}`)
+check(atLeast(componentVersion('KbxHomePage'),'1.10.0'),'KbxHomePage must be >= 1.10.0')
+check(atLeast(componentVersion('KbxQueuePage'),'1.9.0'),'KbxQueuePage must be >= 1.9.0')
+
+const ref=read('apps/web/fe-reference/kbx-fe.js')
+for(const token of ['Array.from({length:18}','const attentionCap=24','`우선 ${attentionCap}개 보기`','attentionOverflow','homeJobsAll','homeNoticesAll',"showSystemPanel('jobs')","showSystemPanel('notices')"])check(ref.includes(token),`Reference Home overflow parity missing: ${token}`)
+const css=read('apps/web/fe-reference/kbx-fe.css')
+check(css.includes('.attention-centers'),'Reference theme must style Home attention overflow center links')
+
+const catalog=read('packages/kbx-ui/src/catalog/componentCatalog.ts')
+check(catalog.includes("id:'error-no-retry'")&&catalog.includes('재시도 불가 오류'),'Component catalog must reproduce non-retryable error state')
+
+if(failures.length){console.error('FE operational truth v50 validation failed:');for(const f of failures)console.error(`- ${f}`);process.exit(1)}
+console.log('FE operational truth v50 PASS: truthful retryability + bounded Home attention overflow routes + Light/Dark reference parity.')
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-preference-navigation-v45.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-preference-navigation-v45.mjs
new file mode 100644
index 00000000..3dc652d4
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-preference-navigation-v45.mjs
@@ -0,0 +1,34 @@
+import fs from 'node:fs'
+const read=p=>fs.readFileSync(p,'utf8')
+const failures=[];const check=(ok,msg)=>{if(!ok)failures.push(msg)}
+
+const pref=read('apps/web/src/preferences/screenPreferenceStore.ts')
+for(const token of ["kbx.screen.preference.v2","KbxScreenPreferenceScopeKey","screenVersion","MAX_STORED_BYTES","MAX_SEARCH_KEYS","try { localStorage.setItem","try { raw = localStorage.getItem"])
+  check(pref.includes(token),`screen preference hardening missing: ${token}`)
+check(pref.includes('encodeURIComponent(scope)')&&pref.includes('encodeURIComponent(screenId)')&&pref.includes('encodeURIComponent(screenVersion)'),'screen preference key must be scope + ScreenId + ScreenVersion')
+check(!pref.includes("PREFIX + screenId"),'legacy unscoped ScreenId-only preference key must not return')
+
+const orderVm=read('apps/web/src/modules/oms/orders/search/useOrderSearch.ts')
+for(const token of ['rememberSearch','savedSearchDefaults','safePersistableSearch','saveCurrentSearchDefaults','setRememberSearch','loadScreenPreference','saveScreenPreference','Free-text keyword is intentionally never restored'])
+  check(orderVm.includes(token),`OMS T01 safe preference flow missing: ${token}`)
+const persistBlock=orderVm.match(/function safePersistableSearch\(\) \{([\s\S]*?)\n  \}/)?.[1]??''
+check(persistBlock&&!/keyword\s*:/.test(persistBlock),'persistable OMS search must exclude free-text keyword')
+const orderPage=read('apps/web/src/modules/oms/orders/search/OrderListPage.vue')
+for(const token of ['remember','saved-search',':remember-checked="vm.rememberSearch.value"','@update:remember-checked="vm.setRememberSearch"','@saved-search-requested="vm.saveCurrentSearchDefaults"'])check(orderPage.includes(token),`OMS T01 SearchPanel preference binding missing: ${token}`)
+
+const frame=read('apps/web/src/shell/KbxAppFrame.vue')
+for(const token of ['KbxScreenPreferenceScopeKey','provide(KbxScreenPreferenceScopeKey,screenPreferenceScope)','runtimePanelTargetId','toggleRuntimePanel(\'operations\',item.operationId)',':active-id="runtimePanelTargetId"'])check(frame.includes(token),`Home/context navigation hardening missing: ${token}`)
+const operations=read('packages/kbx-ui/src/components/KbxOperationCenter.vue')
+const notifications=read('packages/kbx-ui/src/components/KbxNotificationCenter.vue')
+for(const [name,source,id] of [['Operation',operations,'data-operation-id'],['Notification',notifications,'data-notification-id']]){
+  check(source.includes('activeId?: string | null'),`${name} center active target contract missing`)
+  check(source.includes(id)&&source.includes('aria-current')&&source.includes('scrollIntoView'),`${name} center must focus/identify Home target`)
+}
+
+const ref=read('apps/web/fe-reference/kbx-fe.js')
+for(const token of ['orderRememberSearch','orderSavedDefaults','safeOrderDefaults','기본조건 저장','자유검색어는 저장하지'])check(ref.includes(token),`FE Reference safe search preference parity missing: ${token}`)
+const refCss=read('apps/web/fe-reference/kbx-fe.css')
+check(refCss.includes('.search-preference')&&refCss.includes('@media (forced-colors: active)'),'safe preference UI must coexist with theme/high-contrast CSS')
+
+if(failures.length){console.error('FE preference/navigation v45 validation failed:');for(const f of failures)console.error(`- ${f}`);process.exit(1)}
+console.log('FE preference/navigation v45 PASS: scoped versioned preferences, sensitive free-text exclusion, Home target focus, themed Reference parity.')
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-presentation-v51.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-presentation-v51.mjs
new file mode 100644
index 00000000..acc66d5a
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-presentation-v51.mjs
@@ -0,0 +1,64 @@
+import fs from 'node:fs'
+
+const read = (file) => fs.readFileSync(file, 'utf8')
+const expect = (condition, message) => {
+  if (!condition) {
+    console.error(`FAIL: ${message}`)
+    process.exit(1)
+  }
+  console.log(`PASS: ${message}`)
+}
+
+const tokenSource = JSON.parse(read('packages/kbx-ui/src/tokens/source/kbx.tokens.json'))
+const tokenCss = read('packages/kbx-ui/src/tokens/kbx.css')
+const tokenManifest = JSON.parse(read('generated/token-manifest.json'))
+const figmaContract = JSON.parse(read('design/figma/variables.contract.json'))
+
+expect(tokenSource.version === '1.10.0', 'v51 design token source version is explicit')
+for (const module of ['OMS', 'ERP', 'WMS', 'COMMON']) {
+  expect(Boolean(tokenSource.moduleThemes?.[module]?.light), `${module} light module identity theme exists`)
+  expect(Boolean(tokenSource.moduleThemes?.[module]?.dark), `${module} dark module identity theme exists`)
+  expect(tokenCss.includes(`[data-kbx-module="${module}"]`), `${module} module selector is generated into CSS`)
+}
+expect(tokenCss.includes('--kbx-color-workspace:'), 'workspace surface token is generated')
+expect(tokenCss.includes('--kbx-color-module-accent:'), 'module accent token is generated')
+expect(tokenCss.includes('--kbx-shadow-shell:'), 'shell elevation token is generated')
+expect(tokenCss.includes('--kbx-color-module-accent: Highlight;'), 'forced-colors module accent fallback exists')
+expect(Boolean(tokenManifest.moduleThemes?.OMS), 'generated token manifest retains module themes')
+expect(Boolean(figmaContract.moduleThemes?.WMS), 'Figma variable contract retains module themes')
+
+const shell = read('packages/kbx-ui/src/shell/KbxApplicationShell.vue')
+const home = read('packages/kbx-ui/src/shell/KbxHomePage.vue')
+const pageHeader = read('packages/kbx-ui/src/components/KbxPageHeader.vue')
+const screenFrame = read('packages/kbx-ui/src/components/KbxScreenFrame.vue')
+expect(shell.includes(':data-kbx-module="focusedModule || \'COMMON\'"'), 'application shell exposes focused module to the theme layer')
+expect(home.includes('class="kbx-home__pulse"'), 'home exposes compact operational pulse navigation')
+expect(home.includes(':data-kbx-module="item.module"'), 'home module sections carry module identity')
+expect(pageHeader.includes('kbx-page-header__module'), 'page header exposes module identity without turning it into status color')
+expect(screenFrame.includes(':data-kbx-module="screen.module"'), 'screen frame carries module identity into every standard screen')
+
+const templateAssertions = [
+  ['packages/kbx-ui/src/components/KbxListPage.vue', '--kbx-color-module-accent', 'T01 list/search work surface'],
+  ['packages/kbx-ui/src/components/KbxMasterPage.vue', '--kbx-shadow-shell', 'T02 master CRUD split surface'],
+  ['packages/kbx-ui/src/components/KbxTransactionPage.vue', '--kbx-color-module-accent', 'T03 transaction header/detail surface'],
+  ['packages/kbx-ui/src/components/KbxFastEntryPage.vue', 'kbx-fast-entry__guide', 'T04 fast-entry keyboard guide'],
+  ['packages/kbx-ui/src/components/KbxMasterDetailPage.vue', 'kbx-master-detail__master', 'T05 master/detail pane hierarchy'],
+  ['packages/kbx-ui/src/components/KbxQueuePage.vue', '--kbx-color-warning', 'T06 queue exception hierarchy'],
+  ['packages/kbx-ui/src/components/KbxReconcilePage.vue', 'kbx-reconcile-summary', 'T07 reconciliation mismatch summary'],
+  ['packages/kbx-ui/src/components/KbxImportPage.vue', 'kbx-import-page__steps', 'T08 import process hierarchy'],
+]
+for (const [file, marker, label] of templateAssertions) {
+  expect(read(file).includes(marker), `${label} is present`)
+}
+
+const referenceHtml = read('apps/web/fe-reference/index.html')
+const referenceJs = read('apps/web/fe-reference/kbx-fe.js')
+const referenceCss = read('apps/web/fe-reference/kbx-fe.css')
+expect(referenceHtml.includes('data-module="COMMON"'), 'static HTML reference starts with explicit module identity')
+expect(referenceJs.includes('class="home-pulse"'), 'static JavaScript reference mirrors home operational pulse')
+expect(referenceJs.includes('data-module="${esc(s.module)}"'), 'static reference screen exposes module identity')
+expect(referenceCss.includes('.home-pulse'), 'static reference styles home operational pulse')
+expect(referenceCss.includes('[data-module="OMS"]'), 'static reference contains module theme selectors')
+expect(referenceCss.includes('[data-template="T01"]'), 'static reference differentiates standard template presentation')
+
+console.log('PASS: FE presentation/workbench hardening v51 contract')
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-problem-recovery-v47.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-problem-recovery-v47.mjs
new file mode 100644
index 00000000..899b0979
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-problem-recovery-v47.mjs
@@ -0,0 +1,45 @@
+import fs from 'node:fs'
+const read=p=>fs.readFileSync(p,'utf8')
+const failures=[]
+const check=(ok,msg)=>{if(!ok)failures.push(msg)}
+
+const feedback=read('packages/kbx-ui/src/components/KbxProblemFeedback.vue')
+for(const token of ["'business-rule': '업무 규칙'","permission: '권한'","integration: '외부 연계'","system: '시스템'","allowedActionIds","allowed.value.has(action.id)","retryable","correlationId","role=\"alert\""])
+  check(feedback.includes(token),`KbxProblemFeedback missing: ${token}`)
+check(!feedback.includes('v-html'),'Problem feedback must not render server problem text as raw HTML')
+
+for(const [file,name] of [
+  ['packages/kbx-ui/src/components/KbxListPage.vue','T01'],
+  ['packages/kbx-ui/src/components/KbxMasterPage.vue','T02'],
+  ['packages/kbx-ui/src/components/KbxTransactionPage.vue','T03'],
+]){
+  const source=read(file)
+  for(const token of ['KbxProblemFeedback','problem?:','problemActionAllowlist','retryProblem','dismissProblem']) check(source.includes(token),`${name} template problem contract missing: ${token}`)
+}
+
+const listVm=read('apps/web/src/modules/oms/orders/search/useOrderSearch.ts')
+for(const token of ['type KbxProblem','const problem = ref<KbxProblem | null>(null)',"failedCommand = ref<'ship' | null>","if(isKbxProblem(error))","failedCommand.value='ship'","async function retryProblem","function dismissProblem"])
+  check(listVm.includes(token),`OMS-ORD-001 problem recovery missing: ${token}`)
+const listPage=read('apps/web/src/modules/oms/orders/search/OrderListPage.vue')
+check(listPage.includes(':problem="vm.problem.value"')&&listPage.includes('@retry-problem="vm.retryProblem"')&&listPage.includes('@dismiss-problem="vm.dismissProblem"'),'OMS-ORD-001 must bind actionable command problem feedback')
+check(!listPage.includes('@problem-action="executeCommand"'),'Server-provided problem action ids must not be wired directly to arbitrary screen commands')
+
+const txVm=read('apps/web/src/modules/oms/orders/register/useOrderRegistration.ts')
+for(const token of ['const problem=ref<KbxProblem|null>(null)',"failedAction=ref<'save'|'confirm'|null>","problem.value=issue","failedAction.value='save'","failedAction.value='confirm'","async function retryProblem","function dismissProblem"])
+  check(txVm.includes(token),`OMS-ORD-002 problem recovery missing: ${token}`)
+const txPage=read('apps/web/src/modules/oms/orders/register/OrderRegisterPage.vue')
+check(txPage.includes(':problem="vm.problem.value"')&&txPage.includes('@retry-problem="vm.retryProblem"')&&txPage.includes('@dismiss-problem="vm.dismissProblem"'),'OMS-ORD-002 must bind actionable command problem feedback')
+
+const master=read('apps/web/src/modules/erp/items/ItemMasterPage.vue')
+for(const token of ['const problem = ref<KbxProblem | null>(null)',"failedCommand = ref<'load'|'save'|'deactivate'|null>","failedCommand.value = 'load'","failedCommand.value = 'save'","failedCommand.value = 'deactivate'","async function retryProblem","function dismissProblem",':problem="problem"'])
+  check(master.includes(token),`ERP-MST-ITEM-001 problem recovery missing: ${token}`)
+
+const ref=read('apps/web/fe-reference/kbx-fe.js')
+for(const token of ['commandProblem:null','function problemSurface(problem)','data-problem-type','show-blocked','출고할 수 없는 주문이 포함되어 있습니다.'])
+  check(ref.includes(token),`FE Reference actionable problem parity missing: ${token}`)
+const css=read('apps/web/fe-reference/kbx-fe.css')
+for(const token of ['.problem-feedback{','.problem-feedback.warning','.problem-feedback.danger','.problem-actions'])
+  check(css.includes(token),`FE Reference problem theme CSS missing: ${token}`)
+
+if(failures.length){console.error('FE problem/recovery v47 validation failed:');for(const f of failures)console.error(`- ${f}`);process.exit(1)}
+console.log('FE problem/recovery v47 PASS: T01/T02/T03 command problems, retry/dismiss, action allow-list security, themed HTML/JS parity.')
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-reference.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-reference.mjs
new file mode 100644
index 00000000..ed4bb8cc
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-reference.mjs
@@ -0,0 +1,43 @@
+import fs from 'node:fs'
+import path from 'node:path'
+
+const root=process.cwd()
+const base=path.join(root,'apps/web/fe-reference')
+const required=['index.html','kbx-fe.css','kbx-fe.js','README.md']
+const errors=[]
+for(const file of required){if(!fs.existsSync(path.join(base,file)))errors.push(`missing ${file}`)}
+
+if(!errors.length){
+  const html=fs.readFileSync(path.join(base,'index.html'),'utf8')
+  const css=fs.readFileSync(path.join(base,'kbx-fe.css'),'utf8')
+  const js=fs.readFileSync(path.join(base,'kbx-fe.js'),'utf8')
+
+  for(const token of ['global-header','side-nav','workspaceTabs','menuSearchDialog','lookupDialog','unsavedDialog','quantityDialog','exceptionDialog','drawerBackdrop','Content-Security-Policy']){
+    if(!html.includes(token))errors.push(`html missing ${token}`)
+  }
+  for(const token of ['--header-h:56px','--nav-w:220px','--nav-collapsed:56px','--control-h:34px','.wms-phone','.data-state','.confirm-dialog','.cell-editor','.scan-box.scan-error','.validation-summary','.action-result']){
+    if(!css.includes(token))errors.push(`css missing ${token}`)
+  }
+  for(const template of ['T01','T02','T03','T04','T05','T06','T07','T08','T09']){
+    if(!js.includes(template))errors.push(`js missing ${template}`)
+  }
+  for(const behavior of ['requestCloseTab','pendingNavigationId','openLookup','bindLookups','showUtilityPanel','applyIntent','orderQuickFilter','orderDataState','fastRows','inventoryItemId','queueFilter','mismatchOnly','importStep','importJobStatus','startImportJob','applyScan','lastScanValue','networkStatus','selectedOrders','toggleFavorite','orderSearch','captureOrderSearch','masterDraft','validateMasterDraft','transactionHeader','validateTransaction','selectedQueueRows','selectedReconcileRows','trySaveDirtyScreen','beforeunload']){
+    if(!js.includes(behavior))errors.push(`js missing behavior ${behavior}`)
+  }
+  for(const security of ["const esc =",'knownIds','try{ localStorage.setItem','localStorage.getItem']){
+    if(!js.includes(security))errors.push(`security/stability contract missing ${security}`)
+  }
+  for(const forbidden of ['prompt(','eval(','document.write(']){
+    if(js.includes(forbidden))errors.push(`forbidden FE pattern ${forbidden}`)
+  }
+  if(!js.includes("selection===0"))errors.push('selection-dependent command disabling missing')
+  if(!js.includes("e.key==='Enter'"))errors.push('keyboard Enter flow missing')
+  if(!js.includes("e.key==='Escape'"))errors.push('Escape recovery flow missing')
+}
+
+if(errors.length){
+  console.error('FE reference validation failed')
+  for(const error of errors)console.error(`- ${error}`)
+  process.exit(1)
+}
+console.log('FE reference validation passed: v44 completion loops + themed state/recovery + non-modal runtime center + secure shell + async import + WMS guards')
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-resume-navigation-v46.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-resume-navigation-v46.mjs
new file mode 100644
index 00000000..a3364896
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-resume-navigation-v46.mjs
@@ -0,0 +1,38 @@
+import fs from 'node:fs'
+const read=p=>fs.readFileSync(p,'utf8')
+const failures=[];const check=(ok,msg)=>{if(!ok)failures.push(msg)}
+
+const session=read('apps/web/src/shell/workspaceSessionStore.ts')
+for(const token of ['kbx.workspace.session.v1','sessionStorage','dirtyDiscardedCount','tabs.filter(tab => !tab.dirty)','return parsed.pathname','MAX_STORED_BYTES','MAX_TABS'])check(session.includes(token),`workspace resume store missing: ${token}`)
+check(!session.includes('localStorage'),'workspace resume must use sessionStorage, not persistent localStorage')
+check(session.includes('Query/hash may contain transient'),'workspace resume must document query/hash privacy boundary')
+
+const frame=read('apps/web/src/shell/KbxAppFrame.vue')
+for(const token of ['loadWorkspaceSession','saveWorkspaceSession','restoreWorkspaceForScope','safeWorkspacePath(item.screenId,item.path)','hasPermission(screen.permissions)','store.restoreTabs(restored)','미저장 편집','persistWorkspaceSession'])check(frame.includes(token),`AppFrame workspace resume hardening missing: ${token}`)
+
+const store=read('apps/web/src/shell/workspaceStore.ts')
+for(const token of ['function restoreTabs','resumed:true','function notifyShell','tab.resumed=false'])check(store.includes(token),`workspace store resume lifecycle missing: ${token}`)
+check(/try\{currentRaw=localStorage\.getItem/.test(store),'navigation preference initial localStorage reads must be fail-soft')
+
+const contract=read('packages/kbx-contracts/src/navigation.ts')
+check(contract.includes('resumed?: boolean')&&contract.includes('Never implies restored form data'),'workspace tab resume contract must explicitly reject form-data restoration semantics')
+
+const tabs=read('packages/kbx-ui/src/shell/KbxWorkspaceTabs.vue')
+for(const token of ['focusableKey','props.activeKey??visibleTabs.value[0]?.key','tab.resumed&&!tab.dirty','이전 세션에서 복원됨',':tabindex="tab.key===focusableKey?0:-1"'])check(tabs.includes(token),`Workspace Tabs resume/a11y contract missing: ${token}`)
+const homeNav=read('packages/kbx-ui/src/shell/homeNavigation.ts')
+check(homeNav.includes("tab.resumed&&!tab.dirty?'복원'"),'Home workbench must distinguish restored session location from ordinary open work')
+
+const wms=read('packages/kbx-ui/src/wms/KbxWmsMobilePage.vue')
+for(const token of ["retryLabel?: string","@retry=\"emit('retry')\"","@empty-action=\"emit('emptyAction')\""])check(wms.includes(token),`T09 mobile state recovery missing: ${token}`)
+const pickingVm=read('apps/web/src/modules/wms/picking/useWmsPicking.ts')
+check(pickingVm.includes('const contentState = computed<KbxAsyncState>')&&pickingVm.includes("query.isError.value")&&pickingVm.includes('reload: () => query.refetch()'),'WMS Picking must map TanStack query state to T09 recovery')
+const pickingPage=read('apps/web/src/modules/wms/picking/WmsPickingPage.vue')
+check(pickingPage.includes(':content-state="vm.contentState.value"')&&pickingPage.includes('@retry="vm.reload"'),'WMS Golden Picking must bind common T09 retry loop')
+
+const ref=read('apps/web/fe-reference/kbx-fe.js')
+for(const token of ['persistWorkspaceSession','restoreWorkspaceSession','kbx-fe-reference-workspace-v1','dirtyDiscardedCount','resumed:true','focusableId','이전 미저장'])check(ref.includes(token),`FE Reference workspace resume parity missing: ${token}`)
+const refCss=read('apps/web/fe-reference/kbx-fe.css')
+check(refCss.includes('.tab-resumed')&&refCss.includes('color:var(--primary)'),'FE Reference resumed tab must remain semantic-theme visible')
+
+if(failures.length){console.error('FE resume/navigation v46 validation failed:');for(const f of failures)console.error(`- ${f}`);process.exit(1)}
+console.log('FE resume/navigation v46 PASS: safe session-only tab resume, dirty exclusion, path privacy, Home resume, roving focus, storage fail-soft.')
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-runtime-v42.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-runtime-v42.mjs
new file mode 100644
index 00000000..e7be5548
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-runtime-v42.mjs
@@ -0,0 +1,52 @@
+import fs from 'node:fs'
+import path from 'node:path'
+
+const root=process.cwd()
+const read=p=>fs.readFileSync(path.join(root,p),'utf8')
+const json=p=>JSON.parse(read(p))
+const failures=[]
+const check=(ok,message)=>{if(!ok)failures.push(message)}
+
+const web=json('apps/web/package.json')
+check(web.name==='@kbx/web','apps/web must be an explicit workspace package')
+check(/^\^?8\./.test(web.devDependencies?.vite??''),'apps/web must target Vite 8')
+check(String(web.scripts?.['dev:demo']??'').includes('--mode demo'),'demo runtime must require explicit Vite demo mode')
+check(String(web.scripts?.build??'').includes('vue-tsc --noEmit'),'web build must typecheck before Vite build')
+check(fs.existsSync(path.join(root,'apps/web/index.html')),'apps/web/index.html missing')
+check(fs.existsSync(path.join(root,'apps/web/vite.config.ts')),'apps/web/vite.config.ts missing')
+check(fs.existsSync(path.join(root,'apps/web/src/main.ts')),'apps/web/src/main.ts missing')
+check(fs.existsSync(path.join(root,'apps/web/src/App.vue')),'apps/web/src/App.vue missing')
+check(fs.existsSync(path.join(root,'apps/web/.env.demo')),'explicit .env.demo missing')
+
+const main=read('apps/web/src/main.ts')
+for(const token of ['createPinia','VueQueryPlugin','createRouter','PrimeVue','installKbx(app)','VITE_KBX_DEMO_MODE === \'true\'','installFrontendDemoApi']) check(main.includes(token),`main.ts runtime wiring missing: ${token}`)
+const app=read('apps/web/src/App.vue')
+check(app.includes("demoMode ? kbxPermissionCatalog.map(permission => permission.id) : []"),'production permissions must default to empty, not demo all-access')
+check(app.includes("anonymous:secure-default"),'production preference scope must be secure-default')
+const demo=read('apps/web/src/http/demo/installFrontendDemoApi.ts')
+check(demo.includes('kbxHttp.defaults.adapter = demoAdapter'),'demo mode must replace only the HTTP transport boundary')
+check(demo.includes('DEMO_OPERATION_UNSUPPORTED'),'unknown demo write/read paths must remain explicit, not silently succeed')
+check(demo.includes("stage:'ready'")&&demo.includes("stage='await-location'")&&demo.includes("stage='await-item'"),'WMS demo must exercise explicit picking stage transitions')
+
+const useOrders=read('apps/web/src/modules/oms/orders/search/useOrderSearch.ts')
+for(const token of ['useRoute','hydrateSearchFromRoute','exceptionOnly === \'true\'','keyword.slice(0, 100)','channelId.slice(0, 64)']) check(useOrders.includes(token),`Home→Order context hardening missing: ${token}`)
+check(useOrders.includes('const contextual = hydrateSearchFromRoute()')&&useOrders.includes('if (contextual) void executeSearch()'),'Home→Order context must still auto-execute after safe preference hydration')
+const orderPage=read('apps/web/src/modules/oms/orders/search/OrderListPage.vue')
+for(const token of ["id === 'excel.export'","id === 'excel.template'","id === 'excel.import'","id === 'excel.paste'","id === 'excel.history'",'전체 조회결과 Export API가 연결될 때까지 다운로드를 차단']) check(orderPage.includes(token),`OMS Excel completion guard missing: ${token}`)
+check(!/\n\s+exportable\n/.test(orderPage),'T01 must not duplicate Excel output in both Command Bar and Grid toolbar')
+const commandContract=read('packages/kbx-contracts/src/command.ts')
+check(commandContract.includes("menu?: 'excel'"),'command contract missing standard Excel menu capability')
+const commandBar=read('packages/kbx-ui/src/components/KbxCommandBar.vue')
+check(commandBar.includes("command.menu==='excel'"),'KbxCommandBar must render standard Excel menu')
+const excel=read('packages/kbx-ui/src/components/KbxExcelMenu.vue')
+for(const token of ['role="menu"','role="menuitem"',"event.key === 'Escape'","event.key === 'ArrowDown'","event.key === 'ArrowUp'","event.key === 'Home'","event.key === 'End'",'onDocumentPointerDown','focusTrigger']) check(excel.includes(token),`KbxExcelMenu interaction contract missing: ${token}`)
+
+const globalHeader=read('packages/kbx-ui/src/shell/KbxGlobalHeader.vue')
+check(globalHeader.includes('@media(max-width:56rem)')&&globalHeader.includes('grid-template-columns:auto minmax(0,1fr) auto'),'Global Header must release the 220px navigation column under zoom/narrow pressure')
+check(globalHeader.includes('@media(max-width:40rem)')&&globalHeader.includes('grid-template-columns:repeat(4,1fr)'),'Global Header actions must reflow instead of forcing horizontal overflow')
+const sideNav=read('packages/kbx-ui/src/shell/KbxSideNavigation.vue')
+check(sideNav.includes('.side-nav:not(.collapsed){width:var(--kbx-side-nav-collapsed-width)'),'Side Navigation must visually compact under 56rem/200% zoom pressure')
+check(sideNav.includes('.side-nav:not(.collapsed) .module-block{display:none}'),'Expanded navigation detail must yield workspace width under narrow desktop pressure')
+
+if(failures.length){console.error('FE runtime v42 validation failed:');for(const failure of failures)console.error(`- ${failure}`);process.exit(1)}
+console.log('FE runtime v42 validation passed: runnable Vite shell, secure demo boundary, Home context, Excel menu contract.')
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-state-navigation-v44.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-state-navigation-v44.mjs
new file mode 100644
index 00000000..742cca3a
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-state-navigation-v44.mjs
@@ -0,0 +1,50 @@
+import fs from 'node:fs'
+
+const read=p=>fs.readFileSync(p,'utf8')
+const failures=[]
+const check=(ok,msg)=>{if(!ok)failures.push(msg)}
+
+const app=read('apps/web/src/App.vue')
+const appIteration=Number(app.match(/app-version="v(\d+)-fe-/)?.[1]??0)
+check(appIteration>=44,'App artifact version must identify v44+ FE runtime')
+
+const header=read('packages/kbx-ui/src/shell/KbxGlobalHeader.vue')
+for(const token of ['operationsOpen?: boolean','notificationsOpen?: boolean','id="kbx-runtime-operations-trigger"','id="kbx-runtime-notifications-trigger"','aria-controls="kbx-runtime-panel"',':aria-expanded="props.operationsOpen"',':aria-expanded="props.notificationsOpen"'])check(header.includes(token),`Global Header runtime-panel contract missing: ${token}`)
+
+const shell=read('packages/kbx-ui/src/shell/KbxApplicationShell.vue')
+check(shell.includes('operationsOpen?:boolean')&&shell.includes('notificationsOpen?:boolean'),'Application Shell must carry runtime center open state')
+check(shell.includes(':operations-open="props.operationsOpen"')&&shell.includes(':notifications-open="props.notificationsOpen"'),'Application Shell must bind runtime center state to header')
+
+const frame=read('apps/web/src/shell/KbxAppFrame.vue')
+for(const token of ['runtimePanelEl=ref<HTMLElement|null>(null)','runtimeReturnFocus=ref<HTMLElement|null>(null)','function closeRuntimePanel','async function toggleRuntimePanel','runtimePanelEl.value?.focus()','target.focus()','id="kbx-runtime-panel"','role="region"','aria-label="패널 닫기"',"key:'Esc'",'enabled:()=>Boolean(runtimePanel.value)'])check(frame.includes(token),`AppFrame runtime panel recovery missing: ${token}`)
+check(frame.includes("watch(()=>route.fullPath,()=>{closeRuntimePanel(false);void syncCurrentRoute()}") ,'route changes must close non-modal runtime panel')
+check(frame.includes('function openMenuSearch(){closeRuntimePanel(false);store.menuSearchOpen=true}')&&frame.includes("execute:openMenuSearch")&&frame.includes('@menu-search-open="openMenuSearch"')&&frame.includes('@menu-search="openMenuSearch"'),'menu search must not stack over runtime panel from keyboard, header, or Home')
+
+const generator=read('scripts/generate-design-tokens.mjs')
+const generatedCss=read('packages/kbx-ui/src/tokens/kbx.css')
+for(const token of ['@media (forced-colors: active)','--kbx-color-surface: Canvas','--kbx-color-text: CanvasText','--kbx-color-primary: LinkText','--kbx-color-focus: Highlight']){
+  check(generator.includes(token),`token generator forced-colors bridge missing: ${token}`)
+  check(generatedCss.includes(token),`generated token CSS forced-colors bridge missing: ${token}`)
+}
+const appCss=read('apps/web/src/styles/app.css')
+check(appCss.includes('@media (forced-colors: active)')&&appCss.includes('[aria-current="page"]')&&appCss.includes('[aria-selected="true"]'),'app high-contrast selected/current-state visibility missing')
+
+const boundary=read('packages/kbx-ui/src/components/KbxTemplateStateBoundary.vue')
+check(boundary.includes('emptyActionLabel?: string')&&boundary.includes("emptyAction:[]")&&boundary.includes("emit('emptyAction')"),'template empty-state recovery contract missing')
+const list=read('packages/kbx-ui/src/components/KbxListPage.vue')
+check(list.includes('emptyActionLabel?: string')&&list.includes("emptyAction: []")&&list.includes('@empty-action="emit(\'emptyAction\')"'),'T01 template must surface empty-state recovery')
+const orderVm=read('apps/web/src/modules/oms/orders/search/useOrderSearch.ts')
+check(orderVm.includes('async function resetAndSearch()')&&orderVm.includes("exceptionOnly:false")&&orderVm.includes('await executeSearch()'),'OMS Golden T01 must implement one-step empty recovery')
+const orderPage=read('apps/web/src/modules/oms/orders/search/OrderListPage.vue')
+check(orderPage.includes('empty-action-label="조회조건 초기화"')&&orderPage.includes('@empty-action="vm.resetAndSearch"'),'OMS Golden T01 must connect empty recovery to real FE state')
+
+const refHtml=read('apps/web/fe-reference/index.html')
+const refCss=read('apps/web/fe-reference/kbx-fe.css')
+const refJs=read('apps/web/fe-reference/kbx-fe.js')
+for(const token of ['id="systemPanel"','id="jobsButton"','id="noticeButton"','aria-controls="systemPanel"'])check(refHtml.includes(token),`FE Reference non-modal system center missing: ${token}`)
+for(const token of ['.system-panel{','@media (forced-colors: active)','forced-color-adjust:auto'])check(refCss.includes(token),`FE Reference theme/state CSS missing: ${token}`)
+for(const token of ['function closeSystemPanel','function showSystemPanel','systemPanelRestoreFocus','systemPanel.focus()','closeSystemPanel(false)'])check(refJs.includes(token),`FE Reference system center JS missing: ${token}`)
+check(!/showSystemPanel\(kind\)[\s\S]{0,500}openDrawerContent\('작업 센터'/.test(refJs),'jobs/notifications must not regress to modal Drawer implementation')
+
+if(failures.length){console.error('FE state/navigation v44 validation failed:');for(const f of failures)console.error(`- ${f}`);process.exit(1)}
+console.log('FE state/navigation v44 PASS: runtime center focus/recovery, forced-colors, T01 empty recovery, Reference non-modal parity.')
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-template-completion-v48.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-template-completion-v48.mjs
new file mode 100644
index 00000000..b6b12187
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-template-completion-v48.mjs
@@ -0,0 +1,32 @@
+import fs from 'node:fs'
+const read=p=>fs.readFileSync(p,'utf8')
+const failures=[];const check=(ok,msg)=>{if(!ok)failures.push(msg)}
+for(const [file,label] of [
+ ['packages/kbx-ui/src/components/KbxFastEntryPage.vue','T04'],
+ ['packages/kbx-ui/src/components/KbxMasterDetailPage.vue','T05'],
+ ['packages/kbx-ui/src/components/KbxQueuePage.vue','T06'],
+ ['packages/kbx-ui/src/components/KbxReconcilePage.vue','T07'],
+ ['packages/kbx-ui/src/components/KbxImportPage.vue','T08'],
+]){
+ const src=read(file)
+ for(const token of ['KbxProblemFeedback','problem?:','problemActionAllowlist','retryProblem','dismissProblem'])check(src.includes(token),`${label} actionable problem contract missing: ${token}`)
+}
+const work=read('packages/kbx-ui/src/components/KbxWorkQueuePage.vue')
+for(const token of [':problem="problem"','@retry-problem','@dismiss-problem'])check(work.includes(token),`KbxWorkQueuePage problem pass-through missing: ${token}`)
+const fast=read('apps/web/src/modules/erp/item-prices/useItemPriceFastEntry.ts')
+for(const token of ['const problem=ref<KbxProblem|null>(null)',"failedAction:'save'|null",'retryProblem','dismissProblem'])check(fast.includes(token),`T04 real Vue recovery missing: ${token}`)
+const queue=read('apps/web/src/modules/common/operations/OperationsQueuePage.vue')
+for(const token of ['isKbxProblem','runProblemAware',':problem="problem"','@retry-problem="retryProblem"'])check(queue.includes(token),`T06 real Vue recovery missing: ${token}`)
+const rec=read('apps/web/src/modules/common/reconcile/ReconcilePage.vue')
+for(const token of ['isKbxProblem','runProblemAware',':problem="problem"','@retry-problem="retryProblem"'])check(rec.includes(token),`T07 real Vue recovery missing: ${token}`)
+const imp=read('apps/web/src/modules/oms/orders/import/useOrderExcelImport.ts')
+for(const token of ['isKbxProblem','runProblemAware','problem,','retryProblem','dismissProblem'])check(imp.includes(token),`T08 real Vue recovery missing: ${token}`)
+const ref=read('apps/web/fe-reference/kbx-fe.js')
+for(const token of ['inventoryVisibleItems','executeInventorySearch','queueVisibleRows','executeQueueSearch','reconcileVisibleRows','executeReconcileSearch','type="file"','applyImportFile(file)','20*1024*1024'])check(ref.includes(token),`Reference completion missing: ${token}`)
+for(const forbidden of ["toast('재고현황을 조회했습니다.')","toast('작업 Queue를 조회했습니다.')","toast('대사 결과를 조회했습니다.')","state.importFileName='orders_20260811.xlsx'"])check(!ref.includes(forbidden),`Reference still contains fake interaction: ${forbidden}`)
+const css=read('apps/web/fe-reference/kbx-fe.css')
+check(css.includes('.import-steps{display:grid;grid-template-columns:repeat(6,1fr);'),'T08 six-step visual grid must use six columns')
+const feedback=read('packages/kbx-ui/src/components/KbxProblemFeedback.vue')
+check(feedback.includes("problem.type === 'validation'")&&feedback.includes('problem.errors.slice(0,3)'),'Problem feedback must summarize validation problems when template has no field-specific surface')
+if(failures.length){console.error('FE template completion v48 validation failed:');for(const f of failures)console.error(`- ${f}`);process.exit(1)}
+console.log('FE template completion v48 PASS: T04-T08 problem recovery + real T05-T08 Reference search/file interactions.')
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-workbench-wms-v49.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-workbench-wms-v49.mjs
new file mode 100644
index 00000000..3dfd59f7
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-fe-workbench-wms-v49.mjs
@@ -0,0 +1,39 @@
+import fs from 'node:fs'
+const read=p=>fs.readFileSync(p,'utf8')
+const failures=[]
+const check=(ok,msg)=>{if(!ok)failures.push(msg)}
+const componentVersion=(name)=>{const match=manifest.match(new RegExp(`${name}[^\\n]+version:\\s*['\"]([^'\"]+)['\"]`));return match?.[1]??''}
+const atLeast=(actual,minimum)=>{const a=actual.split('.').map(Number),m=minimum.split('.').map(Number);for(let i=0;i<3;i++){if((a[i]??0)>(m[i]??0))return true;if((a[i]??0)<(m[i]??0))return false}return true}
+
+const home=read('packages/kbx-ui/src/shell/KbxHomePage.vue')
+for(const token of ['attentionExpanded=ref(false)','attentionCollapsedLimit=8','attentionExpandedLimit=24','attentionSourceSummary','aria-controls="kbx-home-attention-list"',':aria-expanded="attentionExpanded"','attentionToggleLabel'])check(home.includes(token),`Home attention disclosure missing: ${token}`)
+const manifest=read('packages/kbx-ui/src/registry/componentManifest.ts')
+check(atLeast(componentVersion('KbxHomePage'),'1.9.0'),'KbxHomePage must remain >= 1.9.0')
+
+const ref=read('apps/web/fe-reference/kbx-fe.js')
+for(const token of ['homeAttentionExpanded:false','function homeAttentionItems()','allAttention.slice(0,8)','homeAttentionToggle','aria-expanded="${state.homeAttentionExpanded}"'])check(ref.includes(token),`Reference Home attention parity missing: ${token}`)
+
+const queue=read('packages/kbx-ui/src/components/KbxQueuePage.vue')
+for(const token of ['emptyTitle?:string','emptyDetail?:string','emptyActionLabel?:string','errorTitle?:string','errorDetail?:string','retryLabel?:string',':error-title="errorTitle"',':empty-action-label="emptyActionLabel"'])check(queue.includes(token),`T06 state-recovery copy contract missing: ${token}`)
+check(atLeast(componentVersion('KbxQueuePage'),'1.8.0'),'KbxQueuePage must remain >= 1.8.0')
+
+const workApi=read('apps/web/src/modules/wms/work/workApi.ts')
+for(const token of ["import.meta.env.VITE_KBX_DEMO_MODE==='true'",'demoRows:WmsWorkRow[]','WMS_WORK_QUERY_NOT_CONNECTED','throw problem'])check(workApi.includes(token),`WMS Work truthful query boundary missing: ${token}`)
+check(!/searchWmsWork[^]*?return\s*\[\s*\]/.test(workApi),'WMS Work must not fake a successful empty production query')
+const workPage=read('apps/web/src/modules/wms/work/WmsWorkPage.vue')
+for(const token of ['queryProblem','empty-title="조건에 맞는 물류 작업이 없습니다."','empty-action-label="기본조건으로 조회"','resetSearch','retry-label="다시 조회"'])check(workPage.includes(token),`WMS Work recovery UX missing: ${token}`)
+
+const guard=read('apps/web/src/modules/wms/shared/wmsFrontendCapability.ts')
+for(const token of ['wmsFrontendScenarioMode','WMS_EXECUTION_API_NOT_CONNECTED','Server 검증·Idempotency·Audit'])check(guard.includes(token),`WMS execution guard missing: ${token}`)
+for(const rel of ['receiving/WmsReceivingPage.vue','putaway/WmsPutawayPage.vue','counting/WmsCountingPage.vue']){
+  const src=read(`apps/web/src/modules/wms/${rel}`)
+  for(const token of ['defineProps<{taskId:string}>()','useKbxNetworkState','wmsFrontendScenarioMode','KbxProblemFeedback',' :dismissible="false"','playKbxWmsFeedback',':actions-visible="wmsFrontendScenarioMode"'])check(src.includes(token),`${rel} truthful T09 boundary missing: ${token}`)
+  check(!src.includes('const online=ref(true)'),`${rel} must not hard-code network online=true`)
+}
+const wmsShell=read('packages/kbx-ui/src/wms/KbxWmsMobilePage.vue')
+check(wmsShell.includes('actionsVisible?: boolean')&&wmsShell.includes('$slots.actions && actionsVisible'),'WMS Shell must suppress empty action footer when execution input is blocked')
+check(atLeast(componentVersion('KbxWmsMobilePage'),'1.7.0'),'KbxWmsMobilePage must remain >= 1.7.0')
+for(const rel of ['receiving/receiving.definition.ts','putaway/putaway.definition.ts','counting/counting.definition.ts','work/work.definition.ts']){const src=read(`apps/web/src/modules/wms/${rel}`);const version=src.match(/version:\s*['"](\d+)\.(\d+)\.(\d+)['"]/);check(Boolean(version)&&atLeast(version.slice(1).join('.'),'1.1.0'),`${rel} must remain >= 1.1.0`)}
+
+if(failures.length){console.error('FE workbench/WMS v49 validation failed:');for(const f of failures)console.error(`- ${f}`);process.exit(1)}
+console.log('FE workbench/WMS v49 PASS: Home attention disclosure + truthful T06/T09 demo/production boundaries.')
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-field-governance.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-field-governance.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-field-governance.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-field-governance.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-golden-fast-master-detail.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-golden-fast-master-detail.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-golden-fast-master-detail.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-golden-fast-master-detail.mjs
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-golden-fe-parity-v41.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-golden-fe-parity-v41.mjs
new file mode 100644
index 00000000..484136d2
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-golden-fe-parity-v41.mjs
@@ -0,0 +1,81 @@
+import fs from 'node:fs'
+
+const failures=[]
+const read=path=>fs.readFileSync(path,'utf8')
+const requireTokens=(path,tokens)=>{
+  const text=read(path)
+  for(const token of tokens)if(!text.includes(token))failures.push(`${path} missing ${token}`)
+  return text
+}
+
+const grid=requireTokens('packages/kbx-ui/src/components/KbxDataGrid.vue',[
+  "mode:'multiRow'",
+  'checkboxes:true',
+  'headerCheckbox:true',
+  'syncSelectionState',
+  'gridErrors',
+  'focusNextEditableCell',
+  'selectRowByKey',
+  'defineExpose',
+])
+if(grid.includes("row-selection=\"selection==='multiple'?'multiple'"))failures.push('KbxDataGrid still uses deprecated string rowSelection configuration')
+
+const lookup=requireTokens('packages/kbx-ui/src/components/KbxLookup.vue',[
+  'focusNextControl',
+  'dialogWasOpen',
+  '`${label} 코드`',
+  '`${label} 검색`',
+])
+if(lookup.includes('aria-label="코드"'))failures.push('KbxLookup exposes ambiguous duplicate code labels')
+
+requireTokens('packages/kbx-ui/src/shell/KbxUnsavedChangesDialog.vue',[
+  "event.key === 'Escape'",
+  "event.key !== 'Tab'",
+  'restoreFocus',
+  'aria-describedby="unsaved-detail"',
+])
+
+const orderList=requireTokens('apps/web/src/modules/oms/orders/search/OrderListPage.vue',[
+  'OrderDetailDrawer',
+  '@drill-down-requested="openDetail"',
+  '@row-double-clicked="openDetail"',
+  'orderApi.getDetail',
+  'exportCsv',
+])
+if(orderList.includes('@row-double-clicked="row=>router.push'))failures.push('OMS-ORD-001 still destroys list context on double click')
+
+const orderDefinition=read('apps/web/src/modules/oms/orders/search/order-list.definition.ts')
+if(orderDefinition.includes("id: 'hold'"))failures.push('OMS-ORD-001 exposes Hold command without an implemented domain operation')
+
+requireTokens('apps/web/src/modules/erp/items/ItemMasterPage.vue',[
+  'pendingTransition',
+  'KbxUnsavedChangesDialog',
+  'selectRowByKey',
+  'saveThenTransition',
+  '@selection-changed="requestChoose"',
+])
+
+requireTokens('apps/web/src/modules/oms/orders/register/OrderRegisterPage.vue',[
+  'pendingReset',
+  'KbxUnsavedChangesDialog',
+  'focusNextEditableCell',
+  'copyCurrent',
+  'ref="detailGrid"',
+])
+
+const registration=read('apps/web/src/modules/oms/orders/register/useOrderRegistration.ts')
+for(const token of ['return false','return true','function copyCurrent'])if(!registration.includes(token))failures.push(`useOrderRegistration missing ${token}`)
+
+for(const path of [
+  'apps/web/src/modules/oms/orders/search/useOrderSearch.ts',
+  'apps/web/src/modules/oms/orders/register/OrderRegisterPage.vue',
+  'apps/web/src/modules/erp/items/ItemMasterPage.vue',
+]){
+  if(read(path).includes('Promise.resolve()'))failures.push(`${path} contains a visible-command no-op Promise.resolve()`) 
+}
+
+if(failures.length){
+  console.error('Golden FE parity v41 validation failed:\n- '+failures.join('\n- '))
+  process.exit(1)
+}
+console.log('Golden FE parity v41 PASS: controlled AG Grid selection, detail Drawer context, Lookup focus continuation, and dirty intra-screen transitions.')
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-grid-productivity.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-grid-productivity.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-grid-productivity.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-grid-productivity.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-integration-governance.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-integration-governance.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-integration-governance.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-integration-governance.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-interaction-contracts.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-interaction-contracts.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-interaction-contracts.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-interaction-contracts.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-kbx.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-kbx.mjs
similarity index 82%
rename from docs/Design/kbx-foundation-v36/scripts/validate-kbx.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-kbx.mjs
index dc126bd3..2359722b 100644
--- a/docs/Design/kbx-foundation-v36/scripts/validate-kbx.mjs
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-kbx.mjs
@@ -42,6 +42,18 @@ for (const script of [
   'validate-template-completeness.mjs',
   'validate-interaction-contracts.mjs',
   'validate-grid-productivity.mjs',
+  'validate-golden-fe-parity-v41.mjs',
+  'validate-fe-runtime-v42.mjs',
+  'validate-theme-navigation-v43.mjs',
+  'validate-fe-state-navigation-v44.mjs',
+  'validate-fe-preference-navigation-v45.mjs',
+  'validate-fe-resume-navigation-v46.mjs',
+  'validate-fe-problem-recovery-v47.mjs',
+  'validate-fe-template-completion-v48.mjs',
+  'validate-fe-workbench-wms-v49.mjs',
+  'validate-fe-operational-truth-v50.mjs',
+  'validate-fe-presentation-v51.mjs',
+  'validate-fe-anatomy-v52.mjs',
   'validate-golden-fast-master-detail.mjs',
   'validate-record-lifecycle.mjs',
   'validate-template-navigation-v29.mjs',
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-live-openapi.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-live-openapi.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-live-openapi.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-live-openapi.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-migration-safety.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-migration-safety.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-migration-safety.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-migration-safety.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-operations.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-operations.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-operations.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-operations.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-process-coverage.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-process-coverage.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-process-coverage.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-process-coverage.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-production-readiness.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-production-readiness.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-production-readiness.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-production-readiness.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-provider-governance.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-provider-governance.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-provider-governance.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-provider-governance.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-record-lifecycle.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-record-lifecycle.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-record-lifecycle.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-record-lifecycle.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-release-governance.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-release-governance.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-release-governance.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-release-governance.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-scaffolder.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-scaffolder.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-scaffolder.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-scaffolder.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-screen-governance.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-screen-governance.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-screen-governance.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-screen-governance.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-telemetry-governance.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-telemetry-governance.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-telemetry-governance.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-telemetry-governance.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-template-completeness.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-template-completeness.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-template-completeness.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-template-completeness.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-template-navigation-v28.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-template-navigation-v28.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-template-navigation-v28.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-template-navigation-v28.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-template-navigation-v29.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-template-navigation-v29.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-template-navigation-v29.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-template-navigation-v29.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-template-navigation-v30.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-template-navigation-v30.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-template-navigation-v30.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-template-navigation-v30.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-template-navigation-v31.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-template-navigation-v31.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-template-navigation-v31.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-template-navigation-v31.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-template-navigation-v32.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-template-navigation-v32.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-template-navigation-v32.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-template-navigation-v32.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-template-navigation-v33.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-template-navigation-v33.mjs
similarity index 78%
rename from docs/Design/kbx-foundation-v36/scripts/validate-template-navigation-v33.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-template-navigation-v33.mjs
index cd4c4f7c..be51be52 100644
--- a/docs/Design/kbx-foundation-v36/scripts/validate-template-navigation-v33.mjs
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-template-navigation-v33.mjs
@@ -50,12 +50,23 @@ must(home,['operationFailureCount?:number','urgentNotificationCount?:number','
 must(appFrame,['failedOperationCount','partially-completed','urgentUnreadCount','urgent-notification-count'],'runtime attention wiring')
 
 const store=read('apps/web/src/shell/workspaceStore.ts')
-must(store,["STORAGE_PREFIX='kbx.navigation.preference.v3'","LEGACY_STORAGE_PREFIX='kbx.navigation.preference.v2'",'MAX_STORED_PREFERENCE_BYTES=64_000','MAX_SCOPE_LENGTH=160','MAX_RECENT_PATH_LENGTH=1024','parseStoredPreference','Date.parse(visitedAt)','localStorage.getItem(storageKey(scope,LEGACY_STORAGE_PREFIX))','normalizePreference({...preference.value,recents:'],'persisted preference hardening/migration')
+must(store,["STORAGE_PREFIX='kbx.navigation.preference.v3'","LEGACY_STORAGE_PREFIX='kbx.navigation.preference.v2'",'MAX_STORED_PREFERENCE_BYTES=64_000','MAX_SCOPE_LENGTH=160','MAX_RECENT_PATH_LENGTH=1024','parseStoredPreference','Date.parse(visitedAt)','storageKey(scope,LEGACY_STORAGE_PREFIX)','normalizePreference({...preference.value,recents:'],'persisted preference hardening/migration')
 const navSecurity=read('packages/kbx-ui/src/shell/navigationSecurity.ts')
 must(navSecurity,['MAX_WORKSPACE_URL_LENGTH=2048','[\\u0000-\\u001f\\u007f]'],'workspace URL size/control-character hardening')
 
 const componentManifest=read('packages/kbx-ui/src/registry/componentManifest.ts')
-must(componentManifest,["KbxDataState', category: 'business', purpose: 'Idle·Loading·Empty·Error", "version:'1.1.0'", "KbxHomePage', category: 'shell', purpose: '미저장·실패 작업·중요 알림", "KbxListPage', category: 'template'", "version: '1.6.0'", "KbxWmsMobilePage', category: 'wms'", "version: '1.5.0'", "KbxCommandBar', category: 'business', purpose: 'Permission Host", "version: '1.3.0'", "KbxWorkflowBar', category: 'business', purpose: 'Permission Host", "KbxBulkActionBar', category: 'business', purpose: 'Permission Host"],'v33 component versions')
+for(const [name,category] of [['KbxDataState','business'],['KbxHomePage','shell'],['KbxListPage','template'],['KbxWmsMobilePage','wms'],['KbxCommandBar','business'],['KbxWorkflowBar','business'],['KbxBulkActionBar','business']]){
+  must(componentManifest,[`name: '${name}'`,`category: '${category}'`],`v33 component ${name}`)
+}
+function versionAtLeast(name,minimum){
+  const line=componentManifest.split('\n').find(value=>value.includes(`name: '${name}'`))??''
+  const version=line.match(/version:\s*'([0-9]+)\.([0-9]+)\.([0-9]+)'/)?.slice(1).map(Number)
+  if(!version){failures.push(`v33 component ${name} missing semver`);return}
+  const [a,b,c]=version;const [x,y,z]=minimum
+  if(a<x || (a===x&&b<y) || (a===x&&b===y&&c<z))failures.push(`v33 component ${name} version ${version.join('.')} < ${minimum.join('.')}`)
+}
+versionAtLeast('KbxDataState',[1,1,0]);versionAtLeast('KbxHomePage',[1,0,0]);versionAtLeast('KbxListPage',[1,6,0]);versionAtLeast('KbxWmsMobilePage',[1,5,0]);versionAtLeast('KbxCommandBar',[1,3,0])
+must(componentManifest,["KbxDataState', category: 'business', purpose: 'Idle·Loading·Empty·Error", "KbxCommandBar', category: 'business', purpose: 'Permission Host", "KbxWorkflowBar', category: 'business', purpose: 'Permission Host", "KbxBulkActionBar', category: 'business', purpose: 'Permission Host"],'v33 retained component purposes')
 const catalog=read('packages/kbx-ui/src/catalog/componentCatalog.ts')
 must(catalog,["id:'idle',label:'조회 전',state:'idle'","id:'attention',label:'실패 작업·중요 알림 우선',state:'error'"],'catalog state scenarios')
 
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-template-navigation-v34.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-template-navigation-v34.mjs
similarity index 98%
rename from docs/Design/kbx-foundation-v36/scripts/validate-template-navigation-v34.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-template-navigation-v34.mjs
index 61939e54..b9677d5e 100644
--- a/docs/Design/kbx-foundation-v36/scripts/validate-template-navigation-v34.mjs
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-template-navigation-v34.mjs
@@ -56,7 +56,7 @@ for(const component of coreComponents){
 for(const component of ['KbxLookupDialog','KbxValidationSummary','KbxExceptionSummary','KbxExceptionDetailDrawer','KbxRecordLifecycle','KbxBarcodeCapture','KbxNetworkIndicator','KbxWmsActionButton']){
   if(!catalogNames.has(component))failures.push(`v34 required catalog entry missing: ${component}`)
 }
-must(componentManifest,["KbxLookup', category: 'business', purpose: '비동기 race/error", "KbxLookupDialog', category: 'business', purpose: 'Provider 오류", "KbxExcelImport', category: 'business', purpose: '파일 preflight", "KbxExceptionDetailDrawer', category: 'business', purpose: '표준 Drawer", "KbxAiAssistant', category: 'business', purpose: 'Capability/Permission guard", "KbxBarcodeCapture', category: 'wms', purpose: 'Keyboard-wedge/Camera", "KbxHomePage', category: 'shell', purpose: '미저장·실패 작업"],'v34 component versions/descriptions')
+must(componentManifest,["KbxLookup', category: 'business', purpose: '비동기 race/error", "KbxLookupDialog', category: 'business', purpose: 'Provider 오류", "KbxExcelImport', category: 'business', purpose: '파일 preflight", "KbxExceptionDetailDrawer', category: 'business', purpose: '표준 Drawer", "KbxAiAssistant', category: 'business', purpose: 'Capability/Permission guard", "KbxBarcodeCapture', category: 'wms', purpose: 'Keyboard-wedge/Camera", "KbxHomePage', category: 'shell', purpose:"],'v34 component versions/descriptions')
 
 if(failures.length){console.error(failures.join('\n'));process.exit(1)}
 console.log(`v34 template/component/home validation passed: ${coreComponents.size} template core components have manifest+catalog coverage; Lookup/Import/Exception/AI/Barcode recovery and permission boundaries hardened; Home counts/filter recovery corrected.`)
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-template-navigation-v35.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-template-navigation-v35.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-template-navigation-v35.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-template-navigation-v35.mjs
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-template-navigation-v36.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-template-navigation-v36.mjs
similarity index 94%
rename from docs/Design/kbx-foundation-v36/scripts/validate-template-navigation-v36.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-template-navigation-v36.mjs
index 097ab1bb..fedad36a 100644
--- a/docs/Design/kbx-foundation-v36/scripts/validate-template-navigation-v36.mjs
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-template-navigation-v36.mjs
@@ -46,7 +46,8 @@ must(navigation,['occurredAt: string','KbxHomeAttentionQueue','overflowCount','s
 const homeNav=read('packages/kbx-ui/src/shell/homeNavigation.ts')
 must(homeNav,['buildKbxHomeAttentionQueue','b.occurredAt.localeCompare(a.occurredAt)','overflowCount','sourceCounts','Backward-compatible item-only view'],'Home attention deterministic queue')
 const home=read('packages/kbx-ui/src/shell/KbxHomePage.vue')
-must(home,['buildKbxHomeAttentionQueue','exactAttentionCount','attentionOverflowCount','전체 {{exactAttentionCount}}개 · 상위 {{attentionItems.length}}개 표시'],'Home exact attention count UX')
+must(home,['buildKbxHomeAttentionQueue','exactAttentionCount','attentionOverflowCount','attentionItems.length'],'Home exact attention count UX')
+if(!/전체 \{\{exactAttentionCount\}\}개[^\n]*\{\{attentionItems\.length\}\}개 표시/.test(home))failures.push('Home exact attention count UX missing total/visible count expression')
 const uiIndex=read('packages/kbx-ui/src/index.ts')
 if(!uiIndex.includes('buildKbxHomeAttentionQueue'))failures.push('public UI API missing buildKbxHomeAttentionQueue')
 const homeTest=read('tests/unit/kbx-home-attention.contract.spec.ts')
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-test-governance.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-test-governance.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-test-governance.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-test-governance.mjs
diff --git a/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-theme-navigation-v43.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-theme-navigation-v43.mjs
new file mode 100644
index 00000000..123f794e
--- /dev/null
+++ b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-theme-navigation-v43.mjs
@@ -0,0 +1,50 @@
+import fs from 'node:fs'
+
+const read=p=>fs.readFileSync(p,'utf8')
+const json=p=>JSON.parse(read(p))
+const failures=[]
+const check=(ok,msg)=>{if(!ok)failures.push(msg)}
+
+const tokens=json('packages/kbx-ui/src/tokens/source/kbx.tokens.json')
+check(Number(tokens.version.split('.')[0])>1 || (Number(tokens.version.split('.')[0])===1 && Number(tokens.version.split('.')[1])>=9),'design token source must be v1.9.0 or newer')
+check(tokens.themes?.light?.label==='KBX Business Light','light business theme missing')
+check(tokens.themes?.dark?.label==='KBX Business Dark','dark business theme missing')
+for(const key of ['semantic.surface.default','semantic.surface.muted','semantic.text.default','semantic.text.muted','semantic.border.default','semantic.action.primary','semantic.status.success','semantic.status.warning','semantic.status.danger','semantic.focus','semantic.state.aiSurface']){
+  check(Object.hasOwn(tokens.themes?.dark?.overrides??{},key),`dark semantic override missing: ${key}`)
+}
+const css=read('packages/kbx-ui/src/tokens/kbx.css')
+check(css.includes('[data-kbx-theme="dark"]'),'generated dark selector missing')
+check(css.includes('color-scheme: dark'),'dark color-scheme missing')
+
+const main=read('apps/web/src/main.ts')
+check(main.includes("darkModeSelector: '[data-kbx-theme=\\\"dark\\\"]'"),'PrimeVue dark selector must follow KBX root theme')
+const theme=read('packages/kbx-ui/src/theme/kbxTheme.ts')
+for(const token of ["'light' | 'dark'",'applyKbxTheme','nextKbxThemeMode'])check(theme.includes(token),`theme runtime contract missing: ${token}`)
+const nav=read('packages/kbx-contracts/src/navigation.ts')
+check(nav.includes("themeMode?: 'light' | 'dark'"),'theme preference contract missing')
+const store=read('apps/web/src/shell/workspaceStore.ts')
+check(store.includes("themeMode:'light'")&&store.includes('function toggleTheme()'),'workspace theme preference must be fail-safe and persisted')
+const frame=read('apps/web/src/shell/KbxAppFrame.vue')
+check(frame.includes('watch(themeMode,mode=>applyKbxTheme(mode),{immediate:true})'),'AppFrame must apply persisted theme at the document root')
+check(frame.includes('@theme-toggle="store.toggleTheme"'),'AppFrame must bind header theme control to preference store')
+const header=read('packages/kbx-ui/src/shell/KbxGlobalHeader.vue')
+check(header.includes("themeMode?: 'light' | 'dark'")&&header.includes("@click=\"emit('themeToggle')\""),'global header theme control missing')
+check(header.includes('grid-template-columns:repeat(4,1fr)'),'narrow header must accommodate theme without overflow')
+const grid=read('packages/kbx-ui/src/theme/kbxGridTheme.ts')
+for(const token of ['accentColor','borderColor','selectedRowBackgroundColor'])check(grid.includes(token),`AG Grid semantic theme bridge missing: ${token}`)
+const home=read('packages/kbx-ui/src/shell/KbxHomePage.vue')
+check(home.includes('v43 theme hierarchy'),'Home themed hierarchy hardening missing')
+check(home.includes('border-left:var(--kbx-accent-border-width)'),'Home attention must encode priority without whole-row color reliance')
+const side=read('packages/kbx-ui/src/shell/KbxSideNavigation.vue')
+check(side.includes('box-shadow:inset var(--kbx-accent-border-width) 0 0 var(--kbx-color-primary)')||side.includes('box-shadow:inset var(--kbx-accent-border-width) 0 0 var(--kbx-color-module-accent)'),'Side nav active state must remain explicit in both themes')
+
+const refHtml=read('apps/web/fe-reference/index.html')
+const refCss=read('apps/web/fe-reference/kbx-fe.css')
+const refJs=read('apps/web/fe-reference/kbx-fe.js')
+check(refHtml.includes('id="themeButton"'),'FE Reference must expose theme switching')
+check(refCss.includes('.kbx-app[data-theme="dark"]'),'FE Reference dark theme missing')
+check(refJs.includes("theme:'light'")&&refJs.includes("state.theme=state.theme==='dark'?'light':'dark'"),'FE Reference theme state/persistence missing')
+check(!/background:#fff(?![0-9a-fA-F])/i.test(refCss),'FE Reference contains hard-coded white surfaces that break dark theme')
+
+if(failures.length){console.error('Theme/navigation v43 validation failed:');for(const f of failures)console.error(`- ${f}`);process.exit(1)}
+console.log('Theme/navigation v43 validation passed: semantic Light/Dark, PrimeVue/AG Grid bridge, Home/Shell hierarchy, reference parity.')
diff --git a/docs/Design/kbx-foundation-v36/scripts/validate-typescript-syntax.mjs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-typescript-syntax.mjs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/scripts/validate-typescript-syntax.mjs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/scripts/validate-typescript-syntax.mjs
diff --git a/docs/Design/kbx-foundation-v36/tests/backend/KbxScenarioEvidence.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/backend/KbxScenarioEvidence.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/backend/KbxScenarioEvidence.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/backend/KbxScenarioEvidence.cs
diff --git a/docs/Design/kbx-foundation-v36/tests/backend/KbxScenarioPostgresFixture.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/backend/KbxScenarioPostgresFixture.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/backend/KbxScenarioPostgresFixture.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/backend/KbxScenarioPostgresFixture.cs
diff --git a/docs/Design/kbx-foundation-v36/tests/backend/KbxSyntheticImportWorkbook.cs b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/backend/KbxSyntheticImportWorkbook.cs
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/backend/KbxSyntheticImportWorkbook.cs
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/backend/KbxSyntheticImportWorkbook.cs
diff --git a/docs/Design/kbx-foundation-v36/tests/component/kbx-authorization.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/component/kbx-authorization.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/component/kbx-authorization.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/component/kbx-authorization.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/e2e/application-shell.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/application-shell.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/e2e/application-shell.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/application-shell.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/e2e/common-operations.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/common-operations.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/e2e/common-operations.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/common-operations.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/e2e/common-reconcile.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/common-reconcile.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/e2e/common-reconcile.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/common-reconcile.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/e2e/erp-inventory-master-detail.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/erp-inventory-master-detail.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/e2e/erp-inventory-master-detail.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/erp-inventory-master-detail.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/e2e/erp-item-master.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/erp-item-master.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/e2e/erp-item-master.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/erp-item-master.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/e2e/erp-item-price-fast-entry.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/erp-item-price-fast-entry.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/e2e/erp-item-price-fast-entry.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/erp-item-price-fast-entry.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/e2e/erp-purchase.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/erp-purchase.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/e2e/erp-purchase.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/erp-purchase.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/e2e/helpers/kbxScenario.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/helpers/kbxScenario.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/e2e/helpers/kbxScenario.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/helpers/kbxScenario.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/e2e/helpers/kbxScenarioEvidence.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/helpers/kbxScenarioEvidence.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/e2e/helpers/kbxScenarioEvidence.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/helpers/kbxScenarioEvidence.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/e2e/kbx-canonical-scenarios.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/kbx-canonical-scenarios.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/e2e/kbx-canonical-scenarios.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/kbx-canonical-scenarios.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/e2e/kbx-component-catalog.visual.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/kbx-component-catalog.visual.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/e2e/kbx-component-catalog.visual.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/kbx-component-catalog.visual.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/e2e/kbx-experiment-governance.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/kbx-experiment-governance.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/e2e/kbx-experiment-governance.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/kbx-experiment-governance.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/e2e/kbx-grid-fast-entry.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/kbx-grid-fast-entry.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/e2e/kbx-grid-fast-entry.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/kbx-grid-fast-entry.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/e2e/kbx-keyboard-regression.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/kbx-keyboard-regression.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/e2e/kbx-keyboard-regression.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/kbx-keyboard-regression.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/e2e/oms-claims.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/oms-claims.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/e2e/oms-claims.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/oms-claims.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/e2e/oms-order-import.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/oms-order-import.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/e2e/oms-order-import.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/oms-order-import.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/e2e/oms-order-list.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/oms-order-list.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/e2e/oms-order-list.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/oms-order-list.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/e2e/oms-order-register.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/oms-order-register.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/e2e/oms-order-register.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/oms-order-register.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/e2e/production-resilience.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/production-resilience.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/e2e/production-resilience.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/production-resilience.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/e2e/wms-picking.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/wms-picking.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/e2e/wms-picking.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/wms-picking.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/e2e/wms-process-coverage.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/wms-process-coverage.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/e2e/wms-process-coverage.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/e2e/wms-process-coverage.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/fixtures/files/order-import-6rows.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/fixtures/files/order-import-6rows.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/fixtures/files/order-import-6rows.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/fixtures/files/order-import-6rows.json
diff --git a/docs/Design/kbx-foundation-v36/tests/fixtures/postgres/00-bootstrap-test-database.sql b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/fixtures/postgres/00-bootstrap-test-database.sql
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/fixtures/postgres/00-bootstrap-test-database.sql
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/fixtures/postgres/00-bootstrap-test-database.sql
diff --git a/docs/Design/kbx-foundation-v36/tests/fixtures/postgres/10-reset-v18.sql b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/fixtures/postgres/10-reset-v18.sql
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/fixtures/postgres/10-reset-v18.sql
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/fixtures/postgres/10-reset-v18.sql
diff --git a/docs/Design/kbx-foundation-v36/tests/fixtures/postgres/20-seed-v18.sql b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/fixtures/postgres/20-seed-v18.sql
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/fixtures/postgres/20-seed-v18.sql
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/fixtures/postgres/20-seed-v18.sql
diff --git a/docs/Design/kbx-foundation-v36/tests/fixtures/postgres/README.md b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/fixtures/postgres/README.md
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/fixtures/postgres/README.md
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/fixtures/postgres/README.md
diff --git a/docs/Design/kbx-foundation-v36/tests/fixtures/providers/kis-current-price-success.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/fixtures/providers/kis-current-price-success.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/fixtures/providers/kis-current-price-success.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/fixtures/providers/kis-current-price-success.json
diff --git a/docs/Design/kbx-foundation-v36/tests/fixtures/providers/opendart-company-success.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/fixtures/providers/opendart-company-success.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/fixtures/providers/opendart-company-success.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/fixtures/providers/opendart-company-success.json
diff --git a/docs/Design/kbx-foundation-v36/tests/fixtures/providers/opendart-no-data.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/fixtures/providers/opendart-no-data.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/fixtures/providers/opendart-no-data.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/fixtures/providers/opendart-no-data.json
diff --git a/docs/Design/kbx-foundation-v36/tests/fixtures/providers/opendart-rate-limit.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/fixtures/providers/opendart-rate-limit.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/fixtures/providers/opendart-rate-limit.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/fixtures/providers/opendart-rate-limit.json
diff --git a/docs/Design/kbx-foundation-v36/tests/scenario-evidence/example.evidence.json b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/scenario-evidence/example.evidence.json
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/scenario-evidence/example.evidence.json
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/scenario-evidence/example.evidence.json
diff --git a/docs/Design/kbx-foundation-v36/tests/unit/kbx-api-contract.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-api-contract.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/unit/kbx-api-contract.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-api-contract.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/unit/kbx-barcode-capture.contract.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-barcode-capture.contract.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/unit/kbx-barcode-capture.contract.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-barcode-capture.contract.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/unit/kbx-core-components.contract.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-core-components.contract.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/unit/kbx-core-components.contract.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-core-components.contract.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/unit/kbx-experiment-contract.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-experiment-contract.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/unit/kbx-experiment-contract.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-experiment-contract.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/unit/kbx-field-contract.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-field-contract.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/unit/kbx-field-contract.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-field-contract.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/unit/kbx-grid-productivity.contract.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-grid-productivity.contract.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/unit/kbx-grid-productivity.contract.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-grid-productivity.contract.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/unit/kbx-home-attention.contract.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-home-attention.contract.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/unit/kbx-home-attention.contract.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-home-attention.contract.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/unit/kbx-import-guard.contract.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-import-guard.contract.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/unit/kbx-import-guard.contract.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-import-guard.contract.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/unit/kbx-lookup.contract.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-lookup.contract.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/unit/kbx-lookup.contract.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-lookup.contract.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/unit/kbx-navigation-hardening.contract.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-navigation-hardening.contract.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/unit/kbx-navigation-hardening.contract.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-navigation-hardening.contract.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/unit/kbx-operations.contract.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-operations.contract.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/unit/kbx-operations.contract.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-operations.contract.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/unit/kbx-record-lifecycle.contract.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-record-lifecycle.contract.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/unit/kbx-record-lifecycle.contract.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-record-lifecycle.contract.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/unit/kbx-runtime.contract.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-runtime.contract.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/unit/kbx-runtime.contract.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-runtime.contract.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/unit/kbx-screen-recipe.contract.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-screen-recipe.contract.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/unit/kbx-screen-recipe.contract.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-screen-recipe.contract.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/unit/kbx-shortcut-manager.contract.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-shortcut-manager.contract.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/unit/kbx-shortcut-manager.contract.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-shortcut-manager.contract.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/unit/kbx-telemetry-contract.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-telemetry-contract.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/unit/kbx-telemetry-contract.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-telemetry-contract.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/unit/kbx-template-state-matrix.contract.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-template-state-matrix.contract.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/unit/kbx-template-state-matrix.contract.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-template-state-matrix.contract.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/unit/kbx-test-scenario-contract.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-test-scenario-contract.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/unit/kbx-test-scenario-contract.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-test-scenario-contract.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/unit/kbx-workflow.contract.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-workflow.contract.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/unit/kbx-workflow.contract.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/kbx-workflow.contract.spec.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/unit/navigation-search.test.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/navigation-search.test.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/unit/navigation-search.test.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/navigation-search.test.ts
diff --git a/docs/Design/kbx-foundation-v36/tests/unit/wms-safe-retry.contract.spec.ts b/docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/wms-safe-retry.contract.spec.ts
similarity index 100%
rename from docs/Design/kbx-foundation-v36/tests/unit/wms-safe-retry.contract.spec.ts
rename to docs/Design/kbx-foundation-v52-fe-operational-navigation-screen-anatomy/tests/unit/wms-safe-retry.contract.spec.ts
diff --git a/frontend/src/app/installKbx.ts b/frontend/src/app/installKbx.ts
new file mode 100644
index 00000000..3ef08fdf
--- /dev/null
+++ b/frontend/src/app/installKbx.ts
@@ -0,0 +1,146 @@
+/**
+ * KBX Foundation v4 App Initialization
+ * Bootstraps screen registry, permissions, and UI adapter
+ */
+
+import type { App } from 'vue'
+import type { KbxScreenDefinition, KbxPermissionDefinition, KbxDensity } from '@shared/contracts/kbx-types'
+
+// Global state
+let screenRegistry: Map<string, KbxScreenDefinition> = new Map()
+let permissionRegistry: Map<string, KbxPermissionDefinition> = new Map()
+let userPermissions: Set<string> = new Set()
+let currentDensity: KbxDensity = 'compact'
+
+/**
+ * Register screen definitions from all modules
+ */
+export function registerScreens(screens: KbxScreenDefinition[]) {
+  screens.forEach(screen => {
+    screenRegistry.set(screen.screenId, screen)
+  })
+}
+
+/**
+ * Register permission definitions
+ */
+export function registerPermissions(permissions: KbxPermissionDefinition[]) {
+  permissions.forEach(perm => {
+    permissionRegistry.set(perm.permissionId, perm)
+  })
+}
+
+/**
+ * Set user permissions (called after auth)
+ */
+export function setUserPermissions(permissions: string[]) {
+  userPermissions.clear()
+  permissions.forEach(p => userPermissions.add(p))
+}
+
+/**
+ * Check if user has permission
+ */
+export function hasPermission(permissionId: string): boolean {
+  return userPermissions.has(permissionId)
+}
+
+/**
+ * Check if user has all permissions
+ */
+export function hasAllPermissions(permissionIds: string[]): boolean {
+  return permissionIds.every(id => userPermissions.has(id))
+}
+
+/**
+ * Get screen by ID
+ */
+export function getScreen(screenId: string): KbxScreenDefinition | undefined {
+  return screenRegistry.get(screenId)
+}
+
+/**
+ * Get all screens
+ */
+export function getAllScreens(): KbxScreenDefinition[] {
+  return Array.from(screenRegistry.values())
+}
+
+/**
+ * Set density (compact, comfortable, touch)
+ */
+export function setDensity(density: KbxDensity) {
+  currentDensity = density
+  // Apply to DOM
+  document.documentElement.style.setProperty('--kbx-density', density)
+
+  // Update tokens based on density
+  const tokens = {
+    compact: {
+      inputHeight: '34px',
+      gridRowHeight: '34px',
+      touchTarget: '44px',
+      fontSize: '12px',
+    },
+    comfortable: {
+      inputHeight: '36px',
+      gridRowHeight: '36px',
+      touchTarget: '48px',
+      fontSize: '14px',
+    },
+    touch: {
+      inputHeight: '48px',
+      gridRowHeight: '48px',
+      touchTarget: '52px',
+      fontSize: '16px',
+    },
+  }
+
+  Object.entries(tokens[density]).forEach(([key, value]) => {
+    document.documentElement.style.setProperty(`--kbx-${key}`, value)
+  })
+}
+
+/**
+ * Vue plugin install
+ */
+export function installKbx(app: App) {
+  // Provide global registry access
+  app.provide('kbx-screens', screenRegistry)
+  app.provide('kbx-permissions', permissionRegistry)
+
+  // Global methods
+  app.config.globalProperties.$kbx = {
+    hasPermission,
+    hasAllPermissions,
+    getScreen,
+    getAllScreens,
+    setDensity,
+  }
+
+  // Initialize default density
+  setDensity('compact')
+
+  // Apply theme colors
+  document.documentElement.style.setProperty('--kbx-color-primary', '#3b82f6')
+  document.documentElement.style.setProperty('--kbx-color-danger', '#ef4444')
+  document.documentElement.style.setProperty('--kbx-color-success', '#10b981')
+  document.documentElement.style.setProperty('--kbx-color-border', '#e5e7eb')
+  document.documentElement.style.setProperty('--kbx-color-text', '#000000')
+  document.documentElement.style.setProperty('--kbx-color-text-muted', '#6b7280')
+  document.documentElement.style.setProperty('--kbx-color-background', '#ffffff')
+  document.documentElement.style.setProperty('--kbx-color-surface', '#ffffff')
+  document.documentElement.style.setProperty('--kbx-color-shell-chrome', '#f9fafb')
+}
+
+// Composable for component usage
+export function useKbx() {
+  return {
+    hasPermission,
+    hasAllPermissions,
+    getScreen,
+    getAllScreens,
+    setDensity,
+    screenRegistry: () => getAllScreens(),
+  }
+}
diff --git a/frontend/src/features/models/registry.ts b/frontend/src/features/models/registry.ts
new file mode 100644
index 00000000..8971ab60
--- /dev/null
+++ b/frontend/src/features/models/registry.ts
@@ -0,0 +1,96 @@
+/**
+ * Models Feature Screen Registry
+ * Define all screens in the models feature module
+ */
+
+import type { KbxScreenDefinition } from '@shared/contracts/kbx-types'
+
+export const modelsListScreen: KbxScreenDefinition = {
+  screenId: 'model-ops.models.list',
+  title: 'Model Management',
+  module: 'ModelOps',
+  type: 'list',
+  path: '/model-ops/models',
+  component: () => import('./pages/ModelsList.vue'),
+  permissions: ['model.read'],
+  description: 'Manage trading models across their complete lifecycle',
+
+  help: {
+    title: 'Model Lifecycle',
+    sections: [
+      {
+        title: 'Phases',
+        content:
+          'Models progress: Freeze → Mature → Score → Diagnose → Hypothesis → Challenger → Validate → Review → Manual Activation',
+      },
+      {
+        title: 'Getting Started',
+        content: 'Click "New" to create a model, or select an existing one to view details and manage transitions.',
+      },
+    ],
+    relatedScreens: ['model-ops.shadow-run.list'],
+  },
+
+  grid: {
+    columnDefs: [
+      { field: 'modelId', header: 'Model ID', type: 'link', width: 150, pinned: 'left' },
+      { field: 'name', header: 'Name', width: 200 },
+      { field: 'phase', header: 'Phase', type: 'status', width: 120 },
+      { field: 'active', header: 'Active', type: 'text', width: 80 },
+      { field: 'lastValidation', header: 'Last Validation', type: 'datetime', width: 150 },
+      { field: 'pbo', header: 'PBO', type: 'percentage', width: 80 },
+      { field: 'dsr', header: 'DSR', type: 'percentage', width: 80 },
+      { field: 'returnMtd', header: 'Return (YTD)', type: 'money', width: 120 },
+      { field: 'createdAt', header: 'Created', type: 'datetime', width: 150 },
+    ],
+    pageSize: 50,
+    serverSideDatasource: true,
+  },
+
+  shortcuts: [
+    { key: 'F3', label: 'Search', action: 'search' },
+    { key: 'Ctrl+N', label: 'New Model', action: 'new' },
+  ],
+
+  telemetry: { enabled: true },
+}
+
+export const modelsDetailScreen: KbxScreenDefinition = {
+  screenId: 'model-ops.models.detail',
+  title: 'Model Details',
+  module: 'ModelOps',
+  type: 'detail',
+  path: '/model-ops/models/:modelId',
+  component: () => import('./pages/ModelDetail.vue'),
+  permissions: ['model.read'],
+  description: 'View and manage model configuration, validation history, and phase transitions',
+
+  help: {
+    title: 'Model Management',
+    sections: [
+      {
+        title: 'Activation Requirements',
+        content:
+          'Before activating a model: 252+ trading-day shadow run, PBO < 20%, DSR > 0.5, OOS < 2.5%, plus maker-checker approval.',
+      },
+      {
+        title: 'Phase Transitions',
+        content:
+          'Models cannot auto-promote. Each phase requires explicit review and approval. Check phase breakdown for regime-specific performance.',
+      },
+    ],
+    relatedScreens: ['model-ops.models.list', 'model-ops.shadow-run.list'],
+  },
+
+  shortcuts: [
+    { key: 'Escape', label: 'Back to List', action: 'back' },
+    { key: 'Ctrl+E', label: 'Export Report', action: 'export' },
+  ],
+
+  telemetry: { enabled: true },
+}
+
+/**
+ * All screens in models module
+ */
+export const modelScreens: KbxScreenDefinition[] = [modelsListScreen, modelsDetailScreen]
diff --git a/frontend/src/features/shadow-run/registry.ts b/frontend/src/features/shadow-run/registry.ts
new file mode 100644
index 00000000..93b9a137
--- /dev/null
+++ b/frontend/src/features/shadow-run/registry.ts
@@ -0,0 +1,103 @@
+/**
+ * ShadowRun Feature Screen Registry
+ * Define all screens in the shadow-run feature module
+ */
+
+import type { KbxScreenDefinition } from '@shared/contracts/kbx-types'
+
+export const shadowRunListScreen: KbxScreenDefinition = {
+  screenId: 'model-ops.shadow-run.list',
+  title: 'Shadow Run Validation',
+  module: 'ModelOps',
+  type: 'list',
+  path: '/model-ops/shadow-runs',
+  component: () => import('./pages/ShadowRunList.vue'),
+  permissions: ['model.read'],
+  description: 'View and manage shadow run validations (252+ trading day backtests)',
+
+  help: {
+    title: 'Shadow Run Validation',
+    sections: [
+      {
+        title: 'Overview',
+        content:
+          'Shadow runs validate model performance on historical data without executing trades. Each run includes PBO, DSR, and OOS metrics.',
+      },
+      {
+        title: 'How to Start',
+        content:
+          '1. Click "Search" (F3) to view existing runs\n2. Click "New" to initiate a new shadow run\n3. Select date range and model\n4. Monitor progress in the dashboard',
+      },
+      {
+        title: 'Interpreting Results',
+        content:
+          'PBO ≤ 20%, DSR ≥ 95%, OOS ≤ 2.5% indicates model validity. Check phase breakdown (Bull/Bear/Sideways) for regime-specific performance.',
+      },
+    ],
+    relatedScreens: ['model-ops.models.list'],
+  },
+
+  grid: {
+    columnDefs: [
+      { field: 'runId', header: 'Run ID', type: 'link', width: 120, pinned: 'left' },
+      { field: 'modelName', header: 'Model', width: 150 },
+      { field: 'windowStart', header: 'Start Date', type: 'date', width: 120 },
+      { field: 'windowEnd', header: 'End Date', type: 'date', width: 120 },
+      { field: 'tradingDays', header: 'Days', type: 'number', width: 80 },
+      { field: 'totalReturn', header: 'Return', type: 'money', width: 100 },
+      { field: 'sharpeRatio', header: 'Sharpe', type: 'number', width: 80 },
+      { field: 'pbo', header: 'PBO', type: 'percentage', width: 80 },
+      { field: 'dsr', header: 'DSR', type: 'percentage', width: 80 },
+      { field: 'oos', header: 'OOS', type: 'percentage', width: 80 },
+      { field: 'status', header: 'Status', type: 'status', width: 100 },
+      { field: 'createdAt', header: 'Created', type: 'datetime', width: 150 },
+    ],
+    pageSize: 50,
+    serverSideDatasource: true,
+  },
+
+  shortcuts: [
+    { key: 'F3', label: 'Search', action: 'search' },
+    { key: 'Ctrl+N', label: 'New Shadow Run', action: 'new' },
+  ],
+
+  telemetry: { enabled: true },
+}
+
+export const shadowRunDetailScreen: KbxScreenDefinition = {
+  screenId: 'model-ops.shadow-run.detail',
+  title: 'Shadow Run Details',
+  module: 'ModelOps',
+  type: 'detail',
+  path: '/model-ops/shadow-runs/:runId',
+  component: () => import('./pages/ShadowRunDetail.vue'),
+  permissions: ['model.read'],
+  description: 'Detailed analysis of a shadow run with metrics breakdown',
+
+  help: {
+    title: 'Shadow Run Analysis',
+    sections: [
+      {
+        title: 'Metrics Explained',
+        content:
+          'PBO: Probability of Backtest Overfit. DSR: Daily Sharpe Ratio. OOS: Out-of-Sample performance. Lower PBO and OOS, higher DSR is better.',
+      },
+    ],
+    relatedScreens: ['model-ops.shadow-run.list', 'model-ops.models.detail'],
+  },
+
+  shortcuts: [
+    { key: 'Escape', label: 'Back to List', action: 'back' },
+    { key: 'Ctrl+E', label: 'Export', action: 'export' },
+  ],
+
+  telemetry: { enabled: true },
+}
+
+/**
+ * All screens in shadow-run module
+ */
+export const shadowRunScreens: KbxScreenDefinition[] = [
+  shadowRunListScreen,
+  shadowRunDetailScreen,
+]
diff --git a/frontend/src/registry/screens.ts b/frontend/src/registry/screens.ts
new file mode 100644
index 00000000..c6dd4cc3
--- /dev/null
+++ b/frontend/src/registry/screens.ts
@@ -0,0 +1,87 @@
+/**
+ * Central Screen Registry
+ * Merge all feature screen definitions here
+ */
+
+import type { KbxScreenDefinition } from '@shared/contracts/kbx-types'
+
+// Import screen definitions from each feature module
+// (these will be created in Task 4)
+// import { shadowRunScreens } from '@features/shadow-run/registry'
+// import { modelScreens } from '@features/models/registry'
+
+// Temporary: define a few example screens
+export const exampleScreens: KbxScreenDefinition[] = [
+  {
+    screenId: 'model-ops.shadow-run.list',
+    title: 'Shadow Run Validation',
+    module: 'ModelOps',
+    type: 'list',
+    path: '/model-ops/shadow-runs',
+    component: () => import('@features/shadow-run/pages/ShadowRunList.vue'),
+    permissions: ['model.read'],
+    description: 'View and manage shadow run validations',
+    help: {
+      title: 'Shadow Run Validation',
+      sections: [
+        {
+          title: 'What is a Shadow Run?',
+          content: 'A shadow run validates model performance on historical data without executing trades.',
+        },
+        {
+          title: 'How to Use',
+          content: 'Click the search button to run a new shadow run. View results in the list below.',
+        },
+      ],
+      relatedScreens: ['model-ops.models.list'],
+    },
+    shortcuts: [
+      { key: 'F3', label: 'Search', action: 'search' },
+      { key: 'Ctrl+N', label: 'New', action: 'new' },
+    ],
+    telemetry: { enabled: true },
+  },
+  {
+    screenId: 'model-ops.models.list',
+    title: 'Model Management',
+    module: 'ModelOps',
+    type: 'list',
+    path: '/model-ops/models',
+    component: () => import('@features/models/pages/ModelsList.vue'),
+    permissions: ['model.read'],
+    description: 'Manage trading models and their lifecycle',
+    shortcuts: [{ key: 'F3', label: 'Search', action: 'search' }],
+    telemetry: { enabled: true },
+  },
+]
+
+/**
+ * Merged screen registry (all features)
+ */
+export function getAllScreens(): KbxScreenDefinition[] {
+  const screens: KbxScreenDefinition[] = []
+
+  // Add screens from all modules (to be populated as features are created)
+  // screens.push(...shadowRunScreens)
+  // screens.push(...modelScreens)
+
+  // Add example screens for now
+  screens.push(...exampleScreens)
+
+  return screens
+}
+
+/**
+ * Screen index by ID for fast lookup
+ */
+export function buildScreenIndex(): Map<string, KbxScreenDefinition> {
+  const index = new Map<string, KbxScreenDefinition>()
+  getAllScreens().forEach(screen => {
+    index.set(screen.screenId, screen)
+  })
+  return index
+}
+
+// Export registry
+export const screens = getAllScreens()
+export const screenIndex = buildScreenIndex()
diff --git a/frontend/src/shared/composables/useKbxRegistry.ts b/frontend/src/shared/composables/useKbxRegistry.ts
new file mode 100644
index 00000000..48df26c2
--- /dev/null
+++ b/frontend/src/shared/composables/useKbxRegistry.ts
@@ -0,0 +1,119 @@
+/**
+ * Composable: useKbxRegistry
+ * Access screen registry, permissions, and density from components
+ */
+
+import { computed, inject, ref } from 'vue'
+import type {
+  KbxScreenDefinition,
+  KbxPermissionDefinition,
+  KbxDensity,
+} from '@shared/contracts/kbx-types'
+
+// Reactive state
+const currentDensity = ref<KbxDensity>('compact')
+const userPermissions = ref<Set<string>>(new Set())
+
+export function useKbxRegistry() {
+  // Get injected registries
+  const screenRegistry = inject<Map<string, KbxScreenDefinition>>(
+    'kbx-screens',
+    new Map(),
+  )
+
+  const permissionRegistry = inject<Map<string, KbxPermissionDefinition>>(
+    'kbx-permissions',
+    new Map(),
+  )
+
+  // Screen methods
+  const getScreen = (screenId: string) => screenRegistry.get(screenId)
+
+  const getAllScreens = () => Array.from(screenRegistry.values())
+
+  const getScreenByModule = (module: string) =>
+    getAllScreens().filter(s => s.module === module)
+
+  // Permission methods
+  const hasPermission = (permissionId: string) => {
+    return userPermissions.value.has(permissionId)
+  }
+
+  const hasAllPermissions = (permissionIds: string[]) => {
+    return permissionIds.every(id => userPermissions.value.has(id))
+  }
+
+  const hasAnyPermission = (permissionIds: string[]) => {
+    return permissionIds.some(id => userPermissions.value.has(id))
+  }
+
+  const canAccessScreen = (screenId: string) => {
+    const screen = getScreen(screenId)
+    if (!screen) return false
+    return hasAllPermissions(screen.permissions)
+  }
+
+  // Density methods
+  const setDensity = (density: KbxDensity) => {
+    currentDensity.value = density
+    document.documentElement.style.setProperty('--kbx-density', density)
+
+    const tokens = {
+      compact: {
+        inputHeight: '34px',
+        gridRowHeight: '34px',
+        touchTarget: '44px',
+        fontSize: '12px',
+        controlHeight: '34px',
+      },
+      comfortable: {
+        inputHeight: '36px',
+        gridRowHeight: '36px',
+        touchTarget: '48px',
+        fontSize: '14px',
+        controlHeight: '36px',
+      },
+      touch: {
+        inputHeight: '48px',
+        gridRowHeight: '48px',
+        touchTarget: '52px',
+        fontSize: '16px',
+        controlHeight: '48px',
+      },
+    }
+
+    Object.entries(tokens[density]).forEach(([key, value]) => {
+      document.documentElement.style.setProperty(`--kbx-${key}`, value)
+    })
+  }
+
+  const getDensity = computed(() => currentDensity.value)
+
+  // Update user permissions
+  const setPermissions = (permissions: string[]) => {
+    userPermissions.value.clear()
+    permissions.forEach(p => userPermissions.value.add(p))
+  }
+
+  return {
+    // Screen access
+    getScreen,
+    getAllScreens,
+    getScreenByModule,
+    canAccessScreen,
+
+    // Permission access
+    hasPermission,
+    hasAllPermissions,
+    hasAnyPermission,
+    setPermissions,
+
+    // Density
+    setDensity,
+    getDensity,
+
+    // Registries
+    screenRegistry,
+    permissionRegistry,
+  }
+}
diff --git a/frontend/src/shared/contracts/kbx-types.ts b/frontend/src/shared/contracts/kbx-types.ts
new file mode 100644
index 00000000..f226a293
--- /dev/null
+++ b/frontend/src/shared/contracts/kbx-types.ts
@@ -0,0 +1,147 @@
+/**
+ * KBX Foundation v4 Core Types
+ * Single source of truth for screen definitions, permissions, and UI contracts
+ */
+
+// Screen Definition (Registry Entry)
+export interface KbxScreenDefinition {
+  screenId: string              // e.g., "model-ops.shadow-run.list"
+  title: string                 // e.g., "Shadow Run Validation"
+  module: 'ModelOps' | 'SignalEngine' | 'Admin'
+  type: 'list' | 'detail' | 'form' | 'dashboard'
+  path: string                  // Vue Router path
+  component: () => Promise<any> // Lazy-loaded component
+  permissions: string[]         // Required permissions (e.g., ['model.read'])
+  help?: KbxHelpDefinition
+  grid?: KbxGridDefinition
+  shortcuts?: KbxShortcut[]
+  telemetry?: { enabled: boolean }
+}
+
+// Grid Column Definition
+export interface KbxGridColumn<T = any> {
+  field: keyof T
+  header: string
+  type?: 'text' | 'number' | 'date' | 'status' | 'link' | 'money' | 'quantity'
+  width?: number | string
+  pinned?: 'left' | 'right'
+  sortable?: boolean
+  filterable?: boolean
+  formatter?: (value: any, row: T) => string
+}
+
+// Grid Configuration
+export interface KbxGridDefinition {
+  columnDefs: KbxGridColumn[]
+  rowHeight?: number | 'auto'
+  pageSize?: number
+  serverSideDatasource?: boolean
+  theme?: string
+}
+
+// Search Field Definition
+export interface KbxSearchField {
+  key: string
+  label: string
+  type: 'text' | 'number' | 'date' | 'date-range' | 'select' | 'multi-select'
+  options?: Array<{ value: string | number; label: string }>
+  range?: { from: string; to: string } // for date-range
+  placeholder?: string
+  width?: 'sm' | 'md' | 'lg'
+}
+
+// Help Definition
+export interface KbxHelpDefinition {
+  title: string
+  sections: KbxHelpSection[]
+  relatedScreens?: string[]
+  externalUrl?: string
+}
+
+export interface KbxHelpSection {
+  title: string
+  content: string
+  icon?: string
+}
+
+// Permission Definition
+export interface KbxPermissionDefinition {
+  permissionId: string  // e.g., 'model.create'
+  label: string
+  description?: string
+  screens: string[]     // Which screens require this
+}
+
+// Command Definition (Actions)
+export interface KbxCommand {
+  id: string
+  label: string
+  group?: string        // 'query' | 'edit' | 'workflow' | 'output'
+  permission?: string
+  requiresSelection?: boolean
+  minSelection?: number
+  variant?: 'default' | 'primary' | 'danger'
+  shortcut?: string
+  icon?: string
+}
+
+// Keyboard Shortcut
+export interface KbxShortcut {
+  key: string           // 'F3', 'Ctrl+S', etc.
+  label: string
+  action: string
+}
+
+// Data State (Loading, Error, Empty)
+export type KbxAsyncState = 'idle' | 'pending' | 'ready' | 'error' | 'empty'
+
+// Grid Summary Item
+export interface KbxSummaryItem {
+  label: string
+  value: string | number
+  format?: 'number' | 'money' | 'quantity' | 'percentage'
+}
+
+// Quick Filter
+export interface KbxQuickFilterItem {
+  id: string
+  label: string
+  badge?: string | number
+  active?: boolean
+}
+
+// Screen Context (Breadcrumb, Parent Info)
+export interface KbxScreenContext {
+  parentScreenId?: string
+  breadcrumb?: string
+  contextData?: Record<string, any>
+}
+
+// Problem/Error Display
+export interface KbxProblem {
+  code: string
+  message: string
+  details?: string
+  recoveryActions?: string[]
+  retryable?: boolean
+}
+
+// Theme Configuration
+export interface KbxThemeConfig {
+  primary: string
+  secondary: string
+  danger: string
+  success: string
+  warning: string
+  info: string
+}
+
+// Density Token (UI Sizing)
+export type KbxDensity = 'compact' | 'comfortable' | 'touch'
+export interface KbxDensityTokens {
+  inputHeight: number
+  gridRowHeight: number
+  touchTarget: number
+  fontSize: number
+  controlHeight: number
+}
diff --git a/frontend/src/shared/ui/adapter/KbxButton.vue b/frontend/src/shared/ui/adapter/KbxButton.vue
new file mode 100644
index 00000000..10162b35
--- /dev/null
+++ b/frontend/src/shared/ui/adapter/KbxButton.vue
@@ -0,0 +1,92 @@
+<script setup lang="ts">
+import PButton from 'primevue/button'
+import { computed } from 'vue'
+
+interface Props {
+  label?: string
+  variant?: 'default' | 'primary' | 'danger' | 'success'
+  size?: 'sm' | 'md' | 'lg'
+  disabled?: boolean
+  loading?: boolean
+  icon?: string
+  iconPosition?: 'left' | 'right'
+  fullWidth?: boolean
+  text?: boolean
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  variant: 'default',
+  size: 'md',
+  disabled: false,
+  loading: false,
+  iconPosition: 'left',
+  fullWidth: false,
+  text: false,
+})
+
+const emit = defineEmits<{ click: [] }>()
+
+// Map KBX variants to PrimeVue severity
+const severityMap = {
+  default: 'secondary',
+  primary: 'primary',
+  danger: 'danger',
+  success: 'success',
+}
+
+const severity = computed(() => severityMap[props.variant])
+
+// Size classes (density-aware via CSS variables)
+const sizeClasses = computed(() => {
+  const densityVar = 'var(--kbx-density, compact)'
+  return {
+    'kbx-button--sm': props.size === 'sm',
+    'kbx-button--md': props.size === 'md',
+    'kbx-button--lg': props.size === 'lg',
+  }
+})
+</script>
+
+<template>
+  <PButton
+    :label="label"
+    :severity="severity"
+    :disabled="disabled || loading"
+    :loading="loading"
+    :icon="icon"
+    :icon-pos="iconPosition"
+    :class="{ ...sizeClasses, 'p-button-text': text, 'w-full': fullWidth }"
+    @click="emit('click')"
+  >
+    <slot />
+  </PButton>
+</template>
+
+<style scoped>
+.kbx-button--sm :deep(.p-button) {
+  min-height: calc(var(--kbx-input-height, 34px) - 4px);
+  font-size: 0.75rem;
+  padding: 0.25rem 0.75rem;
+}
+
+.kbx-button--md :deep(.p-button) {
+  min-height: var(--kbx-input-height, 34px);
+  font-size: 0.875rem;
+  padding: 0.5rem 1rem;
+}
+
+.kbx-button--lg :deep(.p-button) {
+  min-height: calc(var(--kbx-input-height, 34px) + 6px);
+  font-size: 1rem;
+  padding: 0.75rem 1.5rem;
+}
+
+/* Density-aware spacing */
+:deep(.p-button) {
+  transition: all 0.2s ease;
+}
+
+:deep(.p-button:not(:disabled):hover) {
+  transform: translateY(-1px);
+}
+</style>
diff --git a/frontend/src/shared/ui/adapter/KbxDataGrid.vue b/frontend/src/shared/ui/adapter/KbxDataGrid.vue
new file mode 100644
index 00000000..f1a97ef8
--- /dev/null
+++ b/frontend/src/shared/ui/adapter/KbxDataGrid.vue
@@ -0,0 +1,170 @@
+<script setup lang="ts">
+import { AgGridVue } from 'ag-grid-vue3'
+import { computed, ref } from 'vue'
+import type { KbxGridColumn, KbxDensity } from '@shared/contracts/kbx-types'
+
+interface Props<T = any> {
+  columns: KbxGridColumn<T>[]
+  rows?: T[]
+  rowKey?: keyof T | string
+  loading?: boolean
+  density?: KbxDensity
+  allowSelection?: boolean
+  serverSideDatasource?: boolean
+  pageSize?: number
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  rows: () => [],
+  loading: false,
+  density: 'compact',
+  allowSelection: false,
+  serverSideDatasource: false,
+  pageSize: 50,
+})
+
+const emit = defineEmits<{
+  rowClick: [row: any]
+  selectionChange: [selectedRows: any[]]
+  loadMore: [{ offset: number; pageSize: number }]
+}>()
+
+const selectedRows = ref<any[]>([])
+
+// Density-aware row height
+const densityHeights = {
+  compact: 34,
+  comfortable: 36,
+  touch: 48,
+}
+
+const gridOptions = computed(() => ({
+  columnDefs: props.columns.map(col => ({
+    field: col.field,
+    headerName: col.header,
+    width: col.width || 'auto',
+    pinned: col.pinned,
+    sortable: col.sortable !== false,
+    filter: col.filterable !== false,
+    type: col.type,
+  })),
+  rowData: props.rows,
+  rowSelection: props.allowSelection ? 'multiple' : undefined,
+  rowHeight: densityHeights[props.density],
+  pagination: !props.serverSideDatasource,
+  paginationPageSize: props.pageSize,
+  suppressMovableColumns: false,
+  suppressColumnMoveAnimation: false,
+  headerHeight: 36,
+  theme: 'ag-theme-quartz',
+}))
+
+const onSelectionChanged = (event: any) => {
+  selectedRows.value = event.api.getSelectedRows()
+  emit('selectionChange', selectedRows.value)
+}
+
+const onRowClicked = (event: any) => {
+  emit('rowClick', event.data)
+}
+</script>
+
+<template>
+  <div
+    class="kbx-data-grid"
+    :class="`kbx-data-grid--${density}`"
+    :style="{
+      '--kbx-grid-row-height': `${densityHeights[density]}px`,
+    }"
+  >
+    <div v-if="loading" class="kbx-data-grid__loader">
+      <div class="spinner"></div>
+      Loading...
+    </div>
+
+    <AgGridVue
+      :grid-options="gridOptions"
+      class="ag-theme-quartz"
+      @selection-changed="onSelectionChanged"
+      @row-clicked="onRowClicked"
+    />
+  </div>
+</template>
+
+<style scoped>
+.kbx-data-grid {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  border: 1px solid var(--kbx-color-border, #e5e7eb);
+  border-radius: 0.375rem;
+  overflow: hidden;
+}
+
+.kbx-data-grid__loader {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(255, 255, 255, 0.8);
+  z-index: 10;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.spinner {
+  width: 40px;
+  height: 40px;
+  border: 4px solid var(--kbx-color-border, #e5e7eb);
+  border-top-color: var(--kbx-color-primary, #3b82f6);
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+/* Density variants */
+.kbx-data-grid--compact {
+  font-size: 0.75rem;
+}
+
+.kbx-data-grid--comfortable {
+  font-size: 0.875rem;
+}
+
+.kbx-data-grid--touch {
+  font-size: 1rem;
+}
+
+:deep(.ag-theme-quartz) {
+  --ag-row-height: var(--kbx-grid-row-height, 34px);
+  --ag-header-height: 36px;
+  --ag-font-size: 0.875rem;
+  --ag-border-color: var(--kbx-color-border, #e5e7eb);
+}
+
+:deep(.ag-header-cell-text) {
+  font-weight: 600;
+  color: var(--kbx-color-text, #000);
+}
+
+:deep(.ag-row) {
+  border-bottom: 1px solid var(--kbx-color-border, #e5e7eb);
+}
+
+:deep(.ag-row:hover) {
+  background-color: var(--kbx-color-hover, #f9fafb);
+}
+
+:deep(.ag-row-selected) {
+  background-color: var(--kbx-color-primary-alpha, rgba(59, 130, 246, 0.1));
+}
+</style>
diff --git a/frontend/src/shared/ui/adapter/KbxInput.vue b/frontend/src/shared/ui/adapter/KbxInput.vue
new file mode 100644
index 00000000..c99541e4
--- /dev/null
+++ b/frontend/src/shared/ui/adapter/KbxInput.vue
@@ -0,0 +1,109 @@
+<script setup lang="ts">
+import PInputText from 'primevue/inputtext'
+import { computed } from 'vue'
+
+interface Props {
+  modelValue?: string | number
+  type?: 'text' | 'email' | 'password' | 'number' | 'date'
+  placeholder?: string
+  disabled?: boolean
+  readonly?: boolean
+  invalid?: boolean
+  label?: string
+  help?: string
+  required?: boolean
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  modelValue: '',
+  type: 'text',
+  placeholder: '',
+  disabled: false,
+  readonly: false,
+  invalid: false,
+  required: false,
+})
+
+const emit = defineEmits<{
+  'update:modelValue': [value: string | number]
+  focus: []
+  blur: []
+}>()
+
+const inputClasses = computed(() => ({
+  'p-invalid': props.invalid,
+  'kbx-input--disabled': props.disabled,
+}))
+</script>
+
+<template>
+  <div class="kbx-input-wrapper">
+    <label v-if="label" class="kbx-input__label">
+      {{ label }}
+      <span v-if="required" class="kbx-input__required">*</span>
+    </label>
+
+    <PInputText
+      :model-value="modelValue"
+      :type="type"
+      :placeholder="placeholder"
+      :disabled="disabled"
+      :readonly="readonly"
+      :class="inputClasses"
+      class="kbx-input"
+      @update:model-value="emit('update:modelValue', $event)"
+      @focus="emit('focus')"
+      @blur="emit('blur')"
+    />
+
+    <small v-if="help" class="kbx-input__help">{{ help }}</small>
+  </div>
+</template>
+
+<style scoped>
+.kbx-input-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+
+.kbx-input__label {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--kbx-color-text, #000);
+}
+
+.kbx-input__required {
+  color: var(--kbx-color-danger, #ef4444);
+}
+
+.kbx-input {
+  min-height: var(--kbx-input-height, 34px);
+  padding: 0.5rem 0.75rem;
+  border: 1px solid var(--kbx-color-border, #e5e7eb);
+  border-radius: 0.375rem;
+  font-size: 0.875rem;
+  transition: all 0.2s ease;
+}
+
+.kbx-input:focus {
+  border-color: var(--kbx-color-primary, #3b82f6);
+  box-shadow: 0 0 0 3px var(--kbx-color-primary-alpha, rgba(59, 130, 246, 0.1));
+}
+
+.kbx-input:disabled,
+.kbx-input--disabled {
+  background-color: var(--kbx-color-disabled, #f3f4f6);
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+.kbx-input.p-invalid {
+  border-color: var(--kbx-color-danger, #ef4444);
+}
+
+.kbx-input__help {
+  font-size: 0.75rem;
+  color: var(--kbx-color-text-muted, #6b7280);
+}
+</style>
diff --git a/frontend/src/shared/ui/adapter/KbxListPage.vue b/frontend/src/shared/ui/adapter/KbxListPage.vue
new file mode 100644
index 00000000..78b53fb5
--- /dev/null
+++ b/frontend/src/shared/ui/adapter/KbxListPage.vue
@@ -0,0 +1,281 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import type {
+  KbxScreenDefinition,
+  KbxAsyncState,
+  KbxSummaryItem,
+  KbxQuickFilterItem,
+  KbxScreenContext,
+} from '@shared/contracts/kbx-types'
+
+interface Props {
+  screen: KbxScreenDefinition
+  dataState?: KbxAsyncState
+  loading?: boolean
+  selectionCount?: number
+  summaryItems?: KbxSummaryItem[]
+  quickFilters?: KbxQuickFilterItem[]
+  context?: KbxScreenContext | null
+  allowActions?: boolean
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  dataState: 'ready',
+  loading: false,
+  selectionCount: 0,
+  summaryItems: () => [],
+  quickFilters: () => [],
+  context: null,
+  allowActions: true,
+})
+
+const emit = defineEmits<{
+  command: [commandId: string]
+  quickFilter: [filterId: string]
+  refresh: []
+}>()
+
+// Visibility states
+const showSearch = computed(() => !!props.screen.type)
+const showSummary = computed(() => props.summaryItems.length > 0)
+const showQuickFilter = computed(() => props.quickFilters.length > 0)
+
+const stateMessages = {
+  idle: 'Ready to search',
+  pending: 'Loading data...',
+  ready: 'Data loaded',
+  error: 'Error loading data',
+  empty: 'No results found',
+}
+
+const currentStateMessage = computed(() => stateMessages[props.dataState])
+</script>
+
+<template>
+  <div class="kbx-list-page">
+    <!-- Page Header -->
+    <header class="kbx-list-page__header">
+      <div class="kbx-list-page__header-content">
+        <div>
+          <h1 class="kbx-list-page__title">{{ screen.title }}</h1>
+          <p v-if="screen.description" class="kbx-list-page__description">
+            {{ screen.description }}
+          </p>
+        </div>
+        <div class="kbx-list-page__header-actions">
+          <slot name="header-actions" />
+        </div>
+      </div>
+    </header>
+
+    <!-- Search Panel (slot) -->
+    <div v-if="showSearch" class="kbx-list-page__search">
+      <slot name="search" />
+    </div>
+
+    <!-- Quick Filters -->
+    <div v-if="showQuickFilter" class="kbx-list-page__quick-filters">
+      <button
+        v-for="filter in quickFilters"
+        :key="filter.id"
+        class="kbx-list-page__quick-filter-item"
+        :class="{ active: filter.active }"
+        @click="emit('quickFilter', filter.id)"
+      >
+        {{ filter.label }}
+        <span v-if="filter.badge" class="badge">{{ filter.badge }}</span>
+      </button>
+    </div>
+
+    <!-- Context Bar -->
+    <div v-if="context" class="kbx-list-page__context">
+      <slot name="context" />
+    </div>
+
+    <!-- Content Area -->
+    <main class="kbx-list-page__content">
+      <!-- Loading State -->
+      <div v-if="dataState === 'pending'" class="kbx-list-page__state">
+        <div class="state-spinner"></div>
+        {{ currentStateMessage }}
+      </div>
+
+      <!-- Empty State -->
+      <div v-else-if="dataState === 'empty'" class="kbx-list-page__state">
+        <p>{{ currentStateMessage }}</p>
+        <button class="kbx-button--secondary" @click="emit('command', 'new')">
+          Create New
+        </button>
+      </div>
+
+      <!-- Error State -->
+      <div v-else-if="dataState === 'error'" class="kbx-list-page__state kbx-list-page__state--error">
+        <p>{{ currentStateMessage }}</p>
+        <button class="kbx-button--primary" @click="emit('refresh')">
+          Retry
+        </button>
+      </div>
+
+      <!-- Content Slot -->
+      <slot v-else name="content" />
+    </main>
+
+    <!-- Summary Bar (sticky footer) -->
+    <footer v-if="showSummary" class="kbx-list-page__footer">
+      <div class="kbx-list-page__summary">
+        <span v-if="selectionCount > 0" class="summary-item">
+          {{ selectionCount }} item(s) selected
+        </span>
+        <div class="summary-items">
+          <span v-for="item in summaryItems" :key="item.label" class="summary-item">
+            <strong>{{ item.label }}:</strong>
+            {{ item.value }}
+          </span>
+        </div>
+      </div>
+    </footer>
+  </div>
+</template>
+
+<style scoped>
+.kbx-list-page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  background-color: var(--kbx-color-background, #fff);
+}
+
+.kbx-list-page__header {
+  padding: 1.5rem;
+  border-bottom: 1px solid var(--kbx-color-border, #e5e7eb);
+  background-color: var(--kbx-color-shell-chrome, #f9fafb);
+}
+
+.kbx-list-page__header-content {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+}
+
+.kbx-list-page__title {
+  font-size: 1.875rem;
+  font-weight: 700;
+  margin: 0 0 0.5rem 0;
+  color: var(--kbx-color-text, #000);
+}
+
+.kbx-list-page__description {
+  font-size: 0.875rem;
+  color: var(--kbx-color-text-muted, #6b7280);
+  margin: 0;
+}
+
+.kbx-list-page__header-actions {
+  display: flex;
+  gap: 0.5rem;
+}
+
+.kbx-list-page__search {
+  padding: 1rem 1.5rem;
+  border-bottom: 1px solid var(--kbx-color-border, #e5e7eb);
+  background-color: var(--kbx-color-surface, #fff);
+}
+
+.kbx-list-page__quick-filters {
+  display: flex;
+  gap: 0.75rem;
+  padding: 0.75rem 1.5rem;
+  border-bottom: 1px solid var(--kbx-color-border, #e5e7eb);
+  background-color: var(--kbx-color-surface, #fff);
+  overflow-x: auto;
+}
+
+.kbx-list-page__quick-filter-item {
+  padding: 0.5rem 1rem;
+  border: 1px solid var(--kbx-color-border, #e5e7eb);
+  border-radius: 0.375rem;
+  background-color: transparent;
+  cursor: pointer;
+  white-space: nowrap;
+  font-size: 0.875rem;
+  transition: all 0.2s ease;
+}
+
+.kbx-list-page__quick-filter-item:hover {
+  border-color: var(--kbx-color-primary, #3b82f6);
+  color: var(--kbx-color-primary, #3b82f6);
+}
+
+.kbx-list-page__quick-filter-item.active {
+  background-color: var(--kbx-color-primary, #3b82f6);
+  color: white;
+  border-color: var(--kbx-color-primary, #3b82f6);
+}
+
+.badge {
+  display: inline-block;
+  margin-left: 0.5rem;
+  padding: 0.125rem 0.375rem;
+  background-color: rgba(255, 255, 255, 0.3);
+  border-radius: 0.25rem;
+  font-size: 0.75rem;
+}
+
+.kbx-list-page__content {
+  flex: 1;
+  overflow-y: auto;
+  background-color: var(--kbx-color-surface, #fff);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.kbx-list-page__state {
+  text-align: center;
+  color: var(--kbx-color-text-muted, #6b7280);
+  font-size: 0.875rem;
+}
+
+.kbx-list-page__state--error {
+  color: var(--kbx-color-danger, #ef4444);
+}
+
+.state-spinner {
+  width: 40px;
+  height: 40px;
+  margin: 0 auto 1rem;
+  border: 4px solid var(--kbx-color-border, #e5e7eb);
+  border-top-color: var(--kbx-color-primary, #3b82f6);
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.kbx-list-page__footer {
+  padding: 1rem 1.5rem;
+  border-top: 1px solid var(--kbx-color-border, #e5e7eb);
+  background-color: var(--kbx-color-shell-chrome, #f9fafb);
+  font-size: 0.875rem;
+}
+
+.kbx-list-page__summary {
+  display: flex;
+  gap: 2rem;
+  align-items: center;
+  color: var(--kbx-color-text-muted, #6b7280);
+}
+
+.summary-items {
+  display: flex;
+  gap: 1rem;
+}
+
+.summary-item {
+  white-space: nowrap;
+}
+</style>
diff --git a/frontend/src/shared/ui/adapter/index.ts b/frontend/src/shared/ui/adapter/index.ts
new file mode 100644
index 00000000..5d6d72a4
--- /dev/null
+++ b/frontend/src/shared/ui/adapter/index.ts
@@ -0,0 +1,45 @@
+/**
+ * KBX UI Adapter - Export all wrapped components
+ * Single boundary: PrimeVue/AG Grid usage restricted to this module
+ */
+
+// Contracts & Types
+export * from '@shared/contracts/kbx-types'
+
+// Adapter Components (PrimeVue wrapped)
+export { default as KbxButton } from './KbxButton.vue'
+export { default as KbxInput } from './KbxInput.vue'
+export { default as KbxDataGrid } from './KbxDataGrid.vue'
+export { default as KbxListPage } from './KbxListPage.vue'
+
+// Density tokens
+export const densityTokens = {
+  compact: {
+    inputHeight: 34,
+    gridRowHeight: 34,
+    touchTarget: 44,
+    fontSize: 12,
+  },
+  comfortable: {
+    inputHeight: 36,
+    gridRowHeight: 36,
+    touchTarget: 48,
+    fontSize: 14,
+  },
+  touch: {
+    inputHeight: 48,
+    gridRowHeight: 48,
+    touchTarget: 52,
+    fontSize: 16,
+  },
+}
+
+// Theme configuration
+export const defaultTheme = {
+  primary: '#3b82f6',
+  secondary: '#6b7280',
+  danger: '#ef4444',
+  success: '#10b981',
+  warning: '#f59e0b',
+  info: '#06b6d4',
+}