KArtSell.Aegis/deployment/phase3-release/host/wwwroot/assets/UiStandardPage-Zt1CRZPy.js

import{B as e,O as t,St as n,Tt as r,Z as i,c as a,f as o,h as s,j as c,l,m as u,o as d,p as f,rt as p,s as m,u as h,wt as g}from"./runtime-core.esm-bundler-BhgiVlyD.js";import{t as _}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as v}from"./useUiAdapter-B-nZBjXp.js";import{n as y}from"./KsInlineMessage-CtBGwEV5.js";import{a as b,c as x,d as S,i as C,l as w,n as T,o as E,r as D,s as O,t as k,u as A}from"./components-Dds8pwQj.js";import{t as j}from"./QueryStateBoundary-BKEsuLXZ.js";var M={class:`ks-page__header`},N={key:0},P={class:`ks-page__meta`},F={key:0},I={key:1},L={key:2},R={class:`ks-page__actions`},z={key:0,class:`ks-page__summary`},B={key:1,class:`ks-page__filters ks-card`},V={class:`ks-page__content`},H={key:0,class:`ks-page__aside`},U={key:2,class:`ks-page__footer`},W=_(s({__name:`PageLayout`,props:{title:{},subtitle:{},status:{},asOf:{},version:{},asideWidth:{}},setup(e){return(i,a)=>(t(),h(`section`,{class:`ks-page`,style:g({"--ks-aside-width":e.asideWidth??`22rem`})},[m(`header`,M,[m(`div`,null,[m(`h1`,null,r(e.title),1),e.subtitle?(t(),h(`p`,N,r(e.subtitle),1)):l(``,!0),m(`div`,P,[e.status?(t(),h(`span`,F,`상태: `+r(e.status),1)):l(``,!0),e.asOf?(t(),h(`span`,I,`As-of: `+r(e.asOf),1)):l(``,!0),e.version?(t(),h(`span`,L,`Version: `+r(e.version),1)):l(``,!0)])]),m(`div`,R,[c(i.$slots,`actions`,{},void 0,!0)])]),i.$slots.summary?(t(),h(`div`,z,[c(i.$slots,`summary`,{},void 0,!0)])):l(``,!0),i.$slots.filters?(t(),h(`div`,B,[c(i.$slots,`filters`,{},void 0,!0)])):l(``,!0),m(`div`,{class:n([`ks-page__workspace`,{"has-aside":i.$slots.aside}])},[m(`div`,V,[c(i.$slots,`default`,{},void 0,!0)]),i.$slots.aside?(t(),h(`aside`,H,[c(i.$slots,`aside`,{},void 0,!0)])):l(``,!0)],2),i.$slots.footer?(t(),h(`footer`,U,[c(i.$slots,`footer`,{},void 0,!0)])):l(``,!0)],4))}}),[[`__scopeId`,`data-v-d6eda687`]]),G=s({__name:`StandardScreenBoundary`,props:{state:{default:`READY`},warning:{},error:{},staleAt:{},correlationId:{}},emits:[`retry`],setup(n,{emit:r}){let i=r;return(r,o)=>(t(),a(j,{loading:n.state===`LOADING`,processing:n.state===`PROCESSING`,dirty:n.state===`DIRTY`,empty:n.state===`EMPTY`,partial:n.state===`PARTIAL`,unauthorized:n.state===`UNAUTHORIZED`,forbidden:n.state===`FORBIDDEN`,conflict:n.state===`CONFLICT`,expired:n.state===`EXPIRED`,readonly:n.state===`READONLY`,warning:n.state===`WARN`?n.warning:void 0,error:n.state===`ERROR`?n.error??Error(`화면 상태 오류`):void 0,"stale-at":n.staleAt,"correlation-id":n.correlationId,onRetry:o[0]||=e=>i(`retry`)},{default:e(()=>[c(r.$slots,`default`)]),_:3},8,[`loading`,`processing`,`dirty`,`empty`,`partial`,`unauthorized`,`forbidden`,`conflict`,`expired`,`readonly`,`warning`,`error`,`stale-at`,`correlation-id`]))}}),K=s({__name:`SearchListCrudPage`,props:{title:{},subtitle:{},state:{},evidence:{},warning:{},error:{}},emits:[`retry`],setup(n){let r=n;return(n,i)=>(t(),a(W,{title:r.title,subtitle:r.subtitle,status:r.state,"as-of":r.evidence?.asOf,version:r.evidence?.version},o({actions:e(()=>[c(n.$slots,`actions`)]),summary:e(()=>[c(n.$slots,`summary`)]),filters:e(()=>[c(n.$slots,`filters`)]),default:e(()=>[u(G,{state:r.state,warning:r.warning,"stale-at":r.evidence?.asOf,onRetry:i[0]||=e=>n.$emit(`retry`)},{default:e(()=>[c(n.$slots,`default`)]),_:3},8,[`state`,`warning`,`stale-at`])]),_:2},[n.$slots.detail?{name:`aside`,fn:e(()=>[c(n.$slots,`detail`)]),key:`0`}:void 0,n.$slots.footer?{name:`footer`,fn:e(()=>[c(n.$slots,`footer`)]),key:`1`}:void 0]),1032,[`title`,`subtitle`,`status`,`as-of`,`version`]))}}),q=Object.freeze([{id:`T01`,name:`검색·목록형 CRUD`,component:`SearchListCrudPage`,intendedUse:`상품·고객·권한·데이터 Run·추천 검토함`,mandatoryStates:[`READY`,`LOADING`,`EMPTY`,`WARN`,`ERROR`,`UNAUTHORIZED`,`FORBIDDEN`,`PARTIAL`],mandatoryEvidence:[`filter-url`,`permission`,`export-auth`],antiPatterns:[`client-side-all-data`,`unbounded-export`]},{id:`T02`,name:`상세 조회형`,component:`DetailReadPage`,intendedUse:`투자제안·상품·포트폴리오·백테스트 결과`,mandatoryStates:[`LOADING`,`WARN`,`EXPIRED`,`READONLY`,`UNAUTHORIZED`],mandatoryEvidence:[`as-of`,`version-set`,`audit`],antiPatterns:[`mutable-evidence`,`hidden-version`]},{id:`T03`,name:`등록·편집 Form`,component:`EditFormPage`,intendedUse:`고객·IPS·비용표·권한·설정`,mandatoryStates:[`DIRTY`,`CONFLICT`,`PROCESSING`,`ERROR`],mandatoryEvidence:[`zod`,`if-match`,`idempotency-key`],antiPatterns:[`silent-overwrite`,`pinia-form-cache`]},{id:`T04`,name:`Master-Detail`,component:`MasterDetailCrudPage`,intendedUse:`고객-IPS·추천-항목·Watch-Stage·대사 Run-Break`,mandatoryStates:[`LOADING`,`EMPTY`,`DIRTY`,`PARTIAL`,`CONFLICT`],mandatoryEvidence:[`route-selection`,`unsaved-guard`,`version`],antiPatterns:[`selection-only-local`,`detail-n-plus-one`]},{id:`T05`,name:`검토·승인 Workbench`,component:`ApprovalWorkbenchPage`,intendedUse:`추천·모델·정정·대사 maker-checker`,mandatoryStates:[`WARN`,`EXPIRED`,`CONFLICT`,`PROCESSING`,`READONLY`],mandatoryEvidence:[`maker-checker`,`reason`,`warning-ack`],antiPatterns:[`self-approval`,`approval-without-evidence`]},{id:`T06`,name:`단계 Wizard`,component:`StepWizardPage`,intendedUse:`고객 온보딩·IPS·리밸런싱·Backfill`,mandatoryStates:[`DIRTY`,`ERROR`,`PROCESSING`,`READONLY`],mandatoryEvidence:[`resume`,`branch`,`impact-revalidation`],antiPatterns:[`single-huge-form`,`skip-validation`]},{id:`T07`,name:`Dashboard·Scorecard`,component:`ScorecardDashboardPage`,intendedUse:`고객 대시보드·일평가·운영 SLO`,mandatoryStates:[`LOADING`,`EMPTY`,`WARN`,`PARTIAL`],mandatoryEvidence:[`metric-definition`,`sample-size`,`table-alternative`],antiPatterns:[`chart-only`,`metric-definition-hidden`]},{id:`T08`,name:`Batch·데이터 운영`,component:`BatchOperationsPageV2`,intendedUse:`수집·Feature·추천·평가·Backfill`,mandatoryStates:[`PROCESSING`,`WARN`,`ERROR`,`PARTIAL`,`READONLY`],mandatoryEvidence:[`job-run`,`watermark`,`replay-scope`],antiPatterns:[`blind-retry`,`overwrite-reprocess`]},{id:`T09`,name:`대사·예외 처리`,component:`ReconciliationExceptionPage`,intendedUse:`KIS/원장 대사·데이터 격리·DQ 예외`,mandatoryStates:[`WARN`,`CONFLICT`,`PROCESSING`,`READONLY`],mandatoryEvidence:[`before-after`,`correction`,`audit`],antiPatterns:[`direct-db-fix`,`delete-break`]},{id:`T10`,name:`버전 비교·거버넌스`,component:`VersionGovernancePage`,intendedUse:`모델·정책·설정·데이터 공급원 승격`,mandatoryStates:[`WARN`,`EXPIRED`,`READONLY`,`CONFLICT`],mandatoryEvidence:[`same-dataset-cost`,`gate-pack`,`rollback`],antiPatterns:[`auto-promotion`,`different-cohort-comparison`]},{id:`T11`,name:`대량 입력(Fast Grid Entry)`,component:`FastEntryGridPage`,intendedUse:`임계값·파라미터·비용표 등 다건 일괄 입력`,mandatoryStates:[`DIRTY`,`PROCESSING`,`ERROR`,`PARTIAL`],mandatoryEvidence:[`cell-level-validation`,`paste-audit`,`idempotency-key`],antiPatterns:[`silent-bulk-overwrite`,`unbounded-paste`]},{id:`T12`,name:`작업 큐(Work Queue)`,component:`WorkQueuePage`,intendedUse:`SLA 큐 깊이·DQ 격리·대사 Break 등 예외구동 작업목록`,mandatoryStates:[`LOADING`,`EMPTY`,`WARN`,`PARTIAL`],mandatoryEvidence:[`queue-depth-source`,`exception-count-definition`],antiPatterns:[`chart-only-no-actionable-list`]}]),J={class:`ks-card summary`},Y={class:`ks-card summary`},X={class:`ks-card summary`},Z={class:`filters`},Q={class:`ks-card component-preview`,"aria-labelledby":`component-preview-title`},$={class:`preview-grid`},ee={class:`status-row`},te={class:`ks-card component-preview`,"aria-labelledby":`form-template-title`},ne={class:`ks-inline`},re=_(s({__name:`UiStandardPage`,setup(n){let o=v(),s=i(``),c=i(`ALL`),l=i({name:``,amount:null,date:null,acknowledged:!1}),h=i(!1),g=i(!1),_=d(()=>g.value?[...l.value.name.trim()?[]:[{field:`name`,message:`이름을 입력하세요.`}],...l.value.amount!==null&&l.value.amount>0?[]:[{field:`amount`,message:`0보다 큰 금액을 입력하세요.`}],...l.value.acknowledged?[]:[{field:`acknowledged`,message:`확인 항목에 동의하세요.`}]]:[]);function j(){g.value=!0}function M(){l.value={name:``,amount:null,date:null,acknowledged:!1},g.value=!1}let N=[{label:`전체`,value:`ALL`},{label:`검토 필요`,value:`REVIEW`},{label:`보류`,value:`HOLD`}],P=d(()=>q.filter(e=>!s.value||`${e.id} ${e.name} ${e.component}`.toLowerCase().includes(s.value.toLowerCase())).map(e=>({id:e.id,name:e.name,component:e.component,evidence:e.mandatoryEvidence.length,state:`READY`}))),F=[{field:`id`,header:`화면 ID`,width:100},{field:`name`,header:`화면 타입`},{field:`component`,header:`표준 컴포넌트`,minWidth:220},{field:`evidence`,header:`필수 증거`,width:110},{field:`state`,header:`상태`,width:110}];return(n,i)=>(t(),a(p(K),{title:`표준 UI 패턴`,subtitle:`Feature는 공급자 라이브러리를 직접 사용하지 않고, v4 어댑터·레이아웃·화면 계약을 사용한다.`,state:`READY`,evidence:{asOf:`2026-08-02`,version:`UI-CONTRACT-4.0`}},{actions:e(()=>[u(p(y),{label:`새 화면 패킷`,severity:`secondary`})]),summary:e(()=>[i[9]||=m(`div`,{class:`ks-card summary`},[m(`strong`,null,`10`),m(`span`,null,`화면 타입`)],-1),m(`div`,J,[m(`strong`,null,r(p(o).descriptor.capabilities.size),1),i[7]||=m(`span`,null,`어댑터 포트`,-1)]),m(`div`,Y,[u(p(E),{value:p(o).descriptor.id,severity:`info`},null,8,[`value`]),m(`span`,null,r(p(o).descriptor.vendor),1)]),m(`div`,X,[u(p(E),{value:`자동주문 OFF`,severity:`warning`}),i[8]||=m(`span`,null,`고정 경계`,-1)])]),filters:e(()=>[m(`div`,Z,[u(p(S),{modelValue:s.value,"onUpdate:modelValue":i[0]||=e=>s.value=e,label:`검색`,placeholder:`화면 ID, 타입 또는 컴포넌트`},null,8,[`modelValue`]),u(p(A),{modelValue:c.value,"onUpdate:modelValue":i[1]||=e=>c.value=e,label:`상태`,options:N},null,8,[`modelValue`])])]),detail:e(()=>[...i[15]||=[m(`div`,{class:`ks-card detail`},[m(`h2`,null,`교체 계약`),m(`p`,null,[f(`기본 공급자 교체는 `),m(`code`,null,`VITE_UI_ADAPTER`),f(`와 provider registry에서 수행한다. Feature 코드는 변경하지 않는다.`)]),m(`p`,null,`PrimeVue+AG Grid와 Native reference adapter가 동일 contract test를 통과해야 한다.`),m(`p`,null,`생산 교체는 접근성, 키보드, 상태행렬, 시각회귀, 대량목록 성능을 별도 Gate로 검증한다.`)],-1)]]),default:e(()=>[u(p(b),{rows:P.value,columns:F,height:`25rem`},null,8,[`rows`]),m(`section`,Q,[i[13]||=m(`div`,null,[m(`h2`,{id:`component-preview-title`},`컴포넌트 동작 프리뷰`),m(`p`,null,`공유 UI 포트를 실제 상태로 확인하는 내부 전용 카탈로그입니다.`)],-1),m(`div`,$,[m(`div`,null,[i[10]||=m(`h3`,null,`Actions`,-1),u(p(y),{label:`기본 버튼`,severity:`secondary`}),u(p(y),{label:`주의 상태`,severity:`warning`})]),m(`div`,null,[i[11]||=m(`h3`,null,`Status`,-1),m(`div`,ee,[u(p(E),{value:`READY`,severity:`success`}),u(p(E),{value:`REVIEW`,severity:`warning`}),u(p(E),{value:`BLOCKED`,severity:`danger`})])]),m(`div`,null,[i[12]||=m(`h3`,null,`Inputs`,-1),u(p(S),{label:`텍스트 필드`,"model-value":`샘플 값`}),u(p(A),{label:`선택 필드`,"model-value":`READY`,options:[{label:`준비`,value:`READY`},{label:`검토`,value:`REVIEW`}]})])])]),m(`section`,te,[i[14]||=m(`div`,null,[m(`h2`,{id:`form-template-title`},`입력 유형 기능 테스트`),m(`p`,null,`서버 요청 없이 shared UI의 입력·검증·읽기전용 조합을 확인합니다.`)],-1),u(p(k),{errors:_.value},null,8,[`errors`]),u(p(D),{title:`기본 입력`,description:`필수 항목과 유효성 상태를 조작할 수 있습니다.`},{actions:e(()=>[u(p(y),{label:h.value?`편집 허용`:`읽기 전용`,severity:`secondary`,onClick:i[2]||=e=>h.value=!h.value},null,8,[`label`])]),default:e(()=>[u(p(C),{"aria-label":`기능 테스트 입력`},{default:e(()=>[u(p(S),{modelValue:l.value.name,"onUpdate:modelValue":i[3]||=e=>l.value.name=e,label:`이름`,disabled:h.value,error:g.value&&!l.value.name.trim()?`필수 입력입니다.`:void 0},null,8,[`modelValue`,`disabled`,`error`]),u(p(O),{modelValue:l.value.amount,"onUpdate:modelValue":i[4]||=e=>l.value.amount=e,label:`금액`,disabled:h.value,error:g.value&&(!l.value.amount||l.value.amount<=0)?`0보다 커야 합니다.`:void 0},null,8,[`modelValue`,`disabled`,`error`]),u(p(x),{modelValue:l.value.date,"onUpdate:modelValue":i[5]||=e=>l.value.date=e,label:`기준일`,disabled:h.value},null,8,[`modelValue`,`disabled`]),u(p(w),{modelValue:l.value.acknowledged,"onUpdate:modelValue":i[6]||=e=>l.value.acknowledged=e,label:`검증 조건을 확인했습니다`,disabled:h.value},null,8,[`modelValue`,`disabled`]),u(p(T),{span:`full`},{default:e(()=>[m(`div`,ne,[u(p(y),{label:`검증 실행`,disabled:h.value,onClick:j},null,8,[`disabled`]),u(p(y),{label:`초기화`,severity:`secondary`,onClick:M})])]),_:1})]),_:1})]),_:1})])]),_:1}))}}),[[`__scopeId`,`data-v-38ec4510`]]);export{re as default};