diff --git a/.gitignore b/.gitignore
index fcb282a9..cb76d9e7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -28,6 +28,12 @@ src/dotnet/QuantEngine.Web/wwwroot/_framework/
 # 런타임 감사 로그 (append-only, 매 DAG 실행마다 증가)
 runtime/lineage_events.jsonl
 
+# .NET 런타임 로그 (Serilog 등, 실행마다 재생성)
+**/logs/*.log
+
+# Playwright 테스트 산출물 (스크린샷/트레이스, 실행마다 재생성)
+test-results/
+
 # OS / 에디터
 ...
 .DS_Store
diff --git a/CLAUDE.md b/CLAUDE.md
index b1664300..50569cbe 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -19,6 +19,13 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 │  ├─ Emergency password reset, auth endpoints                 │
 │  └─ Portfolio/settings endpoints                             │
 ├─────────────────────────────────────────────────────────────┤
+│  Application Layer (QuantEngine.Application)                 │
+│  ├─ ~22 orchestrators/services between Web and Infrastructure│
+│  ├─ KisDataCollectionOrchestrator, PipelineOrchestrator,     │
+│  │  WorkspaceService, etc.                                   │
+│  └─ Owns cross-cutting workflows; Web/Pages call these, not  │
+│     Infrastructure directly                                  │
+├─────────────────────────────────────────────────────────────┤
 │  Repository Layer (Dapper ORM, SQL-driven)                   │
 │  ├─ IWorkspaceRepository: workspace/settings CRUD            │
 │  ├─ ICollectionRepository: KIS runs, snapshots, errors       │
@@ -56,7 +63,7 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 │  ├─ Unified schema: quantenginedb / quantengine schema       │
 │  ├─ Key tables: kis_tokens, kis_collection_runs/snapshots    │
 │  │            workspaces, account_snapshots, settings        │
-│  ├─ Auto-migrations via DbUp (V001.sql, V002.sql, ...)       │
+│  ├─ Auto-migrations via DbUp (V1__Name.sql, V2__Name.sql...) │
 │  └─ Documented in: docs/db/quantengine.dbml (DBML sync)      │
 ├─────────────────────────────────────────────────────────────┤
 │  Validation & Quality Gates (Python)                         │
@@ -96,366 +103,54 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 - **Architecture**: .NET 9 + C# (web UI + APIs, primary); Python (legacy data collection, gradual deprecation)
 - **Critical Path**: KIS API → PostgreSQL → Admin Dashboard (read-only quotations only, no trading APIs)
 - **Validation**: 30+ contract validators + 9 parallel CI jobs + manual release gates
-- **Web UI**: Blazor Interactive WebAssembly (MudBlazor) + ASP.NET Core Web API (API-First)
+- **Web UI**: Razor Pages (Server-Rendered) + Bootstrap 5/Tabler + Cookie auth (Blazor/MudBlazor deprecated 2026-07-11 — see UI Design Principles below)
 - **Database**: PostgreSQL (Npgsql 8.0), single unified database
 - **Data Source**: KIS Open API (quotations/ranking read-only), with fallbacks
 - **Key Runtimes**: .NET 9, Python 3.9+, Node.js 16+
 
-### Migration Phases Status (2026-07-11)
+### Migration Status Summary
+- **Phase 1** (Web UI → Razor Pages): ✅ Complete (2026-07-11)
+- **Phase 2** (KIS Data Collection Pipeline): 95% complete — pipeline orchestration (Python→.NET) pending
+- **Phase 3** (Node.js→.NET CLI Tools): Planned
+- **Phase 4** (CI/CD Pipeline Hardening): 80% complete — Gitea Actions runner has network limitations, manual-trigger release workflow active (see Deployment & Operations)
+- **Phase 5** (Admin UI & Deployment Optimization): ✅ Complete (2026-07-11)
 
-**Phase 1: Web UI Migration** ✅ 완료 (2026-07-11)
-- **새로운 표준**: Razor Pages (Server-Rendered) + Cookie Authentication + Tabler UI
-- **폐기 대상**: Blazor Interactive WebAssembly, MudBlazor, SmartAdmin
-- **완료 기준 — Phase 1 Success Criteria**:
-  - ✅ Cookie 인증 구현 (AuthService + IpLockoutService + BCrypt)
-  - ✅ Razor Pages 렌더링 (Admin 레이아웃 + 3개 이상 기본 페이지)
-  - ✅ 공용 UI 컴포넌트 (4개 이상 shared partials)
-  - ✅ 보안: 백도어 제거, 무솔트 해시 마이그레이션, IP 잠금
-  - ✅ 빌드 성공: 0 errors, 0 warnings
-  - ✅ CLAUDE.md 업데이트 (UI 기준 + 인증 정책)
-  - **✅ 모든 기준 충족됨** (2026-07-11)
-- **구현 완료**:
-  - ✅ Cookie 기반 인증 (AuthService + IpLockoutService)
-  - ✅ Razor Pages CRUD 레이아웃 (_AdminLayout.cshtml, shared partials)
-  - ✅ Admin 페이지: Dashboard, Collection, Users (기본 구조)
-  - ✅ 공용 UI 컴포넌트: _ValidationSummary, _Pagination, _StatusBadge, _EmptyState
-  - ✅ 보안 개선: BCrypt 해싱, IP 잠금, 하드코딩된 백도어 제거
-  - ✅ 빌드: 0 errors, 0 warnings (Newtonsoft.Json 보안 경고 제외)
-  - ✅ CLAUDE.md 완전 업데이트 (UI 기준, 인증, 상태 정의)
-- **구현 미완료 (향후 작업)**:
-  - 🔄 Users 페이지: Create/Edit 폼 완성
-  - 🔄 Collection 페이지: 스냅샷/에러 조회 상세화
-  - 🔄 E2E 테스트: Playwright 스펙 업데이트
+Full phase-by-phase history and detail: [docs/MIGRATION_STATUS.md](docs/MIGRATION_STATUS.md)
 
-**Phase 2: KIS Data Collection Pipeline** ✅ 95% COMPLETE
-- ✅ KIS API Client: Full implementation complete
-  - IKisApiClient interface (5 quotation methods)
-  - KisApiClient with real HTTP implementation + token caching
-  - All governance rules enforced (no trading APIs)
-  - Windows env var + registry fallback for credentials
-  - Build: 0 errors, 0 warnings
-- ✅ PostgreSQL Infrastructure: Complete
-  - PostgresTokenCache (token management, 10-min skew)
-  - CollectionRepository (full CRUD + dashboard aggregations)
-  - Auto-creates kis_tokens, kis_collection_runs, kis_collection_snapshots, kis_collection_errors
-  - Dapper ORM + parameterized SQL (injection-proof)
-- ✅ Web API Endpoints: Complete
-  - CollectionEndpoints (6 endpoints: state, runs, snapshots, errors, latest, start)
-  - ApiClient for Blazor consumption
-- ✅ Blazor UI: Complete
-  - Collection.razor dashboard with real-time monitoring
-  - Summary cards, recent errors table, runs history
-  - Start/refresh functionality
-  - FluentSkeleton loading states
-- 🔄 Pipeline Orchestration: Pending
-  - Python `kis_data_collection_v1.py` → .NET (data fetching + validation)
-  - Real KIS API data collection workflow integration
-  - E2E test: API → DB → UI validation
+## Deployment & Operations
 
-**Phase 3: Node.js→.NET CLI Tools** 📋 PLANNED
-- Makefile created (npm → make mappings)
-- np operations documented
-
-**Phase 4: CI/CD Pipeline Hardening** ✅ 80% COMPLETE (2026-07-11)
-- ✅ deploy-prod.yml (4-stage pipeline, 223 lines)
-  - Build → Pre-Deployment Check → Deploy → Post-Deployment Reporting
-  - SSH-based remote deployment (scp + ssh commands)
-  - Comprehensive health checks (10-retry with 3s intervals)
-  - Artifact management (.tar.gz)
-- ✅ Workflow consolidation (2 active files)
-  - ci.yml: PR validation only (maintains 29 validators)
-  - deploy-prod.yml: Production deployment
-  - Deleted: merge-to-main.yml (non-functional), fast-validation.yml (redundant), archived/ directory
-- ✅ SSH credentials: SSH_KEY registered in Gitea Secrets
-- ⚠️  Gitea Actions limitation: Act runner ↔ Gitea network connectivity issues
-  - Workflow trigger (on:push) works ✓
-  - Job execution fails (network: dial tcp 172.18.0.2:3000 refused)
-  - **Workaround**: Manual SSH-based deployment (see "Production Deployment" below)
-- 📚 Gitea API documentation: docs/GITEA_ACTIONS_API_GUIDE.md
-
-**Phase 5: Admin UI & Deployment Optimization** ✅ COMPLETE (2026-07-11)
-- ✅ Admin UI redesign (Tabler framework)
-  - Dashboard: stat cards, quick actions, system info
-  - Responsive sidebar navigation
-  - Professional layout (dark sidebar #2c3e50, white content)
-- ✅ Build output: 0 errors, 0 warnings
-- ✅ E2E tests: 8/8 passing (Playwright)
-- ✅ Production deployment: Active since 2026-07-11 21:00:55 KST
-  - Commit: 30fb702
-  - HTTP 200 health check
-  - Service: active (running)
-
-**Status Summary**:
-- Python codebase: Operational (1,140 files)
-- .NET 9 coverage: Core (✅), Infrastructure (✅), API (✅), Web UI (✅)
-- Database: PostgreSQL fully migrated
-- CI/CD: Manual SSH deployment (fully operational), Gitea Actions (limited by infrastructure)
-- Release gates: Python gates remain authority until Phase 2 integration testing complete
-
-## Deployment & Operations (Phase 4-5, 2026-07-11)
-
-**Production Server**: Hetzner Cloud `178.104.200.7` (kjh2064@178.104.200.7)
-
-Projects on server:
-1. **TaxBaik** (홈페이지) — Nginx location `/taxbaik`
-2. **QuantEngine** (데이터 수집/분석) — Nginx location `/quantengine`
+**Production Server**: Hetzner Cloud `178.104.200.7` (kjh2064@178.104.200.7). Full runbook
+(release/deploy workflow, SSH key setup, health checks, rollback, troubleshooting):
+[docs/DEPLOYMENT_RUNBOOK.md](docs/DEPLOYMENT_RUNBOOK.md)
 
 ### ⚠️ CRITICAL: CI/CD-Only Deployment Mandate
 
-**Rule**: ALL production deployments MUST go through Gitea Actions CI/CD. Manual SSH deployments are **FORBIDDEN**.
-
-**Why**: 
-- Automatic validation (build, health checks, version verification)
-- Audit trail (all deployments logged in Gitea Actions)
-- Consistent process (no manual errors)
-- Rollback safety (deployment history retained)
-- Release traceability (version control via git tags)
+**Rule**: ALL production deployments MUST go through Gitea Actions CI/CD
+(`prepare-release.yml` → `deploy-prod.yml`, both manual `workflow_dispatch`). Manual SSH
+deployments are **FORBIDDEN** (audit trail, consistent health checks, rollback safety).
 
 ### ⚠️ CRITICAL: DB Secret Management (Incident 2026-07-12)
 
-**Incident**: `quant.taxbaik.com/login`이 `28P01 password authentication failed`로 장애 발생.
-원인: `appsettings.Production.json`에 하드코딩되어 배포된 DB 비밀번호가, 실제 DB 비밀번호가
-로테이션된 이후에도 계속 옛날 값(심지어 이전 세션에서 검증 없이 넣은 placeholder였던 적도 있음)
+**Incident**: `quant.taxbaik.com/login`이 `28P01 password authentication failed`로 장애 발생 —
+`appsettings.Production.json`에 하드코딩되어 배포된 DB 비밀번호가 로테이션 이후에도 옛날 값
 그대로 배포되고 있었음.
 
 **Rule**: **DB 접속 문자열(`ConnectionStrings`)은 절대 `appsettings.Production.json`이나
-워크플로우 파일에 하드코딩하지 않는다.** `prepare-release.yml`이 생성하는
-`appsettings.Production.json`에는 `Logging` 설정만 있고 `ConnectionStrings`는 없다 —
-이는 의도된 설계다 (Gitea Release는 누구나 다운로드 가능한 아티팩트이므로 시크릿을
-담으면 안 됨).
+워크플로우 파일에 하드코딩하지 않는다.** `prepare-release.yml`이 생성하는 아티팩트에는
+`Logging` 설정만 있고 `ConnectionStrings`는 없다 (의도된 설계 — Gitea Release는 누구나
+다운로드 가능하므로 시크릿을 담으면 안 됨).
 
-**실제 DB 비밀번호의 출처**: 프로덕션 서버의 `/home/kjh2064/.config/quantengine.env`
-파일 (`ConnectionStrings__DefaultConnection=...` 형식) 하나뿐이며,
-`quantengine.service.d/env.conf` drop-in의 `EnvironmentFile=` 지시자로 systemd가
-이 값을 환경변수로 주입한다. ASP.NET Core 설정 우선순위상 **환경변수가
-`appsettings.Production.json`을 오버라이드**하므로, 배포되는 아티팩트 자체에는
-DB 정보가 없어도 서비스는 정상 동작한다.
+실제 DB 비밀번호는 프로덕션 서버의 `/home/kjh2064/.config/quantengine.env` 파일에만 존재하며,
+`quantengine.service.d/env.conf`의 `EnvironmentFile=` 지시자로 systemd가 환경변수로 주입한다
+(환경변수가 `appsettings.Production.json`을 오버라이드).
 
-**DB 비밀번호가 바뀌면** (로테이션 등): `/home/kjh2064/.config/quantengine.env` 파일만
-갱신하고 `sudo systemctl restart quantengine`. 워크플로우 파일이나 Gitea Secrets는
-건드릴 필요 없음 (배포 파이프라인은 DB 비밀번호를 모른 채로 동작해야 정상).
+**DB 비밀번호 로테이션 시**: `/home/kjh2064/.config/quantengine.env`만 갱신 +
+`sudo systemctl restart quantengine`. 워크플로우 파일/Gitea Secrets는 건드리지 않음.
 
-**배포 전 체크리스트에 추가**:
-- ✅ 새 릴리즈 배포 후 반드시 `/Account/Login` 실제 HTTP 응답 + `journalctl -u quantengine`에서
-  `28P01`/`password authentication failed` 부재 확인 (단순 프로세스 `active` 상태만으로는
-  DB 연결 실패를 못 잡음 — ASP.NET Core는 DB 없이도 기동은 되고 로그인 요청 시점에야 실패함)
-- ✅ `.config/quantengine.env`의 존재와 `quantengine.service.d/env.conf`의
-  `EnvironmentFile=` 배선이 서버에 유지되고 있는지 (systemd unit 자체를 재생성/덮어쓰는
-  배포 방식으로 전환할 경우 이 drop-in이 날아가지 않는지 확인 필요)
-
-### Production Deployment Strategy (Release-Based)
-
-**Architecture**: Two-Workflow System (Release Creation → Deployment)
-
-#### Workflow 1: prepare-release.yml (Release Creation)
-
-**Purpose**: Create a release with built artifact
-
-**Trigger**: Manual (`workflow_dispatch`)
-```bash
-# Visit Gitea Actions and select prepare-release.yml
-# Input version: v0.1.20260711 (or any semantic version)
-```
-
-**What it does**:
-1. ✓ Build (restore, build, publish)
-2. ✓ Generate `appsettings.Production.json`
-3. ✓ Package artifact: `.tar.gz`
-4. ✓ Create git tag: `v0.1.20260711`
-5. ✓ Create Gitea Release with artifact attached
-6. ✓ Notify: Release ready for deployment
-
-**Output**: Gitea Release with downloadable artifact
-
-#### Workflow 2: deploy-prod.yml (Deployment)
-
-**Purpose**: Deploy a release to production
-
-**Trigger**: Manual (`workflow_dispatch`)
-```bash
-# Visit Gitea Actions and select deploy-prod.yml
-# Input release: v0.1.20260711 (optional — uses latest if empty)
-```
-
-**What it does**:
-1. ✓ Fetch Release (from Gitea Releases)
-2. ✓ Download artifact
-3. ✓ Verify SSH credentials
-4. ✓ Upload to production server
-5. ✓ Extract and symlink
-6. ✓ Restart service
-7. ✓ 6-point health checks
-8. ✓ Report deployment status
-
-**Deployment Pipeline (5 Stages)**:
-
-| Stage | Purpose | Timeout |
-|-------|---------|---------|
-| 1. Fetch Release | Query Gitea Releases, download artifact | 10min |
-| 2. Pre-Check | Verify SSH keys, secrets, release | 5min |
-| 3. Deploy | Upload, extract, symlink, restart service | 30min |
-| 4. Health Check | 6-point verification (HTTP, CSS, login, service, release, DB auth) | 10min |
-| 5. Report | Final deployment status | Auto |
-
-**Health Checks (Automatic)**:
-- ✓ HTTP 200 on `/Account/Login`
-- ✓ Login page content verification
-- ✓ CSS file loads (`/css/admin.css`)
-- ✓ Service status (systemctl active)
-- ✓ Release verification (deployed release tag matches)
-- ✓ **DB authentication check** (`journalctl`에서 `28P01`/`password authentication failed`
-  부재 확인 — GET `/Account/Login`은 DB가 끊겨도 200을 반환하므로 이 체크가 없으면
-  DB 장애를 배포 파이프라인이 놓친다. 2026-07-12 사고 이후 추가됨)
-
-**Complete Deployment Flow**:
-```
-1. Code committed to main branch
-2. Create release: prepare-release.yml workflow_dispatch (manual)
-   → Builds code
-   → Creates Gitea Release with artifact
-   → Tags repository
-3. Deploy release: deploy-prod.yml workflow_dispatch (manual)
-   → Selects release version
-   → Downloads artifact from Gitea Release
-   → Deploys to production server
-   → Runs health checks
-   → Reports status
-```
-
-### Pre-Deployment Checklist
-
-**Before creating a release**, verify:
-1. ✅ Local build: `dotnet build src/dotnet/QuantEngine.Web/QuantEngine.Web.csproj -c Release` (0 errors, 0 warnings)
-2. ✅ E2E tests pass: `npx playwright test`
-3. ✅ Admin pages verified (200 status, no 500 errors)
-4. ✅ All changes committed and pushed to main branch
-5. ✅ No uncommitted changes: `git status`
-
-### Release & Deployment Workflow
-
-**Step 1: Create Release (prepare-release.yml)**
-```bash
-# Visit Gitea Actions
-# https://gitea.taxbaik.com/kjh2064/QuantEngineByItz/actions
-
-# Run prepare-release.yml workflow
-# Input: version = v0.1.20260711
-
-# Workflow will:
-# - Build and publish
-# - Package artifact
-# - Create git tag
-# - Create Gitea Release
-# - Attach artifact
-```
-
-**Step 2: Deploy Release (deploy-prod.yml)**
-```bash
-# Visit Gitea Actions (same page)
-# Run deploy-prod.yml workflow
-# Input: release = v0.1.20260711 (leave empty for latest)
-
-# Workflow will:
-# - Download artifact from release
-# - Deploy to production server
-# - Run health checks
-# - Report status
-```
-
-### SSH Key Configuration (Required)
-
-**Setup (One-time)**:
-1. Generate ED25519 key locally (or reuse existing):
-   ```bash
-   ssh-keygen -t ed25519 -f ~/.ssh/quantengine_deploy -C "QuantEngine CI/CD"
-   ```
-
-2. Add public key to production server:
-   ```bash
-   ssh-copy-id -i ~/.ssh/quantengine_deploy.pub kjh2064@178.104.200.7
-   ```
-
-3. Get private key in base64 format:
-   ```bash
-   # macOS/Linux
-   base64 -w 0 ~/.ssh/quantengine_deploy > /tmp/key_b64.txt
-   cat /tmp/key_b64.txt | pbcopy
-   
-   # Or Windows PowerShell
-   $key = Get-Content ~/.ssh/quantengine_deploy -Raw
-   [Convert]::ToBase64String([Text.Encoding]::UTF8.GetBytes($key)) | Set-Clipboard
-   ```
-
-4. Configure in Gitea:
-   - URL: https://gitea.taxbaik.com/kjh2064/QuantEngineByItz/settings/secrets
-   - Add secret: `DEPLOY_SSH_KEY_B64` (base64-encoded private key)
-   - Or: `DEPLOY_SSH_KEY` (raw PEM format)
-   - Also add: `GITEA_TOKEN` (for release API access)
-     - Generate at: https://gitea.taxbaik.com/user/settings/applications
-     - Required permissions: `repo` + `read:actions`
-
-### Deployment Monitoring
-
-**During Deployment**:
-- Watch live in Gitea Actions UI
-- Jobs complete in order: Build → Pre-Check → Deploy → Health Check → Report
-
-**After Deployment**:
-```bash
-# SSH into server
-ssh kjh2064@178.104.200.7
-
-# Check active deployment
-readlink ~/quantengine_active
-
-# View service status
-systemctl status quantengine
-
-# Tail live logs
-journalctl -u quantengine -f
-
-# Health check
-curl -I http://127.0.0.1:5000/Account/Login
-```
-
-### Automatic Rollback (if health check fails)
-
-If health check fails, deployment stops automatically:
-1. Service restart may fail
-2. Symlink update reverts to previous deployment
-3. Gitea Actions marks deployment as FAILED
-4. Logs include failure details
-
-Manual rollback (if needed):
-```bash
-# List deployments
-ls -lht ~/deployments/quantengine_*
-
-# Revert symlink to previous version
-ln -sfn /home/kjh2064/deployments/quantengine_YYYYMMDD_HHMMSS_COMMIT ~/quantengine_active
-
-# Restart service
-sudo systemctl restart quantengine
-
-# Verify
-curl http://127.0.0.1:5000/Account/Login
-```
-
-### Troubleshooting Deployment Failures
-
-**Issue**: Build fails
-- Check: `dotnet build` locally first
-- Ensure: No compilation errors, 0 warnings
-
-**Issue**: Health check timeout
-- Check: Service logs: `journalctl -u quantengine -n 50`
-- Check: Port 5000 listening: `ss -tlnp | grep 5000`
-- Check: DB connectivity in appsettings.Production.json
-
-**Issue**: SSH key error
-- Verify: `DEPLOY_SSH_KEY_B64` or `DEPLOY_SSH_KEY` in Gitea Secrets
-- Check: Public key added to `~/.ssh/authorized_keys` on server
-- Test: `ssh -i ~/.ssh/key_file kjh2064@178.104.200.7 echo OK`
+**배포 후 필수 확인**: `/Account/Login` 실제 HTTP 응답 + `journalctl -u quantengine`에서
+`28P01`/`password authentication failed` 부재 확인 (단순 `active` 상태만으로는 DB 연결 실패를
+못 잡음 — ASP.NET Core는 DB 없이도 기동은 되고 로그인 요청 시점에야 실패함). 6-point 헬스체크에
+DB 인증 확인이 포함되어 있음. 상세: [docs/DEPLOYMENT_RUNBOOK.md](docs/DEPLOYMENT_RUNBOOK.md)
 
 ### Git Repository
 
@@ -463,149 +158,109 @@ curl http://127.0.0.1:5000/Account/Login
 - **HTTP**: `https://gitea.taxbaik.com/kjh2064/QuantEngineByItz.git`
 - **SSH**: `ssh://git@gitea.taxbaik.com:2222/kjh2064/QuantEngineByItz.git`
 
-## UI Design Principles (2026-07-11 — Migrated to Razor Pages)
+## UI Design Principles
 
-### Framework & Design System (NEW — 2026-07-11)
+- **Primary Framework**: ASP.NET Core Razor Pages (server-rendered, no WASM) + Bootstrap 5 +
+  Tabler UI. Blazor Interactive WebAssembly, MudBlazor, SmartAdmin are **deprecated**
+  (2026-07-11). The `.sln` has 6 projects: Core, Application, Infrastructure, Web, Tools,
+  Core.Tests — there is no `QuantEngine.Web.Client` in the repo (fully removed, not just
+  excluded from the solution; verified 2026-07-30).
+- **Authentication**: Cookie (`QuantEngine.Admin.Auth`, HttpOnly, SameSite=Lax, 12h sliding) +
+  BCrypt + IP lockout (3 strikes/15min). Folder-level `[Authorize]` via
+  `AuthorizeFolder("/Admin")` — no per-page repetition. Login: `/Account/Login`.
+- **Component rules**: PageModel constructor DI (repos/services directly, no API hop);
+  `OnPostAsync()`/`OnPostDeleteAsync()` multi-handler pattern; validation failures return
+  `Page()`; DataAnnotations + FluentValidation double-check.
+- Full component-to-Bootstrap/Tabler mapping table (buttons, inputs, tables, badges, modals,
+  validation messages): [docs/UI_GUIDELINES.md](docs/UI_GUIDELINES.md)
 
-- **Primary Framework**: ASP.NET Core Razor Pages + Bootstrap 5 + Tabler UI
-- **Design System**: Tabler (Bootstrap 5 기반), 밀집 레이아웃 + 전통 서버 렌더링
-- **Render Mode**: **Server-side Razor Pages** — 모든 Admin UI는 서버에서 렌더링, Cookie 기반 인증 (API-First WASM 폐기)
-- **Authentication**: Cookie Authentication (HttpOnly) + BCrypt password hashing + IP lockout (3 strikes, 15-min)
-- **Deprecation**: **Blazor Interactive WebAssembly 폐기**, **MudBlazor 컴포넌트 폐기** (2026-07-11), **SmartAdmin 폐기**. 기존 WASM 코드는 `/QuantEngine.Web.Client` 폴더에 참고용으로만 보관 (`.sln`에서 제외)
+## Development Commands
 
-### Component Development Rules (NEW)
+### .NET
+```powershell
+cd src/dotnet
+dotnet restore
+dotnet build                                          # Debug (0 errors, 0 warnings)
+dotnet build -c Release
+dotnet watch run --project QuantEngine.Web            # Hot-reload → http://localhost:5265
+dotnet test src/dotnet/QuantEngine.Core.Tests -c Release
+dotnet test src/dotnet/QuantEngine.sln --configuration Release
+```
 
-1. **All Admin UI Development** (New + Refactored):
-   - Use **Razor Pages** (.cshtml + .cshtml.cs PageModel) exclusively for admin
-   - UI는 Repository/Service를 생성자 DI로 직접 호출 (API 홉 없음)
-   - Bootstrap 5 + Tabler UI CSS classes for styling
-   - **Form Validation**: DataAnnotations DTO + FluentValidation IValidator<T> 이중 검증
-   - HTML `<form>` + tag helpers (`asp-for`, `asp-action`, `asp-page`)
-
-2. **Authentication & Authorization**:
-   - Cookie name: `QuantEngine.Admin.Auth` (HttpOnly, SameSite=Lax)
-   - Session duration: 12 hours (sliding expiration)
-   - Folder-level `[Authorize]` via `AuthorizeFolder("/Admin")` convention (per-page 반복 금지)
-   - Login: `/Account/Login` (Razor Page, NO WASM)
-   - Password: BCrypt-hashed (auto-migrates existing SHA-256 hashes on first login)
-   - IP Lockout: 3 failed attempts → 15-minute lockout
-
-3. **Data & Form Patterns**:
-   - PageModel constructor: `public IndexModel(IWorkspaceRepository repo, ILogger<IndexModel> logger)`
-   - Form submission: `OnPostAsync()` / `OnPostDeleteAsync()` (multi-handler pattern)
-   - Validation failures: return `Page()` (re-render with ModelState errors)
-   - Pagination: `PaginationModel` record (Page, TotalPages, Func<int,string> BuildPageUrl)
-   - Empty states: `<PartialView name="_EmptyState" model="message" />`
-
-4. **Component Mapping** (Bootstrap 5 + Tabler):
-
-| UI Element | Component | Notes |
-|-----------|-----------|-------|
-| Button | `<button class="btn btn-primary">` | — |
-| Input field | `<input asp-for="Property" class="form-control">` | tag helper |
-| Dropdown | HTML `<select asp-for="Property">` | tag helper |
-| Data grid | HTML `<table class="table">` | plain, no virtualization |
-| Card | `<div class="card">` | Bootstrap card |
-| Badge/Status | `<span class="badge bg-success">Active</span>` | Bootstrap badge |
-| Layout container | `<div class="container-xl">` / `<div class="row">` | Bootstrap grid |
-| Navigation | HTML navbar in `_AdminLayout.cshtml` | sidebar + topbar |
-| Loading | N/A (server-rendered) | no loading states needed |
-| Icons | Bootstrap Icons (`<i class="bi bi-*"></i>`) | CDN |
-| Modal/Dialog | Bootstrap modal or inline `confirm()` | avoid unnecessary modals |
-| Validation msg | `<span asp-validation-for="Property" class="d-block alert alert-danger mt-2">` | tag helper |
-
-## Development Commands (Phase 1 + 2)
-
-### Python / Node.js (Legacy & Release Gates)
+### Python / Node.js (legacy & release gates)
 ```powershell
 npm install
 npm run ops:validate              # Warn-only validation
 npm run full-gate                 # Strict validation (all gates PASS)
 npm run ops:data-collect          # KIS collection (Python subprocess)
 npm run ops:release               # Full release DAG
+npm run prepare-upload-zip        # Package for distribution
+python3 -m pytest tests/unit/test_*.py -v
 ```
 
-### .NET (Primary - Phase 1 + 2)
+### Local run (SSH tunnel required — never use Docker locally)
 ```powershell
+# Terminal 1: tunnel to remote PostgreSQL
+ssh -L 127.0.0.1:5432:localhost:5432 kjh2064@178.104.200.7 -N
+
+# Terminal 2: run the app
 cd src/dotnet
-dotnet restore
-dotnet build                      # Debug build (0 errors, 0 warnings)
-dotnet build -c Release           # Release build
-dotnet watch run --project QuantEngine.Web  # Hot-reload (http://localhost:5265)
-dotnet run --project QuantEngine.Web        # Run API server
+dotnet watch run --project QuantEngine.Web
+# → http://localhost:5265/Account/Login
+```
+`appsettings.Development.json`:
+```json
+{ "ConnectionStrings": { "DefaultConnection": "Host=127.0.0.1;Database=quantenginedb;Username=quantengine_app;Password=quantengine_app;Search Path=quantengine;" } }
 ```
 
-### Collection Pipeline Testing (Phase 2)
+**⚠️ 2026-07-30 확인**: 위 `quantengine_app`/`quantengine_app` 비밀번호로 실제 프로덕션 DB에
+접속을 시도하면 `password authentication failed`로 거부된다 (직접 psql 연결 테스트로 확인).
+로컬 개발 시 실제 값은 `/home/kjh2064/.config/quantengine.env`의
+`ConnectionStrings__DefaultConnection`을 참고할 것 — 이 문서의 예시 값을 그대로 복사해 쓰지 말 것.
+
+### Collection pipeline testing
 ```powershell
-# Set KIS credentials (sandbox account)
 $env:KIS_APP_Key_TEST = "your_kis_test_key"
 $env:KIS_APP_Secret_TEST = "your_kis_test_secret"
-
-# Start web server (http://localhost:5265)
 dotnet run --project QuantEngine.Web
+# → http://localhost:5265/collection — "Start Collection" triggers an async run
 
-# Verify Collection dashboard
-# Navigate to http://localhost:5265/collection
-# - Click "Start Collection" to trigger async run
-# - Backend uses PostgreSQL-backed data storage
-# - Dashboard updates with run status, snapshots, errors
-
-# Verify API endpoints
 curl http://localhost:5265/api/collection/state
 curl http://localhost:5265/api/collection/runs
 curl "http://localhost:5265/api/collection/latest/005930"
 ```
 
-## API Endpoints (Phase 1 + 2)
+### E2E / Playwright
+```powershell
+npx playwright test
+npx playwright test tests/e2e/complete-admin-flow.spec.ts
+```
 
-### Workspace & History (Phase 1)
-All endpoints prefixed with `/api/`:
+### Calibration & data tools
+```powershell
+python tools/build_calibration_priority_v1.py
+python tools/build_calibration_change_ledger_v4.py
+python tools/build_calibration_review_report_v1.py
+python tools/validate_calibration_change_ledger_v1.py
+python tools/run_kis_data_collection_v1.py --input-json GatherTradingData.json --sqlite-db src/quant_engine/kis_data_collection.db --output-json Temp/kis_data_collection_v1.json --kis-account real
+python tools/run_snapshot_admin_server_v1.py --host 127.0.0.1 --port 8787 --db src/quant_engine/snapshot_admin.db --seed GatherTradingData.json
+```
 
-| Route | Purpose |
-|-------|---------|
-| `GET /state` | Full UI state snapshot |
-| `GET /tables` | Browsable tables list |
-| `GET /table-rows` | Paginated rows |
-| `POST /settings/save` | Save settings |
-| `POST /account-snapshot/save` | Save snapshots |
-| `POST /bootstrap` | Seed DB from JSON |
-| `POST /account-snapshot/import-tsv` | Import TSV |
-| `POST /autofix` | Auto-correct data |
+### CI/CD monitoring
+```powershell
+# https://gitea.taxbaik.com/kjh2064/QuantEngineByItz/actions
+python3 tools/validate_gitea_ci_workflow_lint_v1.py
+```
 
-### Collection Pipeline (Phase 2)
-| Route | Purpose |
-|-------|---------|
-| `GET /collection/state` | Dashboard summary (runs, snapshots, errors) |
-| `GET /collection/runs` | Recent collection runs (paginated) |
-| `GET /collection/runs/{runId}/snapshots` | Snapshots from a run |
-| `GET /collection/runs/{runId}/errors` | Errors from a run |
-| `GET /collection/latest/{ticker}` | Latest snapshots for ticker |
-| `POST /collection/run` | Start new collection run (async) |
+Full day-to-day scenarios (KIS credential validation, snapshot admin editing, release/deploy,
+CI debugging, DB schema changes, "when things break" table):
+[docs/DEV_WORKFLOWS.md](docs/DEV_WORKFLOWS.md)
 
-### Collection Run Status Values
-| Status | Meaning | UI Badge | Transitions |
-|--------|---------|----------|------------|
-| `running` | Collection in progress | <span class="badge bg-warning">진행 중</span> | → completed or failed |
-| `completed` | Collection finished (may have errors) | <span class="badge bg-success">완료</span> | (final) |
-| `failed` | Collection crashed/aborted | <span class="badge bg-danger">실패</span> | (final) |
-| `pending` | Queued, not yet started | <span class="badge bg-secondary">대기 중</span> | → running |
+## API Endpoints
 
-### Collection Run Success Criteria
-**Success** is defined as:
-- Status = `completed` (not `failed`)
-- `TotalSnapshots > 0` (at least one snapshot captured)
-- `TotalErrors == 0` OR `TotalErrors < TotalSnapshots * 0.1` (error rate < 10%)
-
-**Partial Success** (warning state):
-- Status = `completed`
-- `TotalSnapshots > 0` (some data captured)
-- `TotalErrors > 0` (has errors, but not total loss)
-
-**Failure**:
-- Status = `failed` OR
-- Status = `completed` + `TotalSnapshots == 0` (no data captured)
-
-UI: `Pages/Admin/Collection/Index.cshtml` — status 값에 따라 배지 색상 결정, 향후 TotalSnapshots/TotalErrors로 상세 상태 표시
+All endpoints prefixed with `/api/`. Full route tables (Workspace & History, Collection
+Pipeline) and Collection Run status/success-criteria definitions:
+[docs/API_REFERENCE.md](docs/API_REFERENCE.md)
 
 ## KIS API Client Security (Phase 2)
 
@@ -629,274 +284,46 @@ UI: `Pages/Admin/Collection/Index.cshtml` — status 값에 따라 배지 색상
 4. **GetDailyItemChartPriceAsync** (FHKST03010100) — Daily OHLCV data
 5. **GetInvestorTrendAsync** (FHKST01010900) — Investor sentiment (개인/외국인/기관)
 
-## Local Development & Testing (2026-07-11)
+## OpenDART Fallback API (2026-07-30)
 
-### ⚠️ CRITICAL: SSH Tunnel for Remote Database Access
+**Credential**: `DART_API_KEY` 환경변수 (KIS 키와 동일한 패턴 — 코드/문서/워크플로우 파일에
+절대 하드코딩하지 않는다. 실제 키 값은 로컬 환경변수 또는 Gitea Secrets에만 존재해야 한다).
+로딩 위치: `tools/ingest_fundamental_raw.py:55` (`os.environ.get("DART_API_KEY")`).
 
-**Never use Docker locally.** Always use SSH tunneling to connect to remote PostgreSQL:
+**⚠️ CRITICAL: 일일 호출 한도 40,000건** — OpenDART는 계정당 하루 40,000건으로 제한된다.
+이 한도를 넘으면 그날 나머지 호출이 전부 실패한다. DART를 호출하는 모든 코드(현재는
+`tools/ingest_fundamental_raw.py`의 `_dart_fundamentals()` — 아직 스텁이며 실제 API 호출은
+미구현)는 **구현 시점부터** 다음을 지켜야 한다:
+- 종목 수 × 종목당 호출 수(재무제표 조회, corpCode 매핑 등)가 하루 40,000건을 넘지 않도록
+  사전에 예산을 계산한다 (여유분 확보 — 재시도/오류 포함 실제 한도의 80% 이내 목표 권장).
+- `corpCode.xml` 매핑처럼 자주 바뀌지 않는 데이터는 반드시 캐싱한다 (기존
+  `DART_CORP_MAP_CACHE`가 7일 캐시로 이미 이 원칙을 따르고 있음 — 새 DART 호출도 동일하게
+  캐싱 우선으로 설계할 것).
+- 일일 호출 수를 실제로 추적하는 카운터가 아직 없다 — 실 데이터 호출을 구현할 때 호출
+  카운트를 파일 또는 DB에 기록하고 한도 근접 시 중단하는 가드를 함께 추가한다.
 
-```powershell
-# 1. Setup SSH tunnel (Terminal 1) — forwards local 5432 to remote DB
-ssh -L 127.0.0.1:5432:localhost:5432 kjh2064@178.104.200.7 -N
-
-# 2. Configure appsettings.Development.json
-{
-  "ConnectionStrings": {
-    "DefaultConnection": "Host=127.0.0.1;Database=quantenginedb;Username=quantengine_app;Password=quantengine_app;Search Path=quantengine;"
-  }
-}
-
-# 3. Start service locally (Terminal 2)
-cd src/dotnet
-dotnet watch run --project QuantEngine.Web
-
-# 4. Access locally
-http://localhost:5265/Account/Login
-```
+## Local Development & Testing
 
 ### Mandatory Pre-Deployment Checklist
 
-**EVERY code change must pass:**
+**EVERY code change must pass before creating a release:**
+1. ✅ Local build (0 errors, 0 warnings): `dotnet build src/dotnet/QuantEngine.Web/QuantEngine.Web.csproj -c Release`
+2. ✅ Local service starts cleanly via SSH tunnel (DbUp migrations succeed, no DB connection errors)
+3. ✅ Login test (`/Account/Login` → 200, cookie set)
+4. ✅ All Admin pages return 200 — Dashboard, Users, Collection, Monitoring, Operations (no 500 in response body)
+5. ✅ Playwright E2E: `npx playwright test tests/e2e/complete-admin-flow.spec.ts`
+6. ✅ `git status` clean, all changes pushed to main
+7. ✅ Authorization Policy configured (if changes made to Program.cs)
 
-1. ✅ **Local build (0 errors, 0 warnings)**
-   ```powershell
-   dotnet build src/dotnet/QuantEngine.Web/QuantEngine.Web.csproj -c Release
-   ```
-
-2. ✅ **Local service startup with SSH tunnel**
-   - Service must start without DB connection errors
-   - DbUp migrations must succeed
-
-3. ✅ **Login test (admin/quant123!)**
-   - `/Account/Login` must return 200
-   - Authentication flow must complete
-   - Cookie must be set
-
-4. ✅ **All Admin pages must load**
-   - `/Admin/Dashboard` → 200 (NOT 500)
-   - `/Admin/Users` → 200 (NOT 500)
-   - `/Admin/Collection` → 200 (NOT 500)
-   - `/Admin/Monitoring` → 200 (NOT 500)
-   - `/Admin/Operations` → 200 (NOT 500)
-   - **No 500 errors in response body**
-
-5. ✅ **Playwright E2E tests pass**
-   ```powershell
-   npx playwright test tests/e2e/complete-admin-flow.spec.ts
-   ```
-
-### Deployment Gates
-
-**NEVER deploy without:**
-- ❌ Local testing complete
-- ❌ All Admin pages verified (200 status, no 500 errors)
-- ❌ E2E tests passing
-- ❌ Authorization Policy configured (if changes made to Program.cs)
-
-**Deployment failure is better than service outage.** Halt and investigate if local tests fail.
-
-### Gitea Actions Workflows
-
-**Active Workflows**:
-1. **prepare-release.yml** — Release creation (workflow_dispatch only)
-   - Build → Publish → Package → Tag → Gitea Release
-   - Does NOT write ConnectionStrings into the artifact (see "DB Secret
-     Management" above) — only `Logging` config ships in `appsettings.Production.json`
-
-2. **deploy-prod.yml** — Production deployment (workflow_dispatch only, takes a release tag)
-   - 5 stages: Fetch Release → Pre-Check → Deploy → Health Check → Report
-   - 6-point health checks (HTTP, login page, CSS, service, release, DB auth)
-   - SSH-based deployment with artifact validation
-
-3. **ci.yml** — PR validation (on:pull_request)
-   - 29 validators for code quality
-   - Runs on every pull request
-
-**Accessing Gitea Actions**:
-- Web UI: https://gitea.taxbaik.com/kjh2064/QuantEngineByItz/actions
-- Runs API: https://gitea.taxbaik.com/api/v1/repos/kjh2064/QuantEngineByItz/actions/runs
-
-### API Monitoring (CLI)
-
-Monitor deployment status from command line:
-
-```powershell
-# Setup (one-time)
-$env:GITEA_TOKEN_TAXBAIK = "your_gitea_personal_token"
-
-# List recent deployment runs
-$token = $env:GITEA_TOKEN_TAXBAIK
-$response = Invoke-WebRequest `
-    -Uri "https://gitea.taxbaik.com/api/v1/repos/kjh2064/QuantEngineByItz/actions/runs?limit=5" `
-    -Headers @{ "Authorization" = "token $token" }
-($response.Content | ConvertFrom-Json).workflow_runs | ForEach-Object {
-    Write-Host "Run #$($_.id): $($_.display_title) [$($_.conclusion)]"
-}
-
-# Get specific run details
-$run_id = 1234  # Replace with actual run ID
-$response = Invoke-WebRequest `
-    -Uri "https://gitea.taxbaik.com/api/v1/repos/kjh2064/QuantEngineByItz/actions/runs/$run_id" `
-    -Headers @{ "Authorization" = "token $token" }
-$run = $response.Content | ConvertFrom-Json
-Write-Host "Commit: $($run.head_sha)"
-Write-Host "Status: $($run.status) / $($run.conclusion)"
-```
-
-See `docs/GITEA_ACTIONS_API_GUIDE.md` for complete API reference.
-
-### Deployment Secrets Configuration
-
-**Required Secrets** (Gitea Repository Settings → Secrets):
-
-| Secret | Type | Purpose |
-|--------|------|---------|
-| `DEPLOY_SSH_KEY_B64` | Base64 (recommended) | ED25519 private key for SSH |
-| `DEPLOY_SSH_KEY` | PEM (alternative) | Raw private key format |
-| `DEPLOY_HOST` | Text | Production server IP (178.104.200.7) |
-| `DEPLOY_USER` | Text | SSH username (kjh2064) |
-
-**How to add secrets**:
-1. Go to: https://gitea.taxbaik.com/kjh2064/QuantEngineByItz/settings/secrets
-2. Click "Add Secret"
-3. Name: `DEPLOY_SSH_KEY_B64`
-4. Value: `base64 -w 0 ~/.ssh/deploy_key | pbcopy` (macOS) or `certutil -encode deploy_key deploy_key.b64` (Windows)
-5. Save
-
----
+**Deployment failure is better than service outage.** Halt and investigate if any step fails.
+Full deployment runbook, SSH key setup, Gitea Actions API monitoring, secrets configuration:
+[docs/DEPLOYMENT_RUNBOOK.md](docs/DEPLOYMENT_RUNBOOK.md)
 
 ## Core Workflows & Common Scenarios
 
-### Scenario 1: Day-to-Day Development (Code Change)
-
-1. **Make code changes** (C# Razor Pages / .NET API / Python tools)
-2. **Local validation**:
-   ```powershell
-   dotnet build src/dotnet/QuantEngine.Web/QuantEngine.Web.csproj -c Release
-   dotnet test src/dotnet/QuantEngine.Core.Tests -c Release
-   ```
-3. **Test admin pages locally** (with SSH tunnel):
-   ```powershell
-   ssh -L 127.0.0.1:5432:localhost:5432 kjh2064@178.104.200.7 -N &
-   dotnet watch run --project QuantEngine.Web
-   # Verify: /Admin/Dashboard, /Admin/Users, /Admin/Collection, etc. all return 200
-   ```
-4. **Commit & push**: Changes automatically trigger ci.yml
-   - Core validators run first (blocking others)
-   - Parallel validators (contracts, UI, DB, calibration) run independently
-   - notify-results summarizes all 9 jobs in PR comment
-   - Expected CI time: ~15-20min (was ~40min before 2026-07-24 refactor)
-
-### Scenario 2: Data Collection Setup (KIS API Validation)
-
-1. **Obtain KIS credentials** (real or mock account)
-2. **Validate with mock account**:
-   ```powershell
-   $env:KIS_APP_Key_TEST="<test_key>"
-   $env:KIS_APP_Secret_TEST="<test_secret>"
-   python tools/validate_kis_api_credentials_v1.py --account mock --ticker 005930 --dry-run
-   ```
-3. **Run real collection** (if approved):
-   ```powershell
-   $env:KIS_APP_Key="<real_key>"
-   $env:KIS_APP_Secret="<real_secret>"
-   python tools/run_kis_data_collection_v1.py --input-json GatherTradingData.json --sqlite-db src/quant_engine/kis_data_collection.db --output-json Temp/kis_data_collection_v1.json --kis-account real
-   ```
-4. **Verify database**:
-   ```sql
-   SELECT COUNT(*) FROM kis_collection_runs;
-   SELECT COUNT(*) FROM kis_collection_snapshots;
-   ```
-
-### Scenario 3: Admin Data Editing (Snapshot Admin Web UI)
-
-1. **Start snapshot admin server**:
-   ```powershell
-   python tools/run_snapshot_admin_server_v1.py --host 127.0.0.1 --port 8787 --db src/quant_engine/snapshot_admin.db --seed GatherTradingData.json
-   ```
-2. **Access web UI**: http://127.0.0.1:8787
-3. **Edit settings / account_snapshot** in browser (like Excel)
-4. **Manage changes**: Approval & Locks area handles change history, undo, approval workflow
-5. **Export for CI**: `/api/export` → JSON or "Export approval packet" button
-
-### Scenario 4: Release & Deployment (Multi-Stage)
-
-**Stage 1: Local validation**
-```powershell
-npm run ops:validate              # Warn-only (allow some issues)
-npm run full-gate                 # Strict (all gates PASS)
-```
-
-**Stage 2: Create release** (manual via Gitea Actions)
-```
-→ Visit https://gitea.taxbaik.com/kjh2064/QuantEngineByItz/actions
-→ Run "prepare-release.yml" workflow_dispatch
-  - Builds and publishes .NET
-  - Creates git tag (e.g., quant_20260724.0.abc1234)
-  - Generates Gitea Release with artifact + checksums
-  - Packages as .tar.gz
-```
-
-**Stage 3: Deploy** (manual, only after release exists)
-```
-→ Run "deploy-prod.yml" workflow_dispatch
-  - Downloads release artifact from Gitea
-  - Validates checksums and manifest
-  - Verifies upstream CI success
-  - SSH uploads to production server (178.104.200.7)
-  - Extracts and symlinks
-  - Restarts systemd service
-  - 6-point health checks (HTTP, login page, CSS, service, release tag, DB auth)
-  - Reports final status
-```
-
-**Pre-deployment checklist** (MANDATORY):
-- ✅ Local build: 0 errors, 0 warnings
-- ✅ E2E tests pass: `npx playwright test`
-- ✅ All admin pages tested locally (200 status, no 500)
-- ✅ `git status` clean (no uncommitted changes)
-- ✅ Commit pushed to main
-
-### Scenario 5: CI Workflow Debugging
-
-**Problem**: A specific validation fails in CI
-1. Identify failing job from PR comment (notify-results output)
-2. Reproduce locally:
-   ```powershell
-   # For core, wbs-audit, dotnet-contracts: run relevant Python validators
-   python tools/validate_dotnet_migration_execution_plan_v1.py
-   python tools/validate_dotnet_parity_contract_v1.py
-   # etc.
-   ```
-3. Fix and re-push (triggers ci.yml again)
-4. Monitor in Gitea Actions dashboard
-
-**Problem**: Workflow syntax error
-1. Validate locally:
-   ```powershell
-   python tools/validate_gitea_ci_workflow_lint_v1.py --workflow .gitea/workflows/ci.yml
-   ```
-2. Fix YAML and test again
-
-### Scenario 6: Database Schema Changes
-
-1. **Create migration**: `src/dotnet/QuantEngine.Infrastructure/Migrations/V003.sql`
-2. **Update DBML**: `docs/db/quantengine.dbml` (same commit)
-   - DbUp auto-applies migrations on startup
-   - DBML is reference documentation
-3. **Test locally** (with SSH tunnel): Migrations must apply cleanly
-4. **Commit both** (SQL + DBML) together
-5. **CI validates**: ci.yml applies migrations to test PostgreSQL service
-
-### When Things Break
-
-| Issue | Root Cause | Fix |
-|-------|-----------|-----|
-| Admin page returns 500 | Likely unhandled DB exception or auth issue | Check journalctl, verify ConnectionStrings in production env |
-| KIS API fails with "not found" | Ticker doesn't exist in KIS | Use fallback (Naver → Yahoo → OpenDART) |
-| Snapshot admin won't load | SQLite DB corrupted or missing | Delete and re-seed from GatherTradingData.json |
-| CI takes >25min | core job is slow or parallel jobs stalling | Profile individual job logs; likely DB migrations or large test suite |
-| Deployment health check fails (DB 28P01) | DB password rotated but not updated in production env | Update `/home/kjh2064/.config/quantengine.env` on server only (not in repo) |
+Day-to-day dev loop, KIS credential validation, snapshot admin editing, multi-stage
+release/deploy, CI debugging, DB schema change process, and a "when things break"
+troubleshooting table: [docs/DEV_WORKFLOWS.md](docs/DEV_WORKFLOWS.md)
 
 ---
 
@@ -915,8 +342,9 @@ npm run full-gate                 # Strict (all gates PASS)
 
 ### Repository Structure Rules
 
-- **Legacy Code**: `QuantEngine.Web.Client` (WASM) kept for reference; excluded from .sln, not built.
+- **Legacy Code**: No `QuantEngine.Web.Client` remains in the repo — fully removed (verified 2026-07-30), not just excluded from `.sln`.
 - **DBML Sync (2026-07-12)**: All DbUp migrations (`V*.sql`) must sync with `docs/db/quantengine.dbml` in same commit. Future schema reads use DBML.
+- **Migration naming (2026-07-30)**: Existing migrations mix two conventions — `V1__Name.sql` (double underscore, unpadded) and `V003_name.sql` (single underscore, zero-padded). DbUp sorts scripts alphabetically, so `V003_...` actually runs *before* `V1__...`. **Do not rename existing migration files** — DbUp journals applied scripts by filename/checksum, so a rename makes an already-applied migration look new and re-runs it. New migrations must use `V{next_number}__Name.sql` (double underscore, matching V1–V8, the majority convention) so filename order matches intended execution order. **Note**: verified against production (`quantengine.schemaversions`, 2026-07-30) that `V003`/`V004` have never actually run — only V1–V8 are journaled. Renumbering V003/V004 to `V9__`/`V10__` is therefore safe from a checksum standpoint, but changes their execution order relative to V1–V8 (they currently run *first*); that's a real design decision (open, not made here), not a blind rename.
 - **Diagrams**: Mermaid diagrams in `docs/diagrams/` for state machines, flows, sequences (e.g., collection-pipeline.md).
 - **WBS Evidence (2026-07-12)**: Task completion = `npm run verify:task -- <TASK_ID>` PASS (BE=DB queries/logs/JSON, FE=Playwright+screenshot). Full check: `npm run verify:wbs`.
 
@@ -942,6 +370,7 @@ npm run full-gate                 # Strict (all gates PASS)
 - **Newtonsoft.Json**: High-severity vuln (GHSA-5crp-9r3c-p9vr); update or replace when feasible.
 - **Python-to-.NET transition**: Legacy `ops:data-collect` remains until .NET collection validated in production (est. Q3 2026).
 - **Gitea Actions limitation**: Act runner ↔ Gitea network issues (workaround: manual SSH deployment active).
+- **도구 버전 관리 (2026-07-30)**: `_v1`/`_v2`... 접미사로 새 버전의 도구를 추가할 때, 이전 버전이 더 이상 쓰이지 않으면 삭제한다 — git 히스토리로 충분하다. 병행 존재 금지(예: `apply_engine_upgrade_v4.py`와 `_v7.py`가 동시에 남아있는 상태). 단, 다른 파일이 옛 버전을 이름으로 참조 중이면(lint 화이트리스트, 문서 등) 그 참조부터 정리한 뒤 삭제한다.
 
 ### Reliability & Data Quality
 
@@ -964,916 +393,37 @@ npm run full-gate                 # Strict (all gates PASS)
 
 4. **Git commits**: New commits preferred over amend. Include co-author: `Claude Haiku 4.5 <noreply@anthropic.com>`.
 
-## Development Commands (Quick Reference)
+## CI/CD Pipeline Structure
 
-### Build & Restore
-```powershell
-# .NET
-cd src/dotnet
-dotnet restore
-dotnet build -c Release
-dotnet build src/dotnet/QuantEngine.Web/QuantEngine.Web.csproj -c Release
+9-job parallel `ci.yml` pipeline (~15-20min, was single-job ~40min before 2026-07-24 refactor).
+`core` job blocks downstream (DB migrations, .NET/API tests); 7 jobs run in parallel
+(wbs-audit, dotnet-contracts, ui-storage, database-schema, calibration-pipeline→
+operational-reporting, security-validation, workflow-lint); `notify-results` summarizes all
+jobs in the PR comment.
 
-# Python (no explicit build needed, but validate setup)
-python3 --version
-python3 -m pip install --quiet requests pyyaml openpyxl pytest psycopg[binary]
-```
+Other workflows: `kis_data_collection.yml` (cron 00:30 KST M-F), `qualitative_sell_strategy.yml`
+(cron 00:15 KST M-F), `ci_lint.yml` (on push to `.gitea/workflows/`), `snapshot_admin.yml`,
+`ci-frontend.yml` (push/PR — 8-step src/frontend/ pipeline: typecheck, lint, unit, contract
+parity, build, E2E, audit), `t20_ledger.yml` (cron 17:00 KST M-F — builds the T+20 outcome
+ledger), `prepare-release.yml` (manual), `deploy-prod.yml` (manual).
 
-### Run Services Locally
-```powershell
-# 1. SSH tunnel for remote PostgreSQL (Terminal 1)
-ssh -L 127.0.0.1:5432:localhost:5432 kjh2064@178.104.200.7 -N
-
-# 2. .NET service with hot-reload (Terminal 2)
-cd src/dotnet
-dotnet watch run --project QuantEngine.Web
-
-# 3. Access locally
-http://localhost:5265/Account/Login  # Admin UI
-http://localhost:5265/api/collection/state  # API
-```
-
-### Data Collection & Snapshot Admin
-```powershell
-# KIS data collection to SQLite
-$env:KIS_APP_Key="<your_kis_key>"
-$env:KIS_APP_Secret="<your_kis_secret>"
-python tools/run_kis_data_collection_v1.py --input-json GatherTradingData.json --sqlite-db src/quant_engine/kis_data_collection.db --output-json Temp/kis_data_collection_v1.json --kis-account real
-
-# Snapshot admin web UI (for editing settings/account_snapshot)
-python tools/run_snapshot_admin_server_v1.py --host 127.0.0.1 --port 8787 --db src/quant_engine/snapshot_admin.db --seed GatherTradingData.json
-
-# With hot reload
-npm run ops:snapshot-web-watch
-
-# Validate snapshot admin web UI
-python tools/validate_snapshot_admin_web_v1.py
-```
-
-### Validation & Release Gates
-```powershell
-# Validation (warn-only mode)
-npm run ops:validate
-
-# Strict validation (all gates PASS)
-npm run full-gate
-
-# Release DAG (includes warn-only gates)
-npm run ops:release
-
-# Package for distribution
-npm run prepare-upload-zip
-
-# Calibration backlog rebuild
-python tools/build_calibration_priority_v1.py
-python tools/build_calibration_change_ledger_v4.py
-python tools/build_calibration_review_report_v1.py
-python tools/validate_calibration_change_ledger_v1.py
-```
-
-### CI/CD Monitoring
-```powershell
-# Monitor Gitea Actions
-# Open: https://gitea.taxbaik.com/kjh2064/QuantEngineByItz/actions
-
-# Validate workflows locally
-python3 tools/validate_gitea_ci_workflow_lint_v1.py
-
-# Check recent deployment runs
-# UI: https://gitea.taxbaik.com/kjh2064/QuantEngineByItz/actions
-```
-
-### Testing
-```powershell
-# .NET unit tests (Core tests)
-dotnet test src/dotnet/QuantEngine.Core.Tests/QuantEngine.Core.Tests.csproj -c Release
-
-# All .NET tests
-dotnet test src/dotnet/QuantEngine.sln --configuration Release
-
-# Python unit tests (storage, KIS, snapshot admin)
-python3 -m pytest tests/unit/test_*.py -v
-
-# E2E tests (Playwright)
-npx playwright test
-npx playwright test tests/e2e/complete-admin-flow.spec.ts
-```
-
-## Gitea Actions Workflow Structure (2026-07-24)
-
-### Workflow Architecture Refactoring
-
-**2026-07-24 refactoring**: Single-job ci.yml (30+ steps, ~40min runtime) → **9-job parallel pipeline** (~15-20min runtime).
-
-### CI Pipeline Jobs (ci.yml)
-
-| Job | Dependencies | Purpose | Parallelizable |
-|-----|--------------|---------|---|
-| **core** | — | CRITICAL: .NET tests, API trading gate, KIS creds, DB migrations | ✗ (blocks others) |
-| **wbs-audit** | core | WBS validation, platform migration, coverage audits | ✓ |
-| **dotnet-contracts** | core | .NET parity, provenance, scheduler, normalization contracts | ✓ |
-| **ui-storage** | — | Admin UI, storage backend, integration tests | ✓ |
-| **database-schema** | — | DB pipeline, PostgreSQL schema, history contracts | ✓ |
-| **calibration-pipeline** | core | Calibration priority, change ledger, qualitative sell strategy | ✓ |
-| **operational-reporting** | calibration | Decision packet, operational report, performance metrics | ✗ (depends on calibration) |
-| **security-validation** | — | Secrets contract, workflow validation | ✓ |
-| **workflow-lint** | — | CI workflow structure, secrets contract | ✓ |
-| **notify-results** | ALL | PR notification with job status summary | — |
-
-**Dependency Graph**:
-```
-core ─┬─> wbs-audit ─────────────────────┐
-      ├─> dotnet-contracts ─────────────┤
-      └─> calibration-pipeline ────────┤
-              └─> operational-reporting ─┤
-                                         └─> notify-results
-ui-storage ────────────────────────────────┘
-database-schema ──────────────────────────┘
-security-validation ───────────────────────┘
-workflow-lint ─────────────────────────────┘
-```
-
-### Other Workflow Files
-
-| File | Trigger | Purpose | Status |
-|------|---------|---------|--------|
-| **kis_data_collection.yml** | cron (00:30 KST M-F) + dispatch | Validate KIS credentials & PostgreSQL pipeline | ✓ 2026-07-24 |
-| **qualitative_sell_strategy.yml** | cron (00:15 KST M-F) + push + dispatch | Validate sell strategy pipeline & store | ✓ 2026-07-24 |
-| **workflow_lint.yml** (was ci_lint.yml) | push (.gitea/workflows/) + dispatch | Lint all workflow files, validate job dependencies, secrets contract | ✓ 2026-07-24 |
-| **snapshot_admin.yml** | push (snapshot_admin_*) + dispatch | Validate snapshot admin workflow & UI (2 jobs) | ✓ 2026-07-24 |
-| **prepare-release.yml** | workflow_run (ci.yml success) + dispatch | Build, tag, create Gitea Release with artifact + checksums | — |
-| **deploy-prod.yml** | dispatch | Deploy release, run health checks, report status (3 jobs) | — |
-
-### Performance Improvements (2026-07-24)
-
-**ci.yml refactoring results**:
-- **Before**: 1 job, 30+ sequential steps, ~40min runtime
-- **After**: 9 jobs, 7 in parallel, ~15-20min total runtime
-- **Speedup**: ~2-2.5x faster CI feedback (core branch blocks only downstream, others parallel)
-- **Fault isolation**: Single validation failure no longer blocks unrelated checks
-
-**Key changes**:
-1. **Setup consolidation**: Database migrations, Python, .NET setup in `core` job only
-2. **Parallel validation groups**: 7 jobs run independently from core (ui-storage, database-schema, security-validation, workflow-lint, etc.)
-3. **Dependency clarity**: `needs:` explicitly defines blocking relationships
-4. **Error reporting**: `notify-results` summarizes all 9 job statuses in PR comment
-
-### Workflow Maintenance Checklist
-
-When modifying workflows (.gitea/workflows/*.yml):
-
-1. ✅ Update `workflow_lint.yml` if adding new triggers or job dependencies
-2. ✅ Test locally with `python3 tools/validate_gitea_ci_workflow_lint_v1.py`
-3. ✅ Verify all `needs:` references point to existing jobs
-4. ✅ Document new jobs in this section above
-5. ✅ Validate YAML syntax: `python3 -m yaml < .gitea/workflows/new.yml`
-6. ✅ Ensure no hardcoded secrets in workflow files (env vars only)
-
-### Troubleshooting Workflows
-
-**Symptom**: CI job timeout
-- **Check**: Does your job need PostgreSQL? Only `core` provides it; others must be independent.
-- **Fix**: Add `services: postgres:` block or restructure to parallel-safe job.
-
-**Symptom**: Cascading failure (multiple jobs fail)
-- **Check**: Does your job have missing dependencies? Review `needs:` and dependency graph above.
-- **Fix**: Add explicit `needs: [job_name]` if job depends on another's output.
-
-**Symptom**: "job not found" error in notify-results
-- **Check**: Job name typo in `notify-results.needs` list.
-- **Fix**: Match job name exactly (case-sensitive).
+Full job dependency graph, per-job purpose table, trigger schedule, workflow maintenance
+checklist, troubleshooting: [docs/CICD_PIPELINE.md](docs/CICD_PIPELINE.md)
 
 ---
 
-## Workflow Trigger Schedule (2026-07-24)
+## OMS·WMS·ERP Commercialization Project (Phase 12)
 
-| Time (KST) | Workflow | Trigger | Purpose |
-|-----------|----------|---------|---------|
-| 00:15 | qualitative_sell_strategy.yml | cron (M-F) | Validate sell strategy before daily operations |
-| 00:30 | kis_data_collection.yml | cron (M-F) | Validate KIS API & DB pipeline before data collection |
-| Push | ci.yml | on:push (main) | Validate code on every push to main |
-| PR | ci.yml | on:pull_request | Gate PR merges with full validation suite |
-| Manual | prepare-release.yml | workflow_dispatch | Create release tag & artifact |
-| Manual | deploy-prod.yml | workflow_dispatch | Deploy release to production |
+Enterprise Order/Warehouse/ERP platform commercialization, gated by QuantEngine Phase 2 (KIS
+integration) completion in production. 18 weeks, 12 phases, 13 FTE, $371K budget, target
+launch Q4 2026. Phase 0 (Requirements & Baseline) complete 2026-07-26 — **GO** decision for
+Phase 1 (Dev Environment & CI/CD), starting 2026-08-02.
 
-**Dependencies**: 
-- Release creation (prepare-release.yml) is gated by ci.yml success (workflow_run trigger)
-- Deployment (deploy-prod.yml) is manual — only after release artifact exists
+Ground-truth specs: `spec/60_oms_wms_erp_wbs.yaml` (WBS), `spec/61_strategic_execution_framework.yaml`
+(30 principles), `spec/63_oms_wms_erp_api_openapi.yaml` (OpenAPI), `spec/64_oms_wms_erp_database_schema.sql`
+(DB schema), `spec/65_adr_001_monolithic_spa_architecture.md` (ADR), `spec/66_component_taxonomy.md`
+(component taxonomy).
 
----
-
-## OMS·WMS·ERP Commercialization Project: Strategic Execution Framework (2026-07-26)
-
-**OFFICIAL PROJECT FOUNDATION** — 30-Year Senior Architect/PM/PL/Dev/UX/QA/User Perspective
-
-**⚠️ CORRECTION (2026-07-26)**: Initial WBS was fabricated from filenames + general knowledge without reading PDFs. Post-advisor review, now **based on actual PDF specifications** (5 documents, 179 pages). All numbers, team size, budget, timelines in previous version marked DRAFT. See section below for ground-truth framework.
-
-### Phase 0 Status: COMPLETE ✅ (2026-07-26)
-
-**Phase 0 deliverables** (Requirements & Baseline):
-
-| # | Deliverable | File | Status | Content |
-|---|-------------|------|--------|---------|
-| **D1** | OpenAPI 3.0 Specification | spec/63_oms_wms_erp_api_openapi.yaml | ✅ | 30 REST endpoints (OMS/WMS/ERP), 5 roles RBAC, audit trails, reversal-based model |
-| **D2** | Architecture Decision (ADR-001) | spec/65_adr_001_monolithic_spa_architecture.md | ✅ | Monolithic SPA decision, 7-layer arch, 4-layer components, Phase 1-4 roadmap |
-| **D3** | Database Schema v1 (PostgreSQL) | spec/64_oms_wms_erp_database_schema.sql | ✅ | 11 entity tables, audit_logs, 3NF normalization, seed data, role-based access |
-| **D4** | Component Taxonomy | spec/66_component_taxonomy.md | ✅ | 65 components (4 layers), 451 Storybook stories, folder structure, test strategy |
-| **D5** | CLAUDE.md Integration | CLAUDE.md (this file) | ✅ | Phase 0 results, Phase 1-4 dev commands, component dev guide, validation checklist |
-
-**Go/No-Go Decision**: ✅ **GO** → Phase 1 (Dev Env & CI/CD) begins 2026-08-02
-
-**Phase 0 Validation Checklist** (All ✅):
-- ✅ All stakeholders reviewed and approved specifications
-- ✅ OpenAPI spec validated by backend team
-- ✅ Database schema approved by DBA
-- ✅ Component taxonomy approved by UX/design
-- ✅ 30 Strategic Principles mapped to execution
-- ✅ Risk register completed (15+ risks with mitigation)
-- ✅ Team structure confirmed (13 FTE)
-- ✅ Budget approved ($371K USD)
-
-### Strategic Vision
-
-**Objective**: Enterprise-grade Order Management (OMS) + Warehouse Management (WMS) + Enterprise Resource Planning (ERP) platform commercialization with:
-- 4-layer input components (Primitive/Typed Field/Domain Field/Business Composite)
-- 11 standard CRUD templates (fully normalized data model)
-- Vue 3 + TypeScript modern stack
-- SOLID principles, data consistency, process simplification
-- 100% test-driven, zero hallucination, full traceability
-
-**Duration**: 18 weeks (4.5 months, 12 phases)  
-**Team**: 13 FTE (PM, PL, 4 FE devs, 2 BE, 1 UX, 2 QA, 1 DevOps, 0.5 security, 0.5 docs)  
-**Budget**: $371K USD (infrastructure, tooling, salaries)  
-**Target Launch**: Q4 2026
-
-### 30 Strategic Principles (With Execution Framework)
-
-**Complete framework**: 📄 [`spec/61_strategic_execution_framework.yaml`](spec/61_strategic_execution_framework.yaml) (7,000+ lines)
-
-**30 Principles Applied**:
-
-| # | Principle | PDF Source | Success Metric |
-|---|-----------|-----------|-----------------|
-| 1 | SOLID (SRP, OCP, LSP, ISP, DIP) | Architecture spec | No circular imports, domain independent |
-| 2 | Code Refactoring (Continuous) | "bloated monoliths" warning | Component <300 lines, dependencies <5 |
-| 3 | Data Consistency (SSOT) | "화면과 서버 데이터 해석 다르지 않게" | API DTO ≠ Screen Model ≠ Domain Model |
-| 4 | Parsimony (No Gold-Plating) | Template spec precise | Feature = PDF requirement + P0/P1 tag |
-| 5 | Normalization (3NF minimum) | Schema design | No repeating groups, full normalization |
-| 6 | Denormalization (Justified) | Performance-only | <100ms proof required, TTL strategy |
-| 7 | Process Simplification | Validate before automate | Workflow reviewed by domain experts |
-| 8 | Patterns & Design | Reusable business transactions | 3+ usage → abstract into pattern |
-| 9 | Standardization (Conventions) | Consistent naming, API contracts | ESLint rules, OpenAPI validation |
-| 10 | Structuring (Layered) | 7-layer architecture spec | No higher → lower layer imports |
-| 11 | Vibes Coding (Cognitive Load) | Clear naming, minimal overhead | Readable without docs, PR comment pass |
-| 12 | Hallucination Prevention | Test-driven, ground truth | Every feature sourced, not assumed |
-| 13 | Ground Truth & Reproducibility | Deterministic inputs, traceable | Seed data versioned, audit log exported |
-| 14 | Traceability (Audit) | Complete change history | All CRUD → audit_log row, compliance 100% |
-| 15 | Reliability (Fault Tolerance) | Graceful degradation | Retry logic, clear errors, atomicity |
-| 16 | Technical Debt (Zero New) | Audit existing, prevent new | No shortcuts, debt spreadsheet tracked |
-| 17 | Componentization (Smart/Dumb) | 4-layer hierarchy | Dumb (props→events), Smart (state+API) |
-| 18 | Professional Approach | Code review, pair prog, security | 24h PR SLA, no `any` types, OWASP |
-| 19 | Type Safety (TypeScript) | Strict mode enabled | `tsc --noEmit` 0 errors |
-| 20 | Accessibility (WCAG 2.1) | Label+ARIA+keyboard+color | axe-core 95+ score, AA contrast |
-| 21 | Internationalization (i18n) | Korean, English, Japanese | Externalized strings, locale-aware format |
-| 22 | Performance | Response P95 <250ms | Load test, bundle <500KB, Lighthouse |
-| 23 | Security (OWASP) | Input validation, XSS, CSRF | Server-side + client-side redundant |
-| 24 | Error Handling (User-Centric) | Clear business language | "Quantity exceeds stock" not "constraint violation" |
-| 25 | API Consistency (REST) | GET/POST/PUT/PATCH/DELETE | 200/400/401/403/404/500 standard codes |
-| 26 | Testing Pyramid (50/30/20) | Unit/Integration/E2E | 70%+ coverage, critical path 100% |
-| 27 | Deployment Pipeline (CI/CD) | Automated lint→test→deploy | Blue-green, rollback <5min, monitoring |
-| 28 | Documentation (Durable) | ADRs, OpenAPI, Storybook, Wiki | Auto-generated, never stale, version-controlled |
-| 29 | Team Discipline (Enforcement) | Code review, commit standards | ESLint checklist, squash merge, ownership |
-| 30 | Continuous Improvement (Iteration) | Weekly retrospectives, quarterly audit | Metrics tracked, debt reviewed, learning documented |
-
-**All principles integrated into phased execution**, with specific phase gates and verification checkpoints.
-
-### Phase Breakdown (12 Phases)
-
-| Phase | Goal | Effort | Key Deliverables | Exit Criteria |
-|-------|------|--------|------------------|---------------|
-| **0** | Requirements & Baseline | 2wks | ✅ FRD, OpenAPI, wireframes, risk register | ✅ Stakeholder sign-off |
-| **1** | Dev Environment & CI/CD | 2wks | Vite project, Storybook, GitHub Actions, DB migrations | All devs local setup ✓ |
-| **2** | Primitive & Composite Layers | 2wks | 30 components, Storybook docs, 70%+ test coverage | WCAG 2.1 AA audit ✓ |
-| **3** | Smart Components & State | 2wks | 12 domain components, Pinia stores, API client | Integration tests ✓ |
-| **4** | CRUD Templates & E2E | 2wks | 11 full CRUD screens, 116 E2E tests, responsive design | All screens tested ✓ |
-| **5** | Design System & npm | 1wk | npm package @quantengine/ui, Storybook deployment | npm install works ✓ |
-| **6** | Authorization & Security | 1wk | RBAC (5 roles, 50 perms), audit trails, OWASP validation | Zero critical vulns ✓ |
-| **7** | Performance Optimization | 1wk | Lighthouse 90+, bundle <500KB, P95 <250ms | Performance budgets met ✓ |
-| **8** | UAT & Load Testing | 1wk | 20 users × 2wks UAT, load test 100 concurrent users | UAT sign-off, no P1 bugs ✓ |
-| **9** | Production Deployment | 1wk | Blue-green deployment, monitoring (Sentry), health checks | 99.9% uptime, rollback <5min ✓ |
-| **10** | Stabilization & Hotfixes | 2wks | Bug triage, performance tuning, user feedback | Error rate <0.5%, NPS >70 ✓ |
-| **11** | Documentation & Handover | 1wk | Wiki, training materials, ops runbooks, knowledge transfer | All docs reviewed ✓ |
-
----
-
-## OMS·WMS·ERP Development (Phase 1-4)
-
-### Phase 1: Dev Environment & CI/CD Setup (Week 1-2)
-
-**Deliverables**: Vite SPA scaffold, Storybook 7.0, ESLint + Prettier, GitHub Actions CI
-
-#### Step 1: Project Initialization
-```powershell
-# Create Vite + Vue 3 + TypeScript project
-npm create vite@latest oms-wms-erp -- --template vue-ts
-cd oms-wms-erp
-
-# Install dependencies
-npm install
-
-# Install dev dependencies
-npm install -D @storybook/vue3 @storybook/addon-essentials \
-  @storybook/addon-a11y @storybook/addon-viewport \
-  vite storybook @vitejs/plugin-vue typescript
-
-# Install UI framework & tools
-npm install tailwindcss postcss autoprefixer axios pinia vue-router \
-  @vueuse/core zod vitest @testing-library/vue @testing-library/user-event
-
-# Install ESLint & Prettier
-npm install -D eslint prettier eslint-config-prettier \
-  @typescript-eslint/eslint-plugin @typescript-eslint/parser \
-  eslint-plugin-vue
-```
-
-#### Step 2: Storybook Setup
-```powershell
-# Initialize Storybook
-npx sb init --type vue3 --package-manager npm
-
-# Configure Storybook for Tabler UI theme
-# File: .storybook/preview.ts
-# Add Tabler CSS: https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/css/tabler.min.css
-```
-
-#### Step 3: Folder Structure
-```powershell
-# Create component directory structure
-mkdir -p src/components/primitives
-mkdir -p src/components/fields/typed
-mkdir -p src/components/fields/domain
-mkdir -p src/components/composites
-mkdir -p src/stores/modules
-mkdir -p src/services/api
-mkdir -p src/types
-mkdir -p tests/unit
-mkdir -p tests/e2e
-```
-
-#### Step 4: ESLint Configuration
-```powershell
-# File: .eslintrc.cjs
-# Extends: @typescript-eslint/recommended, plugin:vue/vue3-recommended
-# Rules: no-console (dev only), no-any, no-implicit-any
-```
-
-**Exit Criteria**:
-- ✅ `npm install` succeeds (no peer dependency warnings)
-- ✅ `npm run dev` starts Vite dev server on localhost:5173
-- ✅ `npm run storybook` starts Storybook on localhost:6006
-- ✅ `npm run lint` passes with 0 errors
-- ✅ All 4 devs can build locally
-
----
-
-### Phase 2: Primitive Components (Week 3-4)
-
-**Deliverables**: 30 Primitive components, 180 Storybook stories, unit tests 70%+, WCAG 2.1 AA audit
-
-#### Step 1: Component Development (Iterative)
-```powershell
-# Create ButtonBase component
-# File: src/components/primitives/Button/ButtonBase.vue
-cat > src/components/primitives/Button/ButtonBase.vue << 'EOF'
-<template>
-  <button
-    :class="['btn', `btn-${variant}`, `btn-${size}`, { disabled }]"
-    :disabled="disabled || loading"
-    @click="$emit('click')"
-  >
-    <span v-if="loading" class="spinner-border spinner-border-sm me-2"></span>
-    <slot />
-  </button>
-</template>
-
-<script setup lang="ts">
-interface Props {
-  variant?: 'primary' | 'secondary' | 'danger';
-  size?: 'sm' | 'md' | 'lg';
-  disabled?: boolean;
-  loading?: boolean;
-}
-
-withDefaults(defineProps<Props>(), {
-  variant: 'primary',
-  size: 'md',
-  disabled: false,
-  loading: false,
-});
-
-defineEmits<{
-  click: [];
-}>();
-</script>
-
-<style scoped>
-.btn {
-  border-radius: 6px;
-  font-weight: 500;
-  transition: all 0.2s;
-}
-.btn:focus {
-  outline: 2px solid #0d6efd;
-  outline-offset: 2px;
-}
-</style>
-EOF
-
-# Create Storybook stories
-# File: src/components/primitives/Button/ButtonBase.stories.ts
-# Export: Default, Primary, Secondary, Loading, Disabled, etc.
-
-# Create unit tests
-# File: src/components/primitives/Button/ButtonBase.spec.ts
-# Tests: Click event, disabled state, loading spinner, keyboard focus
-npm run test:unit
-```
-
-#### Step 2: Accessibility Audit
-```powershell
-# Install axe-core addon (already in setup)
-# Run Storybook: npm run storybook
-# Open Accessibility tab in Storybook
-# Target: 95+ axe score, 0 violations
-```
-
-#### Step 3: Design System Documentation
-```powershell
-# Create design tokens
-# File: src/styles/tokens.scss
-# Includes: Colors (Tabler palette), Typography, Spacing (8px grid), Shadows
-
-# Publish Storybook
-npm run build-storybook
-# Deploy to GitHub Pages or Chromatic
-```
-
-**Exit Criteria**:
-- ✅ All 30 Primitives built (Button, Input, Select, Table, Card, Badge, etc.)
-- ✅ 180 Storybook stories published
-- ✅ 70%+ unit test coverage (vitest)
-- ✅ axe-core 95+ (WCAG 2.1 AA)
-- ✅ All PRs include design tokens + Storybook links
-
----
-
-### Phase 3: Typed Fields & Pinia State (Week 5-6)
-
-**Deliverables**: 12 Typed Fields, 12 Domain Fields, Pinia stores, API client, 150 integration tests
-
-#### Step 1: Typed Field Components
-```powershell
-# Example: TextField
-# File: src/components/fields/typed/TextField/TextField.vue
-cat > src/components/fields/typed/TextField/TextField.vue << 'EOF'
-<template>
-  <div class="form-group">
-    <label v-if="label" :for="`field-${id}`" class="form-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <input
-      :id="`field-${id}`"
-      :value="modelValue"
-      :type="type"
-      :placeholder="placeholder"
-      :disabled="disabled"
-      :class="['form-control', { 'is-invalid': errorMessage }]"
-      :aria-describedby="errorMessage ? `error-${id}` : helpText ? `help-${id}` : undefined"
-      @input="$emit('update:modelValue', ($event.target as HTMLInputElement).value)"
-      @blur="$emit('blur')"
-    />
-    <small v-if="helpText" :id="`help-${id}`" class="form-text text-muted">
-      {{ helpText }}
-    </small>
-    <div v-if="errorMessage" :id="`error-${id}`" class="invalid-feedback d-block">
-      {{ errorMessage }}
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-
-interface Props {
-  modelValue: string;
-  label?: string;
-  type?: 'text' | 'email' | 'password' | 'url' | 'number';
-  placeholder?: string;
-  disabled?: boolean;
-  required?: boolean;
-  helpText?: string;
-  errorMessage?: string;
-  validation?: (value: string) => string | null;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  type: 'text',
-});
-
-const id = ref(`field-${Math.random().toString(36).slice(2, 11)}`);
-
-defineEmits<{
-  'update:modelValue': [value: string];
-  blur: [];
-}>();
-</script>
-
-<style scoped>
-.form-group {
-  margin-bottom: 1rem;
-}
-.form-label {
-  font-weight: 500;
-  margin-bottom: 0.5rem;
-}
-</style>
-EOF
-
-# Repeat for 11 more: DateField, CurrencyField, QuantityField, etc.
-```
-
-#### Step 2: Pinia Store Setup
-```powershell
-# File: src/stores/modules/orders.ts
-cat > src/stores/modules/orders.ts << 'EOF'
-import { defineStore } from 'pinia';
-import { ref, computed } from 'vue';
-import type { Order, OrderLine } from '@/types/models';
-import { orderApi } from '@/services/api/orderApi';
-
-export const useOrderStore = defineStore('orders', () => {
-  // State
-  const orders = ref<Order[]>([]);
-  const selectedOrder = ref<Order | null>(null);
-  const loading = ref(false);
-  const error = ref<string | null>(null);
-
-  // Computed
-  const orderCount = computed(() => orders.value.length);
-  const totalAmount = computed(() =>
-    orders.value.reduce((sum, o) => sum + o.totalAmount, 0)
-  );
-
-  // Actions
-  const fetchOrders = async () => {
-    loading.value = true;
-    error.value = null;
-    try {
-      orders.value = await orderApi.listOrders({ limit: 100 });
-    } catch (err) {
-      error.value = (err as Error).message;
-    } finally {
-      loading.value = false;
-    }
-  };
-
-  const createOrder = async (payload: Partial<Order>) => {
-    loading.value = true;
-    try {
-      const newOrder = await orderApi.createOrder(payload);
-      orders.value.push(newOrder);
-      selectedOrder.value = newOrder;
-      return newOrder;
-    } finally {
-      loading.value = false;
-    }
-  };
-
-  return {
-    orders,
-    selectedOrder,
-    loading,
-    error,
-    orderCount,
-    totalAmount,
-    fetchOrders,
-    createOrder,
-  };
-});
-EOF
-
-# Repeat for 9 more stores: inventory, products, customers, suppliers, etc.
-```
-
-#### Step 3: OpenAPI Client Generation
-```powershell
-# Install OpenAPI generator
-npm install -D @openapi-generator/cli
-
-# Generate TypeScript client from spec/63_oms_wms_erp_api_openapi.yaml
-npx @openapi-generator/cli generate \
-  -i spec/63_oms_wms_erp_api_openapi.yaml \
-  -g typescript-axios \
-  -o src/services/api/generated
-
-# Update service files
-# File: src/services/api/orderApi.ts
-# Re-export and wrap generated client
-```
-
-**Exit Criteria**:
-- ✅ 12 Typed Fields built (TextField, DateField, CurrencyField, etc.)
-- ✅ 12 Domain Fields built (OrderLineField, ProductField, etc.)
-- ✅ 10 Pinia stores created (orders, inventory, products, etc.)
-- ✅ API client auto-generated from OpenAPI spec
-- ✅ 150 integration tests passing (vitest + MSW mocks)
-
----
-
-### Phase 4: CRUD Templates & E2E Tests (Week 7-8)
-
-**Deliverables**: 11 full CRUD components, 116 E2E tests, responsive design, Lighthouse 90+
-
-#### Step 1: OrderForm CRUD
-```powershell
-# File: src/components/composites/Order/OrderForm.vue
-# Handles: Create (empty) / Edit (load from API) / Delete (soft delete)
-# Features:
-#   - Customer lookup (SearchField)
-#   - Line editor (add/edit/remove OrderLineField)
-#   - Auto-calculate totals
-#   - Validation (min 1 line, customer required)
-#   - Approval workflow (if > 1M KRW)
-
-# File: src/views/Order/OrderCreatePage.vue
-# Routes to: /admin/orders/new (pre-filled form)
-
-# File: src/views/Order/OrderListPage.vue
-# Features: Table, pagination, search, filters (status, date), bulk actions
-```
-
-#### Step 2: E2E Tests (Playwright)
-```powershell
-# Install Playwright
-npm install -D @playwright/test
-
-# File: tests/e2e/order-crud.spec.ts
-cat > tests/e2e/order-crud.spec.ts << 'EOF'
-import { test, expect } from '@playwright/test';
-
-test.describe('Order CRUD', () => {
-  test('Create → Read → Edit → Delete', async ({ page }) => {
-    // 1. Login
-    await page.goto('/');
-    await page.fill('[name="email"]', 'user@example.com');
-    await page.fill('[name="password"]', 'password123!');
-    await page.click('button[type="submit"]');
-    await expect(page).toHaveURL('/admin/dashboard');
-
-    // 2. Create order
-    await page.click('a[href="/admin/orders"]');
-    await page.click('button:text("Create Order")');
-    await page.selectOption('[name="customerId"]', 'CUST-001');
-    await page.fill('[name="quantity"]', '100');
-    await page.click('button:text("Submit")');
-    
-    // 3. Verify created
-    const orderNo = await page.locator('h1').textContent();
-    expect(orderNo).toMatch(/ORD-\d+/);
-
-    // 4. Edit
-    await page.click('button:text("Edit")');
-    await page.fill('[name="quantity"]', '150');
-    await page.click('button:text("Save")');
-
-    // 5. Delete
-    await page.click('button:text("Delete")');
-    await page.click('button:text("Confirm")');
-    await expect(page).toHaveURL('/admin/orders');
-  });
-});
-EOF
-
-npm run test:e2e
-```
-
-#### Step 3: Performance Optimization
-```powershell
-# Measure Lighthouse score
-npm run build  # Build for production
-npx lighthouse http://localhost:5173/admin/orders \
-  --view --output-path=lighthouse-report.html
-
-# Target: 90+ score
-# Actions:
-#   - Code split at route level
-#   - Lazy-load Tabler components
-#   - Tree-shake unused code
-#   - Gzip + Brotli compression
-```
-
-**Exit Criteria**:
-- ✅ 11 full CRUD components built (Order, Inventory, Product, Customer, etc.)
-- ✅ 116 E2E tests passing (11 entities × 10-15 scenarios each)
-- ✅ Responsive design verified (mobile, tablet, desktop)
-- ✅ Lighthouse 90+ (all pages)
-- ✅ Bundle <500KB (gzip, main chunk)
-- ✅ Ready for Phase 5 (Design System & npm package)
-
----
-
-### Component Development Guide
-
-#### Rules (Principle 1-30 Applied)
-
-1. **Single Responsibility**: Each component does one thing well
-   - Primitives: UI only, no logic
-   - Typed Fields: Validation + formatting
-   - Domain Fields: Business rules + lookups
-   - Composites: Workflows + state
-
-2. **Props & Events** (Principle 11: Vibes Coding)
-   ```typescript
-   interface Props {
-     modelValue: T;
-     label?: string;
-     disabled?: boolean;
-     errorMessage?: string;
-   }
-
-   defineEmits<{
-     'update:modelValue': [value: T];
-     blur: [];
-   }>();
-   ```
-
-3. **Type Safety** (Principle 19)
-   - No `any` types
-   - `tsc --noEmit` must pass
-   - TypeScript strict mode: ON
-
-4. **Accessibility** (Principle 20)
-   - All inputs: `<label>`, `aria-describedby`
-   - Buttons: `aria-label` (if icon-only)
-   - Tables: `scope`, `aria-sort`
-   - Test with axe-core
-
-5. **Testing** (Principle 26)
-   ```powershell
-   # Unit: Test props, events, validation
-   npm run test:unit
-
-   # Integration: Test field chains, API mocks
-   npm run test:integration
-
-   # E2E: Test workflows end-to-end
-   npm run test:e2e
-   ```
-
-6. **Documentation**
-   - Storybook stories: 5+ per component
-   - Docstrings: Brief, explain WHY (not WHAT)
-   - PR template: Links to Storybook + test coverage
-
-#### Folder Template
-```
-src/components/primitives/Button/
-├── ButtonBase.vue         # Component
-├── ButtonBase.stories.ts  # 12+ stories
-├── ButtonBase.spec.ts     # Unit tests
-├── types.ts               # Props/Emits types
-└── README.md              # Optional doc
-```
-
----
-
-## Phase 1 Go/No-Go Validation Checklist
-
-**Before Phase 1 starts (2026-08-02)**:
-
-- [ ] Vite scaffold created with TypeScript strict mode
-- [ ] Storybook 7.0 configured with Tabler theme
-- [ ] ESLint + Prettier config committed
-- [ ] GitHub Actions CI/CD pipeline setup (lint → test → build)
-- [ ] Initial 5 Primitive components created (Button, Input, Select, Table, Card)
-- [ ] Pinia store structure planned (orders, inventory, products, etc.)
-- [ ] OpenAPI spec reviewed by backend team
-- [ ] Database schema approved by DBA
-- [ ] All 13 team members have local dev environment working
-- [ ] Design system Figma library approved by UX
-- [ ] First Storybook deployment successful
-- [ ] CI/CD pipeline can build + deploy Storybook
-- [ ] Stakeholders agree on Phase 1-4 timeline (8 weeks)
-
-**Decision**:
-- ✅ **GO**: All checklist items green → Start Phase 1
-- ❌ **NO-GO**: Any blocker → Address and re-check
-
-### Quantified Success Metrics
-
-**Quality Indicators**:
-- ✅ Test Coverage: 70%+ (Vitest)
-- ✅ TypeScript Strict: 100% (no `any`, no implicit `unknown`)
-- ✅ Accessibility: WCAG 2.1 AA minimum
-- ✅ Bundle Size: <500KB (gzip, main chunk)
-- ✅ Lighthouse Score: 90+ (desktop & mobile)
-- ✅ Uptime: 99.9% (SLA)
-- ✅ Response Time: P95 <250ms
-- ✅ Error Rate: <0.5%
-
-**Process Indicators**:
-- ✅ Story Point Completion: 90%+ per sprint
-- ✅ Code Review Approval: 100%
-- ✅ Automated Tests: 50 E2E scenarios
-- ✅ Deployment Time: <30min (zero-downtime)
-- ✅ Documentation: 100% coverage
-
-**Business Outcomes**:
-- ✅ Developer Productivity: +30% (vs baseline)
-- ✅ Ops Cost: -40% (automation & monitoring)
-- ✅ Defects: -80% (test automation)
-- ✅ User Satisfaction (NPS): 70+
-- ✅ ROI: 1:3 payback (within 4 months)
-
-### Risk Matrix (Top 3)
-
-| Risk | Probability | Impact | Mitigation |
-|------|------------|--------|-----------|
-| Requirement Creep | HIGH (80%) | HIGH | Fix scope per phase, Phase 12+ backlog |
-| Production Outage | LOW (5%) | CRITICAL | Blue-green, auto-rollback, RTO <5min |
-| Data Loss | VERY LOW (1%) | CRITICAL | Automated backup/restore testing |
-
-### Team & Budget
-
-**Composition**:
-- PM (Product Manager): 1 FTE
-- PL (Technical Lead/Architect): 1 FTE
-- Frontend Developers: 4 FTE (1 lead + 3 junior)
-- Backend Developers: 2 FTE (.NET dedicated)
-- UX/UI Designer: 1 FTE
-- QA Engineers: 2 FTE (1 automation + 1 manual)
-- DevOps/SRE: 1 FTE
-- Security Specialist: 0.5 FTE (consultant)
-- Technical Writer: 0.5 FTE
-
-**Estimated Costs** (8 months):
-- Payroll: $360K (avg $2.7K/person/month × 13 × 8)
-- Infrastructure: $4K (AWS, PostgreSQL, CDN)
-- Tools & Licenses: $4K (Sentry, DataDog, BrowserStack, Chromatic)
-- **Total Budget**: $371K
-
-**Expected ROI**:
-- 30% productivity improvement (component reuse, automation)
-- 40% ops cost reduction (monitoring, incident auto-response)
-- 80% defect reduction (test coverage)
-- **Payback Period**: 4 months
-
-### Immediate Actions (Week 1-2, Phase 0)
-
-**Tasks**:
-1. T0.1: Stakeholder requirements (3 days) → FRD
-2. T0.2: Architecture decision (4 days) → Monolithic SPA confirmed
-3. T0.3: 4-Layer component design (5 days) → Figma library
-4. T0.4: 11 CRUD template inventory (4 days) → Template matrix
-5. T0.5: API OpenAPI 3.0 (5 days) → 30 endpoints spec
-6. T0.6: UI/UX wireframes (5 days) → High-fidelity mockups
-7. T0.7: Risk register (2 days) → 15+ risks with mitigations
-
-### Detailed WBS Document
-
-**Complete work breakdown with all tasks, effort estimates, deliverables, and acceptance criteria:**
-
-📄 **[spec/60_oms_wms_erp_wbs.yaml](spec/60_oms_wms_erp_wbs.yaml)** (1,600 lines)
-
-**Contents**:
-- 12 phases with detailed task breakdowns
-- Effort estimates (person-days per task)
-- Deliverables checklist
-- QA checkpoints and acceptance criteria
-- Risk mitigation strategies
-- Weekly retrospectives process
-- Post-project knowledge transfer plan
-
-### Phase 0 Exit Checklist (GO/NO-GO Decision)
-
-- [ ] FRD (Functional Requirements Document) signed by all stakeholders
-- [ ] OpenAPI 3.0 specification: 30 endpoints documented
-- [ ] Figma wireframes: 80%+ completion
-- [ ] 4-layer component architecture: Layer 1-4 defined
-- [ ] 11 CRUD templates: Business rules documented
-- [ ] Risk register: 15+ identified with mitigation plans
-- [ ] Architecture decision documented (ADR-001)
-- [ ] **Decision**: GO/NO-GO for Phase 1
-
-### Alignment with QuantEngine Phases
-
-This OMS·WMS·ERP WBS represents **Phase 12 of QuantEngine commercialization**:
-
-- ✅ Phase 1 (Web UI Migration): Complete ✓ 2026-07-11
-- ✅ Phase 2 (KIS Data Collection): 95% complete ✓ 2026-07-24
-- ✅ Phase 4 (CI/CD Pipeline): 80% complete ✓ 2026-07-24
-- ✅ Phase 5 (Admin UI & Deployment): Complete ✓ 2026-07-11
-- 🆕 **Phase 12 (OMS·WMS·ERP Commercialization): START 2026-08-01**
-
-**Constraint**: OMS·WMS·ERP development is **gated by QuantEngine Phase 2 completion** (KIS API integration). Phase 12 can begin only after Phase 2 validation in production.
+Full 30-principle framework, 12-phase breakdown, Phase 1-4 dev guide (Vite/Storybook setup,
+component code templates, Pinia stores, Playwright E2E), team/budget/risk detail, Phase 1
+Go/No-Go checklist: [docs/OMS_WMS_ERP_PLAYBOOK.md](docs/OMS_WMS_ERP_PLAYBOOK.md)
diff --git a/docs/API_REFERENCE.md b/docs/API_REFERENCE.md
new file mode 100644
index 00000000..a7a9eea5
--- /dev/null
+++ b/docs/API_REFERENCE.md
@@ -0,0 +1,53 @@
+# QuantEngine API Reference
+
+Full API endpoint tables, extracted from CLAUDE.md (2026-07-30) to keep the main file within
+the character budget.
+
+## Workspace & History (Phase 1)
+All endpoints prefixed with `/api/`:
+
+| Route | Purpose |
+|-------|---------|
+| `GET /state` | Full UI state snapshot |
+| `GET /tables` | Browsable tables list |
+| `GET /table-rows` | Paginated rows |
+| `POST /settings/save` | Save settings |
+| `POST /account-snapshot/save` | Save snapshots |
+| `POST /bootstrap` | Seed DB from JSON |
+| `POST /account-snapshot/import-tsv` | Import TSV |
+| `POST /autofix` | Auto-correct data |
+
+## Collection Pipeline (Phase 2)
+| Route | Purpose |
+|-------|---------|
+| `GET /collection/state` | Dashboard summary (runs, snapshots, errors) |
+| `GET /collection/runs` | Recent collection runs (paginated) |
+| `GET /collection/runs/{runId}/snapshots` | Snapshots from a run |
+| `GET /collection/runs/{runId}/errors` | Errors from a run |
+| `GET /collection/latest/{ticker}` | Latest snapshots for ticker |
+| `POST /collection/run` | Start new collection run (async) |
+
+## Collection Run Status Values
+| Status | Meaning | UI Badge | Transitions |
+|--------|---------|----------|------------|
+| `running` | Collection in progress | <span class="badge bg-warning">진행 중</span> | → completed or failed |
+| `completed` | Collection finished (may have errors) | <span class="badge bg-success">완료</span> | (final) |
+| `failed` | Collection crashed/aborted | <span class="badge bg-danger">실패</span> | (final) |
+| `pending` | Queued, not yet started | <span class="badge bg-secondary">대기 중</span> | → running |
+
+## Collection Run Success Criteria
+**Success** is defined as:
+- Status = `completed` (not `failed`)
+- `TotalSnapshots > 0` (at least one snapshot captured)
+- `TotalErrors == 0` OR `TotalErrors < TotalSnapshots * 0.1` (error rate < 10%)
+
+**Partial Success** (warning state):
+- Status = `completed`
+- `TotalSnapshots > 0` (some data captured)
+- `TotalErrors > 0` (has errors, but not total loss)
+
+**Failure**:
+- Status = `failed` OR
+- Status = `completed` + `TotalSnapshots == 0` (no data captured)
+
+UI: `Pages/Admin/Collection/Index.cshtml` — status 값에 따라 배지 색상 결정, 향후 TotalSnapshots/TotalErrors로 상세 상태 표시
diff --git a/docs/CICD_PIPELINE.md b/docs/CICD_PIPELINE.md
new file mode 100644
index 00000000..4637d97b
--- /dev/null
+++ b/docs/CICD_PIPELINE.md
@@ -0,0 +1,107 @@
+# QuantEngine CI/CD Pipeline Structure
+
+Full Gitea Actions workflow structure, extracted from CLAUDE.md (2026-07-30) to keep the main
+file within the character budget.
+
+## Workflow Architecture Refactoring (2026-07-24)
+
+**2026-07-24 refactoring**: Single-job ci.yml (30+ steps, ~40min runtime) → **9-job parallel pipeline** (~15-20min runtime).
+
+## CI Pipeline Jobs (ci.yml)
+
+| Job | Dependencies | Purpose | Parallelizable |
+|-----|--------------|---------|---|
+| **core** | — | CRITICAL: .NET tests, API trading gate, KIS creds, DB migrations | ✗ (blocks others) |
+| **wbs-audit** | core | WBS validation, platform migration, coverage audits | ✓ |
+| **dotnet-contracts** | core | .NET parity, provenance, scheduler, normalization contracts | ✓ |
+| **ui-storage** | — | Admin UI, storage backend, integration tests | ✓ |
+| **database-schema** | — | DB pipeline, PostgreSQL schema, history contracts | ✓ |
+| **calibration-pipeline** | core | Calibration priority, change ledger, qualitative sell strategy | ✓ |
+| **operational-reporting** | calibration | Decision packet, operational report, performance metrics | ✗ (depends on calibration) |
+| **security-validation** | — | Secrets contract, workflow validation | ✓ |
+| **workflow-lint** | — | CI workflow structure, secrets contract | ✓ |
+| **notify-results** | ALL | PR notification with job status summary | — |
+
+**Dependency Graph**:
+```
+core ─┬─> wbs-audit ─────────────────────┐
+      ├─> dotnet-contracts ─────────────┤
+      └─> calibration-pipeline ────────┤
+              └─> operational-reporting ─┤
+                                         └─> notify-results
+ui-storage ────────────────────────────────┘
+database-schema ──────────────────────────┘
+security-validation ───────────────────────┘
+workflow-lint ─────────────────────────────┘
+```
+
+## Other Workflow Files
+
+| File | Trigger | Purpose | Status |
+|------|---------|---------|--------|
+| **kis_data_collection.yml** | cron (00:30 KST M-F) + dispatch | Validate KIS credentials & PostgreSQL pipeline | ✓ 2026-07-24 |
+| **qualitative_sell_strategy.yml** | cron (00:15 KST M-F) + push + dispatch | Validate sell strategy pipeline & store | ✓ 2026-07-24 |
+| **ci_lint.yml** | push (.gitea/workflows/) + dispatch | Lint all workflow files, validate job dependencies, secrets contract | ✓ 2026-07-24 |
+| **snapshot_admin.yml** | push (snapshot_admin_*) + dispatch | Validate snapshot admin workflow & UI (2 jobs) | ✓ 2026-07-24 |
+| **ci-frontend.yml** | push (main/master/feature/**) + PR | 8-step `src/frontend/` pipeline: install, typecheck, import-boundary lint, unit test, enterprise CRUD contract parity, Vite build, Playwright E2E, npm audit | ✓ (undocumented until 2026-07-30) |
+| **t20_ledger.yml** | cron (17:00 KST M-F) + dispatch | Build `tools/build_operational_t20_outcome_ledger_v1.py` daily T+20 outcome ledger | ✓ (undocumented until 2026-07-30) |
+| **prepare-release.yml** | workflow_run (ci.yml success) + dispatch | Build, tag, create Gitea Release with artifact + checksums | — |
+| **deploy-prod.yml** | dispatch | Deploy release, run health checks, report status (3 jobs) | — |
+
+**Note (2026-07-30)**: An earlier version of this table claimed `ci_lint.yml` had been renamed to
+`workflow_lint.yml`. That rename was never actually carried out — the file on disk is still
+`ci_lint.yml`. Corrected here after direct verification against `.gitea/workflows/`.
+
+## Performance Improvements (2026-07-24)
+
+**ci.yml refactoring results**:
+- **Before**: 1 job, 30+ sequential steps, ~40min runtime
+- **After**: 9 jobs, 7 in parallel, ~15-20min total runtime
+- **Speedup**: ~2-2.5x faster CI feedback (core branch blocks only downstream, others parallel)
+- **Fault isolation**: Single validation failure no longer blocks unrelated checks
+
+**Key changes**:
+1. **Setup consolidation**: Database migrations, Python, .NET setup in `core` job only
+2. **Parallel validation groups**: 7 jobs run independently from core (ui-storage, database-schema, security-validation, workflow-lint, etc.)
+3. **Dependency clarity**: `needs:` explicitly defines blocking relationships
+4. **Error reporting**: `notify-results` summarizes all 9 job statuses in PR comment
+
+## Workflow Maintenance Checklist
+
+When modifying workflows (.gitea/workflows/*.yml):
+
+1. ✅ Update `ci_lint.yml` if adding new triggers or job dependencies
+2. ✅ Test locally with `python3 tools/validate_gitea_ci_workflow_lint_v1.py`
+3. ✅ Verify all `needs:` references point to existing jobs
+4. ✅ Document new jobs in this section above
+5. ✅ Validate YAML syntax: `python3 -m yaml < .gitea/workflows/new.yml`
+6. ✅ Ensure no hardcoded secrets in workflow files (env vars only)
+
+## Troubleshooting Workflows
+
+**Symptom**: CI job timeout
+- **Check**: Does your job need PostgreSQL? Only `core` provides it; others must be independent.
+- **Fix**: Add `services: postgres:` block or restructure to parallel-safe job.
+
+**Symptom**: Cascading failure (multiple jobs fail)
+- **Check**: Does your job have missing dependencies? Review `needs:` and dependency graph above.
+- **Fix**: Add explicit `needs: [job_name]` if job depends on another's output.
+
+**Symptom**: "job not found" error in notify-results
+- **Check**: Job name typo in `notify-results.needs` list.
+- **Fix**: Match job name exactly (case-sensitive).
+
+## Workflow Trigger Schedule (2026-07-24)
+
+| Time (KST) | Workflow | Trigger | Purpose |
+|-----------|----------|---------|---------|
+| 00:15 | qualitative_sell_strategy.yml | cron (M-F) | Validate sell strategy before daily operations |
+| 00:30 | kis_data_collection.yml | cron (M-F) | Validate KIS API & DB pipeline before data collection |
+| Push | ci.yml | on:push (main) | Validate code on every push to main |
+| PR | ci.yml | on:pull_request | Gate PR merges with full validation suite |
+| Manual | prepare-release.yml | workflow_dispatch | Create release tag & artifact |
+| Manual | deploy-prod.yml | workflow_dispatch | Deploy release to production |
+
+**Dependencies**:
+- Release creation (prepare-release.yml) is gated by ci.yml success (workflow_run trigger)
+- Deployment (deploy-prod.yml) is manual — only after release artifact exists
diff --git a/docs/DEPLOYMENT_RUNBOOK.md b/docs/DEPLOYMENT_RUNBOOK.md
new file mode 100644
index 00000000..57d04a09
--- /dev/null
+++ b/docs/DEPLOYMENT_RUNBOOK.md
@@ -0,0 +1,337 @@
+# QuantEngine Deployment Runbook
+
+Full deployment procedure, extracted from CLAUDE.md (2026-07-30) to keep the main file within
+the character budget. CLAUDE.md keeps the CRITICAL rules (CI/CD-only mandate, DB secret
+management); this file has the complete step-by-step runbook.
+
+**Production Server**: Hetzner Cloud `178.104.200.7` (kjh2064@178.104.200.7)
+
+Projects on server:
+1. **TaxBaik** (홈페이지) — Nginx location `/taxbaik`
+2. **QuantEngine** (데이터 수집/분석) — Nginx location `/quantengine`
+
+## ⚠️ CRITICAL: CI/CD-Only Deployment Mandate
+
+**Rule**: ALL production deployments MUST go through Gitea Actions CI/CD. Manual SSH deployments are **FORBIDDEN**.
+
+**Why**:
+- Automatic validation (build, health checks, version verification)
+- Audit trail (all deployments logged in Gitea Actions)
+- Consistent process (no manual errors)
+- Rollback safety (deployment history retained)
+- Release traceability (version control via git tags)
+
+## ⚠️ CRITICAL: DB Secret Management (Incident 2026-07-12)
+
+**Incident**: `quant.taxbaik.com/login`이 `28P01 password authentication failed`로 장애 발생.
+원인: `appsettings.Production.json`에 하드코딩되어 배포된 DB 비밀번호가, 실제 DB 비밀번호가
+로테이션된 이후에도 계속 옛날 값(심지어 이전 세션에서 검증 없이 넣은 placeholder였던 적도 있음)
+그대로 배포되고 있었음.
+
+**Rule**: **DB 접속 문자열(`ConnectionStrings`)은 절대 `appsettings.Production.json`이나
+워크플로우 파일에 하드코딩하지 않는다.** `prepare-release.yml`이 생성하는
+`appsettings.Production.json`에는 `Logging` 설정만 있고 `ConnectionStrings`는 없다 —
+이는 의도된 설계다 (Gitea Release는 누구나 다운로드 가능한 아티팩트이므로 시크릿을
+담으면 안 됨).
+
+**실제 DB 비밀번호의 출처**: 프로덕션 서버의 `/home/kjh2064/.config/quantengine.env`
+파일 (`ConnectionStrings__DefaultConnection=...` 형식) 하나뿐이며,
+`quantengine.service.d/env.conf` drop-in의 `EnvironmentFile=` 지시자로 systemd가
+이 값을 환경변수로 주입한다. ASP.NET Core 설정 우선순위상 **환경변수가
+`appsettings.Production.json`을 오버라이드**하므로, 배포되는 아티팩트 자체에는
+DB 정보가 없어도 서비스는 정상 동작한다.
+
+**DB 비밀번호가 바뀌면** (로테이션 등): `/home/kjh2064/.config/quantengine.env` 파일만
+갱신하고 `sudo systemctl restart quantengine`. 워크플로우 파일이나 Gitea Secrets는
+건드릴 필요 없음 (배포 파이프라인은 DB 비밀번호를 모른 채로 동작해야 정상).
+
+**배포 전 체크리스트에 추가**:
+- ✅ 새 릴리즈 배포 후 반드시 `/Account/Login` 실제 HTTP 응답 + `journalctl -u quantengine`에서
+  `28P01`/`password authentication failed` 부재 확인 (단순 프로세스 `active` 상태만으로는
+  DB 연결 실패를 못 잡음 — ASP.NET Core는 DB 없이도 기동은 되고 로그인 요청 시점에야 실패함)
+- ✅ `.config/quantengine.env`의 존재와 `quantengine.service.d/env.conf`의
+  `EnvironmentFile=` 배선이 서버에 유지되고 있는지 (systemd unit 자체를 재생성/덮어쓰는
+  배포 방식으로 전환할 경우 이 drop-in이 날아가지 않는지 확인 필요)
+
+## Production Deployment Strategy (Release-Based)
+
+**Architecture**: Two-Workflow System (Release Creation → Deployment)
+
+### Workflow 1: prepare-release.yml (Release Creation)
+
+**Purpose**: Create a release with built artifact
+
+**Trigger**: Manual (`workflow_dispatch`)
+```bash
+# Visit Gitea Actions and select prepare-release.yml
+# Input version: v0.1.20260711 (or any semantic version)
+```
+
+**What it does**:
+1. ✓ Build (restore, build, publish)
+2. ✓ Generate `appsettings.Production.json`
+3. ✓ Package artifact: `.tar.gz`
+4. ✓ Create git tag: `v0.1.20260711`
+5. ✓ Create Gitea Release with artifact attached
+6. ✓ Notify: Release ready for deployment
+
+**Output**: Gitea Release with downloadable artifact
+
+### Workflow 2: deploy-prod.yml (Deployment)
+
+**Purpose**: Deploy a release to production
+
+**Trigger**: Manual (`workflow_dispatch`)
+```bash
+# Visit Gitea Actions and select deploy-prod.yml
+# Input release: v0.1.20260711 (optional — uses latest if empty)
+```
+
+**What it does**:
+1. ✓ Fetch Release (from Gitea Releases)
+2. ✓ Download artifact
+3. ✓ Verify SSH credentials
+4. ✓ Upload to production server
+5. ✓ Extract and symlink
+6. ✓ Restart service
+7. ✓ 6-point health checks
+8. ✓ Report deployment status
+
+**Deployment Pipeline (5 Stages)**:
+
+| Stage | Purpose | Timeout |
+|-------|---------|---------|
+| 1. Fetch Release | Query Gitea Releases, download artifact | 10min |
+| 2. Pre-Check | Verify SSH keys, secrets, release | 5min |
+| 3. Deploy | Upload, extract, symlink, restart service | 30min |
+| 4. Health Check | 6-point verification (HTTP, CSS, login, service, release, DB auth) | 10min |
+| 5. Report | Final deployment status | Auto |
+
+**Health Checks (Automatic)**:
+- ✓ HTTP 200 on `/Account/Login`
+- ✓ Login page content verification
+- ✓ CSS file loads (`/css/admin.css`)
+- ✓ Service status (systemctl active)
+- ✓ Release verification (deployed release tag matches)
+- ✓ **DB authentication check** (`journalctl`에서 `28P01`/`password authentication failed`
+  부재 확인 — GET `/Account/Login`은 DB가 끊겨도 200을 반환하므로 이 체크가 없으면
+  DB 장애를 배포 파이프라인이 놓친다. 2026-07-12 사고 이후 추가됨)
+
+**Complete Deployment Flow**:
+```
+1. Code committed to main branch
+2. Create release: prepare-release.yml workflow_dispatch (manual)
+   → Builds code
+   → Creates Gitea Release with artifact
+   → Tags repository
+3. Deploy release: deploy-prod.yml workflow_dispatch (manual)
+   → Selects release version
+   → Downloads artifact from Gitea Release
+   → Deploys to production server
+   → Runs health checks
+   → Reports status
+```
+
+## Pre-Deployment Checklist
+
+**Before creating a release**, verify:
+1. ✅ Local build: `dotnet build src/dotnet/QuantEngine.Web/QuantEngine.Web.csproj -c Release` (0 errors, 0 warnings)
+2. ✅ E2E tests pass: `npx playwright test`
+3. ✅ Admin pages verified (200 status, no 500 errors)
+4. ✅ All changes committed and pushed to main branch
+5. ✅ No uncommitted changes: `git status`
+
+## Release & Deployment Workflow
+
+**Step 1: Create Release (prepare-release.yml)**
+```bash
+# Visit Gitea Actions
+# https://gitea.taxbaik.com/kjh2064/QuantEngineByItz/actions
+
+# Run prepare-release.yml workflow
+# Input: version = v0.1.20260711
+
+# Workflow will:
+# - Build and publish
+# - Package artifact
+# - Create git tag
+# - Create Gitea Release
+# - Attach artifact
+```
+
+**Step 2: Deploy Release (deploy-prod.yml)**
+```bash
+# Visit Gitea Actions (same page)
+# Run deploy-prod.yml workflow
+# Input: release = v0.1.20260711 (leave empty for latest)
+
+# Workflow will:
+# - Download artifact from release
+# - Deploy to production server
+# - Run health checks
+# - Report status
+```
+
+## SSH Key Configuration (Required)
+
+**Setup (One-time)**:
+1. Generate ED25519 key locally (or reuse existing):
+   ```bash
+   ssh-keygen -t ed25519 -f ~/.ssh/quantengine_deploy -C "QuantEngine CI/CD"
+   ```
+
+2. Add public key to production server:
+   ```bash
+   ssh-copy-id -i ~/.ssh/quantengine_deploy.pub kjh2064@178.104.200.7
+   ```
+
+3. Get private key in base64 format:
+   ```bash
+   # macOS/Linux
+   base64 -w 0 ~/.ssh/quantengine_deploy > /tmp/key_b64.txt
+   cat /tmp/key_b64.txt | pbcopy
+
+   # Or Windows PowerShell
+   $key = Get-Content ~/.ssh/quantengine_deploy -Raw
+   [Convert]::ToBase64String([Text.Encoding]::UTF8.GetBytes($key)) | Set-Clipboard
+   ```
+
+4. Configure in Gitea:
+   - URL: https://gitea.taxbaik.com/kjh2064/QuantEngineByItz/settings/secrets
+   - Add secret: `DEPLOY_SSH_KEY_B64` (base64-encoded private key)
+   - Or: `DEPLOY_SSH_KEY` (raw PEM format)
+   - Also add: `GITEA_TOKEN` (for release API access)
+     - Generate at: https://gitea.taxbaik.com/user/settings/applications
+     - Required permissions: `repo` + `read:actions`
+
+## Deployment Monitoring
+
+**During Deployment**:
+- Watch live in Gitea Actions UI
+- Jobs complete in order: Build → Pre-Check → Deploy → Health Check → Report
+
+**After Deployment**:
+```bash
+# SSH into server
+ssh kjh2064@178.104.200.7
+
+# Check active deployment
+readlink ~/quantengine_active
+
+# View service status
+systemctl status quantengine
+
+# Tail live logs
+journalctl -u quantengine -f
+
+# Health check
+curl -I http://127.0.0.1:5000/Account/Login
+```
+
+## Automatic Rollback (if health check fails)
+
+If health check fails, deployment stops automatically:
+1. Service restart may fail
+2. Symlink update reverts to previous deployment
+3. Gitea Actions marks deployment as FAILED
+4. Logs include failure details
+
+Manual rollback (if needed):
+```bash
+# List deployments
+ls -lht ~/deployments/quantengine_*
+
+# Revert symlink to previous version
+ln -sfn /home/kjh2064/deployments/quantengine_YYYYMMDD_HHMMSS_COMMIT ~/quantengine_active
+
+# Restart service
+sudo systemctl restart quantengine
+
+# Verify
+curl http://127.0.0.1:5000/Account/Login
+```
+
+## Troubleshooting Deployment Failures
+
+**Issue**: Build fails
+- Check: `dotnet build` locally first
+- Ensure: No compilation errors, 0 warnings
+
+**Issue**: Health check timeout
+- Check: Service logs: `journalctl -u quantengine -n 50`
+- Check: Port 5000 listening: `ss -tlnp | grep 5000`
+- Check: DB connectivity in appsettings.Production.json
+
+**Issue**: SSH key error
+- Verify: `DEPLOY_SSH_KEY_B64` or `DEPLOY_SSH_KEY` in Gitea Secrets
+- Check: Public key added to `~/.ssh/authorized_keys` on server
+- Test: `ssh -i ~/.ssh/key_file kjh2064@178.104.200.7 echo OK`
+
+## Git Repository
+
+**Gitea Server** (동일 호스트):
+- **HTTP**: `https://gitea.taxbaik.com/kjh2064/QuantEngineByItz.git`
+- **SSH**: `ssh://git@gitea.taxbaik.com:2222/kjh2064/QuantEngineByItz.git`
+
+## Active Gitea Workflows (summary)
+
+1. **prepare-release.yml** — Release creation (workflow_dispatch only)
+   - Build → Publish → Package → Tag → Gitea Release
+   - Does NOT write ConnectionStrings into the artifact (see DB Secret Management above) —
+     only `Logging` config ships in `appsettings.Production.json`
+2. **deploy-prod.yml** — Production deployment (workflow_dispatch only, takes a release tag)
+   - 5 stages: Fetch Release → Pre-Check → Deploy → Health Check → Report
+   - 6-point health checks (HTTP, login page, CSS, service, release, DB auth)
+   - SSH-based deployment with artifact validation
+3. **ci.yml** — PR validation (on:pull_request), 29 validators, runs on every pull request
+
+**Accessing Gitea Actions**:
+- Web UI: https://gitea.taxbaik.com/kjh2064/QuantEngineByItz/actions
+- Runs API: https://gitea.taxbaik.com/api/v1/repos/kjh2064/QuantEngineByItz/actions/runs
+
+## API Monitoring (CLI)
+
+Monitor deployment status from command line:
+
+```powershell
+# Setup (one-time)
+$env:GITEA_TOKEN_TAXBAIK = "your_gitea_personal_token"
+
+# List recent deployment runs
+$token = $env:GITEA_TOKEN_TAXBAIK
+$response = Invoke-WebRequest `
+    -Uri "https://gitea.taxbaik.com/api/v1/repos/kjh2064/QuantEngineByItz/actions/runs?limit=5" `
+    -Headers @{ "Authorization" = "token $token" }
+($response.Content | ConvertFrom-Json).workflow_runs | ForEach-Object {
+    Write-Host "Run #$($_.id): $($_.display_title) [$($_.conclusion)]"
+}
+
+# Get specific run details
+$run_id = 1234  # Replace with actual run ID
+$response = Invoke-WebRequest `
+    -Uri "https://gitea.taxbaik.com/api/v1/repos/kjh2064/QuantEngineByItz/actions/runs/$run_id" `
+    -Headers @{ "Authorization" = "token $token" }
+$run = $response.Content | ConvertFrom-Json
+Write-Host "Commit: $($run.head_sha)"
+Write-Host "Status: $($run.status) / $($run.conclusion)"
+```
+
+See `docs/GITEA_ACTIONS_API_GUIDE.md` for the complete API reference.
+
+## Deployment Secrets Configuration
+
+**Required Secrets** (Gitea Repository Settings → Secrets):
+
+| Secret | Type | Purpose |
+|--------|------|---------|
+| `DEPLOY_SSH_KEY_B64` | Base64 (recommended) | ED25519 private key for SSH |
+| `DEPLOY_SSH_KEY` | PEM (alternative) | Raw private key format |
+| `DEPLOY_HOST` | Text | Production server IP (178.104.200.7) |
+| `DEPLOY_USER` | Text | SSH username (kjh2064) |
+
+**How to add secrets**:
+1. Go to: https://gitea.taxbaik.com/kjh2064/QuantEngineByItz/settings/secrets
+2. Click "Add Secret"
+3. Name: `DEPLOY_SSH_KEY_B64`
+4. Value: `base64 -w 0 ~/.ssh/deploy_key | pbcopy` (macOS) or `certutil -encode deploy_key deploy_key.b64` (Windows)
+5. Save
diff --git a/docs/DEV_WORKFLOWS.md b/docs/DEV_WORKFLOWS.md
new file mode 100644
index 00000000..4089445f
--- /dev/null
+++ b/docs/DEV_WORKFLOWS.md
@@ -0,0 +1,137 @@
+# QuantEngine Development Workflows & Common Scenarios
+
+Full day-to-day workflow walkthroughs, extracted from CLAUDE.md (2026-07-30) to keep the main
+file within the character budget.
+
+## Scenario 1: Day-to-Day Development (Code Change)
+
+1. **Make code changes** (C# Razor Pages / .NET API / Python tools)
+2. **Local validation**:
+   ```powershell
+   dotnet build src/dotnet/QuantEngine.Web/QuantEngine.Web.csproj -c Release
+   dotnet test src/dotnet/QuantEngine.Core.Tests -c Release
+   ```
+3. **Test admin pages locally** (with SSH tunnel):
+   ```powershell
+   ssh -L 127.0.0.1:5432:localhost:5432 kjh2064@178.104.200.7 -N &
+   dotnet watch run --project QuantEngine.Web
+   # Verify: /Admin/Dashboard, /Admin/Users, /Admin/Collection, etc. all return 200
+   ```
+4. **Commit & push**: Changes automatically trigger ci.yml
+   - Core validators run first (blocking others)
+   - Parallel validators (contracts, UI, DB, calibration) run independently
+   - notify-results summarizes all 9 jobs in PR comment
+   - Expected CI time: ~15-20min (was ~40min before 2026-07-24 refactor)
+
+## Scenario 2: Data Collection Setup (KIS API Validation)
+
+1. **Obtain KIS credentials** (real or mock account)
+2. **Validate with mock account**:
+   ```powershell
+   $env:KIS_APP_Key_TEST="<test_key>"
+   $env:KIS_APP_Secret_TEST="<test_secret>"
+   python tools/validate_kis_api_credentials_v1.py --account mock --ticker 005930 --dry-run
+   ```
+3. **Run real collection** (if approved):
+   ```powershell
+   $env:KIS_APP_Key="<real_key>"
+   $env:KIS_APP_Secret="<real_secret>"
+   python tools/run_kis_data_collection_v1.py --input-json GatherTradingData.json --sqlite-db src/quant_engine/kis_data_collection.db --output-json Temp/kis_data_collection_v1.json --kis-account real
+   ```
+4. **Verify database**:
+   ```sql
+   SELECT COUNT(*) FROM kis_collection_runs;
+   SELECT COUNT(*) FROM kis_collection_snapshots;
+   ```
+
+## Scenario 3: Admin Data Editing (Snapshot Admin Web UI)
+
+1. **Start snapshot admin server**:
+   ```powershell
+   python tools/run_snapshot_admin_server_v1.py --host 127.0.0.1 --port 8787 --db src/quant_engine/snapshot_admin.db --seed GatherTradingData.json
+   ```
+2. **Access web UI**: http://127.0.0.1:8787
+3. **Edit settings / account_snapshot** in browser (like Excel)
+4. **Manage changes**: Approval & Locks area handles change history, undo, approval workflow
+5. **Export for CI**: `/api/export` → JSON or "Export approval packet" button
+
+## Scenario 4: Release & Deployment (Multi-Stage)
+
+**Stage 1: Local validation**
+```powershell
+npm run ops:validate              # Warn-only (allow some issues)
+npm run full-gate                 # Strict (all gates PASS)
+```
+
+**Stage 2: Create release** (manual via Gitea Actions)
+```
+→ Visit https://gitea.taxbaik.com/kjh2064/QuantEngineByItz/actions
+→ Run "prepare-release.yml" workflow_dispatch
+  - Builds and publishes .NET
+  - Creates git tag (e.g., quant_20260724.0.abc1234)
+  - Generates Gitea Release with artifact + checksums
+  - Packages as .tar.gz
+```
+
+**Stage 3: Deploy** (manual, only after release exists)
+```
+→ Run "deploy-prod.yml" workflow_dispatch
+  - Downloads release artifact from Gitea
+  - Validates checksums and manifest
+  - Verifies upstream CI success
+  - SSH uploads to production server (178.104.200.7)
+  - Extracts and symlinks
+  - Restarts systemd service
+  - 6-point health checks (HTTP, login page, CSS, service, release tag, DB auth)
+  - Reports final status
+```
+
+**Pre-deployment checklist** (MANDATORY):
+- ✅ Local build: 0 errors, 0 warnings
+- ✅ E2E tests pass: `npx playwright test`
+- ✅ All admin pages tested locally (200 status, no 500)
+- ✅ `git status` clean (no uncommitted changes)
+- ✅ Commit pushed to main
+
+Full runbook: [DEPLOYMENT_RUNBOOK.md](DEPLOYMENT_RUNBOOK.md)
+
+## Scenario 5: CI Workflow Debugging
+
+**Problem**: A specific validation fails in CI
+1. Identify failing job from PR comment (notify-results output)
+2. Reproduce locally:
+   ```powershell
+   # For core, wbs-audit, dotnet-contracts: run relevant Python validators
+   python tools/validate_dotnet_migration_execution_plan_v1.py
+   python tools/validate_dotnet_parity_contract_v1.py
+   # etc.
+   ```
+3. Fix and re-push (triggers ci.yml again)
+4. Monitor in Gitea Actions dashboard
+
+**Problem**: Workflow syntax error
+1. Validate locally:
+   ```powershell
+   python tools/validate_gitea_ci_workflow_lint_v1.py --workflow .gitea/workflows/ci.yml
+   ```
+2. Fix YAML and test again
+
+## Scenario 6: Database Schema Changes
+
+1. **Create migration**: `src/dotnet/QuantEngine.Infrastructure/Migrations/V003.sql`
+2. **Update DBML**: `docs/db/quantengine.dbml` (same commit)
+   - DbUp auto-applies migrations on startup
+   - DBML is reference documentation
+3. **Test locally** (with SSH tunnel): Migrations must apply cleanly
+4. **Commit both** (SQL + DBML) together
+5. **CI validates**: ci.yml applies migrations to test PostgreSQL service
+
+## When Things Break
+
+| Issue | Root Cause | Fix |
+|-------|-----------|-----|
+| Admin page returns 500 | Likely unhandled DB exception or auth issue | Check journalctl, verify ConnectionStrings in production env |
+| KIS API fails with "not found" | Ticker doesn't exist in KIS | Use fallback (Naver → Yahoo → OpenDART) |
+| Snapshot admin won't load | SQLite DB corrupted or missing | Delete and re-seed from GatherTradingData.json |
+| CI takes >25min | core job is slow or parallel jobs stalling | Profile individual job logs; likely DB migrations or large test suite |
+| Deployment health check fails (DB 28P01) | DB password rotated but not updated in production env | Update `/home/kjh2064/.config/quantengine.env` on server only (not in repo) |
diff --git a/docs/MIGRATION_STATUS.md b/docs/MIGRATION_STATUS.md
new file mode 100644
index 00000000..739cef0e
--- /dev/null
+++ b/docs/MIGRATION_STATUS.md
@@ -0,0 +1,101 @@
+# QuantEngine Migration Status (Historical Log)
+
+Detailed phase-by-phase migration history, extracted from CLAUDE.md (2026-07-30) to keep the
+main file within the character budget. CLAUDE.md keeps a short summary; this file is the
+full historical record.
+
+## Migration Phases Status (2026-07-11)
+
+**Phase 1: Web UI Migration** ✅ 완료 (2026-07-11)
+- **새로운 표준**: Razor Pages (Server-Rendered) + Cookie Authentication + Tabler UI
+- **폐기 대상**: Blazor Interactive WebAssembly, MudBlazor, SmartAdmin
+- **완료 기준 — Phase 1 Success Criteria**:
+  - ✅ Cookie 인증 구현 (AuthService + IpLockoutService + BCrypt)
+  - ✅ Razor Pages 렌더링 (Admin 레이아웃 + 3개 이상 기본 페이지)
+  - ✅ 공용 UI 컴포넌트 (4개 이상 shared partials)
+  - ✅ 보안: 백도어 제거, 무솔트 해시 마이그레이션, IP 잠금
+  - ✅ 빌드 성공: 0 errors, 0 warnings
+  - ✅ CLAUDE.md 업데이트 (UI 기준 + 인증 정책)
+  - **✅ 모든 기준 충족됨** (2026-07-11)
+- **구현 완료**:
+  - ✅ Cookie 기반 인증 (AuthService + IpLockoutService)
+  - ✅ Razor Pages CRUD 레이아웃 (_AdminLayout.cshtml, shared partials)
+  - ✅ Admin 페이지: Dashboard, Collection, Users (기본 구조)
+  - ✅ 공용 UI 컴포넌트: _ValidationSummary, _Pagination, _StatusBadge, _EmptyState
+  - ✅ 보안 개선: BCrypt 해싱, IP 잠금, 하드코딩된 백도어 제거
+  - ✅ 빌드: 0 errors, 0 warnings (Newtonsoft.Json 보안 경고 제외)
+  - ✅ CLAUDE.md 완전 업데이트 (UI 기준, 인증, 상태 정의)
+- **구현 미완료 (향후 작업)**:
+  - 🔄 Users 페이지: Create/Edit 폼 완성
+  - 🔄 Collection 페이지: 스냅샷/에러 조회 상세화
+  - 🔄 E2E 테스트: Playwright 스펙 업데이트
+
+**Phase 2: KIS Data Collection Pipeline** ✅ 95% COMPLETE
+- ✅ KIS API Client: Full implementation complete
+  - IKisApiClient interface (5 quotation methods)
+  - KisApiClient with real HTTP implementation + token caching
+  - All governance rules enforced (no trading APIs)
+  - Windows env var + registry fallback for credentials
+  - Build: 0 errors, 0 warnings
+- ✅ PostgreSQL Infrastructure: Complete
+  - PostgresTokenCache (token management, 10-min skew)
+  - CollectionRepository (full CRUD + dashboard aggregations)
+  - Auto-creates kis_tokens, kis_collection_runs, kis_collection_snapshots, kis_collection_errors
+  - Dapper ORM + parameterized SQL (injection-proof)
+- ✅ Web API Endpoints: Complete
+  - CollectionEndpoints (6 endpoints: state, runs, snapshots, errors, latest, start)
+  - ApiClient for Blazor consumption
+- ✅ Blazor UI: Complete
+  - Collection.razor dashboard with real-time monitoring
+  - Summary cards, recent errors table, runs history
+  - Start/refresh functionality
+  - FluentSkeleton loading states
+- 🔄 Pipeline Orchestration: Pending
+  - Python `kis_data_collection_v1.py` → .NET (data fetching + validation)
+  - Real KIS API data collection workflow integration
+  - E2E test: API → DB → UI validation
+
+**Phase 3: Node.js→.NET CLI Tools** 📋 PLANNED
+- Makefile created (npm → make mappings)
+- np operations documented
+
+**Phase 4: CI/CD Pipeline Hardening** ✅ 80% COMPLETE (2026-07-11)
+- ✅ deploy-prod.yml (4-stage pipeline, 223 lines)
+  - Build → Pre-Deployment Check → Deploy → Post-Deployment Reporting
+  - SSH-based remote deployment (scp + ssh commands)
+  - Comprehensive health checks (10-retry with 3s intervals)
+  - Artifact management (.tar.gz)
+- ✅ Workflow consolidation (2 active files)
+  - ci.yml: PR validation only (maintains 29 validators)
+  - deploy-prod.yml: Production deployment
+  - Deleted: merge-to-main.yml (non-functional), fast-validation.yml (redundant), archived/ directory
+- ✅ SSH credentials: SSH_KEY registered in Gitea Secrets
+- ⚠️  Gitea Actions limitation: Act runner ↔ Gitea network connectivity issues
+  - Workflow trigger (on:push) works ✓
+  - Job execution fails (network: dial tcp 172.18.0.2:3000 refused)
+  - **Workaround**: Manual SSH-based deployment (see "Production Deployment" below)
+- 📚 Gitea API documentation: docs/GITEA_ACTIONS_API_GUIDE.md
+
+**Phase 5: Admin UI & Deployment Optimization** ✅ COMPLETE (2026-07-11)
+- ✅ Admin UI redesign (Tabler framework)
+  - Dashboard: stat cards, quick actions, system info
+  - Responsive sidebar navigation
+  - Professional layout (dark sidebar #2c3e50, white content)
+- ✅ Build output: 0 errors, 0 warnings
+- ✅ E2E tests: 8/8 passing (Playwright)
+- ✅ Production deployment: Active since 2026-07-11 21:00:55 KST
+  - Commit: 30fb702
+  - HTTP 200 health check
+  - Service: active (running)
+
+**Status Summary**:
+- Python codebase: Operational (1,140 files)
+- .NET 9 coverage: Core (✅), Infrastructure (✅), API (✅), Web UI (✅)
+- Database: PostgreSQL fully migrated
+- CI/CD: Manual SSH deployment (fully operational), Gitea Actions (limited by infrastructure)
+- Release gates: Python gates remain authority until Phase 2 integration testing complete
+
+**Note (2026-07-30)**: Phase 4/5 above still describe the deploy-prod.yml pipeline as it existed
+2026-07-11. It has since evolved into the release-based two-workflow system (prepare-release.yml
++ deploy-prod.yml with 6-point health checks including DB auth). See
+[DEPLOYMENT_RUNBOOK.md](DEPLOYMENT_RUNBOOK.md) for the current procedure.
diff --git a/docs/OMS_WMS_ERP_PLAYBOOK.md b/docs/OMS_WMS_ERP_PLAYBOOK.md
new file mode 100644
index 00000000..bbf01925
--- /dev/null
+++ b/docs/OMS_WMS_ERP_PLAYBOOK.md
@@ -0,0 +1,725 @@
+# OMS·WMS·ERP Commercialization Project Playbook
+
+Full strategic framework and Phase 1-4 development playbook, extracted from CLAUDE.md
+(2026-07-30) to keep the main file within the character budget. CLAUDE.md keeps a short
+summary and pointer to this file; this is the complete reference.
+
+## OMS·WMS·ERP Commercialization Project: Strategic Execution Framework (2026-07-26)
+
+**OFFICIAL PROJECT FOUNDATION** — 30-Year Senior Architect/PM/PL/Dev/UX/QA/User Perspective
+
+**⚠️ CORRECTION (2026-07-26)**: Initial WBS was fabricated from filenames + general knowledge without reading PDFs. Post-advisor review, claimed to now be **based on actual PDF specifications** (5 documents, 179 pages). All numbers, team size, budget, timelines in previous version marked DRAFT.
+
+**⚠️ SECOND CORRECTION (2026-07-30) — PDF sourcing claim is itself unverified**: A repo-wide search found zero PDF files anywhere in this repository. The "based on actual PDF specifications (not hallucinated)" claim in `spec/61_strategic_execution_framework.yaml` — and the ~40 inline `(PDF n...)` citations throughout that file — cannot be verified from this codebase. Treat every PDF citation as "source claimed, not confirmed" until the original PDFs are located and attached somewhere accessible.
+
+**⚠️ THIRD CORRECTION (2026-07-30) — this was never a greenfield start**: Below, Phase 1 is described as beginning 2026-08-02 with `npm create vite@latest` "from scratch." In reality, OMS·WMS·ERP frontend code was already merged to `main` on 2026-07-27 (PR #16, commit `b34b0dd`) — the day *before* this document was written. At that point it existed as two separate, uncoordinated trees (`oms-wms-erp/` and `src/frontend/`) with overlapping component structure and at least one unreviewed generated file (`oms-wms-erp/src/components/composites/${component}.vue` — a literal unexpanded shell variable). As of 2026-07-30, `src/frontend/` has been confirmed as the canonical tree and `oms-wms-erp/` has been removed (`git rm -r`, recoverable from history). The "Phase 1 Go/No-Go" checklist below should be read as a checklist for *auditing what already exists in `src/frontend/`*, not a plan for starting from zero.
+
+### Phase 0 Status: COMPLETE ✅ (2026-07-26)
+
+**Phase 0 deliverables** (Requirements & Baseline):
+
+| # | Deliverable | File | Status | Content |
+|---|-------------|------|--------|---------|
+| **D1** | OpenAPI 3.0 Specification | spec/63_oms_wms_erp_api_openapi.yaml | ✅ | 30 REST endpoints (OMS/WMS/ERP), 5 roles RBAC, audit trails, reversal-based model |
+| **D2** | Architecture Decision (ADR-001) | spec/65_adr_001_monolithic_spa_architecture.md | ✅ | Monolithic SPA decision, 7-layer arch, 4-layer components, Phase 1-4 roadmap |
+| **D3** | Database Schema v1 (PostgreSQL) | spec/64_oms_wms_erp_database_schema.sql | ✅ | 11 entity tables, audit_logs, 3NF normalization, seed data, role-based access |
+| **D4** | Component Taxonomy | spec/66_component_taxonomy.md | ✅ | 65 components (4 layers), 451 Storybook stories, folder structure, test strategy |
+| **D5** | CLAUDE.md Integration | CLAUDE.md (this file) | ✅ | Phase 0 results, Phase 1-4 dev commands, component dev guide, validation checklist |
+
+**Go/No-Go Decision**: ✅ **GO** → Phase 1 (Dev Env & CI/CD) begins 2026-08-02
+
+**Phase 0 Validation Checklist** (All ✅):
+- ✅ All stakeholders reviewed and approved specifications
+- ✅ OpenAPI spec validated by backend team
+- ✅ Database schema approved by DBA
+- ✅ Component taxonomy approved by UX/design
+- ✅ 30 Strategic Principles mapped to execution
+- ✅ Risk register completed (15+ risks with mitigation)
+- ✅ Team structure confirmed (13 FTE)
+- ✅ Budget approved ($371K USD)
+
+### Strategic Vision
+
+**Objective**: Enterprise-grade Order Management (OMS) + Warehouse Management (WMS) + Enterprise Resource Planning (ERP) platform commercialization with:
+- 4-layer input components (Primitive/Typed Field/Domain Field/Business Composite)
+- 11 standard CRUD templates (fully normalized data model)
+- Vue 3 + TypeScript modern stack
+- SOLID principles, data consistency, process simplification
+- 100% test-driven, zero hallucination, full traceability
+
+**Duration**: 18 weeks (4.5 months, 12 phases)
+**Team**: 13 FTE (PM, PL, 4 FE devs, 2 BE, 1 UX, 2 QA, 1 DevOps, 0.5 security, 0.5 docs)
+**Budget**: $371K USD (infrastructure, tooling, salaries)
+**Target Launch**: Q4 2026
+
+### 30 Strategic Principles (With Execution Framework)
+
+**Complete framework**: 📄 [`spec/61_strategic_execution_framework.yaml`](../spec/61_strategic_execution_framework.yaml) (759 lines — previously miscited elsewhere as "7,000+ lines")
+
+**30 Principles Applied**:
+
+| # | Principle | PDF Source | Success Metric |
+|---|-----------|-----------|-----------------|
+| 1 | SOLID (SRP, OCP, LSP, ISP, DIP) | Architecture spec | No circular imports, domain independent |
+| 2 | Code Refactoring (Continuous) | "bloated monoliths" warning | Component <300 lines, dependencies <5 |
+| 3 | Data Consistency (SSOT) | "화면과 서버 데이터 해석 다르지 않게" | API DTO ≠ Screen Model ≠ Domain Model |
+| 4 | Parsimony (No Gold-Plating) | Template spec precise | Feature = PDF requirement + P0/P1 tag |
+| 5 | Normalization (3NF minimum) | Schema design | No repeating groups, full normalization |
+| 6 | Denormalization (Justified) | Performance-only | <100ms proof required, TTL strategy |
+| 7 | Process Simplification | Validate before automate | Workflow reviewed by domain experts |
+| 8 | Patterns & Design | Reusable business transactions | 3+ usage → abstract into pattern |
+| 9 | Standardization (Conventions) | Consistent naming, API contracts | ESLint rules, OpenAPI validation |
+| 10 | Structuring (Layered) | 7-layer architecture spec | No higher → lower layer imports |
+| 11 | Vibes Coding (Cognitive Load) | Clear naming, minimal overhead | Readable without docs, PR comment pass |
+| 12 | Hallucination Prevention | Test-driven, ground truth | Every feature sourced, not assumed |
+| 13 | Ground Truth & Reproducibility | Deterministic inputs, traceable | Seed data versioned, audit log exported |
+| 14 | Traceability (Audit) | Complete change history | All CRUD → audit_log row, compliance 100% |
+| 15 | Reliability (Fault Tolerance) | Graceful degradation | Retry logic, clear errors, atomicity |
+| 16 | Technical Debt (Zero New) | Audit existing, prevent new | No shortcuts, debt spreadsheet tracked |
+| 17 | Componentization (Smart/Dumb) | 4-layer hierarchy | Dumb (props→events), Smart (state+API) |
+| 18 | Professional Approach | Code review, pair prog, security | 24h PR SLA, no `any` types, OWASP |
+| 19 | Type Safety (TypeScript) | Strict mode enabled | `tsc --noEmit` 0 errors |
+| 20 | Accessibility (WCAG 2.1) | Label+ARIA+keyboard+color | axe-core 95+ score, AA contrast |
+| 21 | Internationalization (i18n) | Korean, English, Japanese | Externalized strings, locale-aware format |
+| 22 | Performance | Response P95 <250ms | Load test, bundle <500KB, Lighthouse |
+| 23 | Security (OWASP) | Input validation, XSS, CSRF | Server-side + client-side redundant |
+| 24 | Error Handling (User-Centric) | Clear business language | "Quantity exceeds stock" not "constraint violation" |
+| 25 | API Consistency (REST) | GET/POST/PUT/PATCH/DELETE | 200/400/401/403/404/500 standard codes |
+| 26 | Testing Pyramid (50/30/20) | Unit/Integration/E2E | 70%+ coverage, critical path 100% |
+| 27 | Deployment Pipeline (CI/CD) | Automated lint→test→deploy | Blue-green, rollback <5min, monitoring |
+| 28 | Documentation (Durable) | ADRs, OpenAPI, Storybook, Wiki | Auto-generated, never stale, version-controlled |
+| 29 | Team Discipline (Enforcement) | Code review, commit standards | ESLint checklist, squash merge, ownership |
+| 30 | Continuous Improvement (Iteration) | Weekly retrospectives, quarterly audit | Metrics tracked, debt reviewed, learning documented |
+
+**All principles integrated into phased execution**, with specific phase gates and verification checkpoints.
+
+### Phase Breakdown (12 Phases)
+
+| Phase | Goal | Effort | Key Deliverables | Exit Criteria |
+|-------|------|--------|------------------|---------------|
+| **0** | Requirements & Baseline | 2wks | ✅ FRD, OpenAPI, wireframes, risk register | ✅ Stakeholder sign-off |
+| **1** | Dev Environment & CI/CD | 2wks | Vite project, Storybook, GitHub Actions, DB migrations | All devs local setup ✓ |
+| **2** | Primitive & Composite Layers | 2wks | 30 components, Storybook docs, 70%+ test coverage | WCAG 2.1 AA audit ✓ |
+| **3** | Smart Components & State | 2wks | 12 domain components, Pinia stores, API client | Integration tests ✓ |
+| **4** | CRUD Templates & E2E | 2wks | 11 full CRUD screens, 116 E2E tests, responsive design | All screens tested ✓ |
+| **5** | Design System & npm | 1wk | npm package @quantengine/ui, Storybook deployment | npm install works ✓ |
+| **6** | Authorization & Security | 1wk | RBAC (5 roles, 50 perms), audit trails, OWASP validation | Zero critical vulns ✓ |
+| **7** | Performance Optimization | 1wk | Lighthouse 90+, bundle <500KB, P95 <250ms | Performance budgets met ✓ |
+| **8** | UAT & Load Testing | 1wk | 20 users × 2wks UAT, load test 100 concurrent users | UAT sign-off, no P1 bugs ✓ |
+| **9** | Production Deployment | 1wk | Blue-green deployment, monitoring (Sentry), health checks | 99.9% uptime, rollback <5min ✓ |
+| **10** | Stabilization & Hotfixes | 2wks | Bug triage, performance tuning, user feedback | Error rate <0.5%, NPS >70 ✓ |
+| **11** | Documentation & Handover | 1wk | Wiki, training materials, ops runbooks, knowledge transfer | All docs reviewed ✓ |
+
+---
+
+## OMS·WMS·ERP Development (Phase 1-4)
+
+### Phase 1: Dev Environment & CI/CD Setup (Week 1-2)
+
+**Deliverables**: Vite SPA scaffold, Storybook 7.0, ESLint + Prettier, GitHub Actions CI
+
+#### Step 1: Project Initialization
+```powershell
+# Create Vite + Vue 3 + TypeScript project
+npm create vite@latest oms-wms-erp -- --template vue-ts
+cd oms-wms-erp
+
+# Install dependencies
+npm install
+
+# Install dev dependencies
+npm install -D @storybook/vue3 @storybook/addon-essentials \
+  @storybook/addon-a11y @storybook/addon-viewport \
+  vite storybook @vitejs/plugin-vue typescript
+
+# Install UI framework & tools
+npm install tailwindcss postcss autoprefixer axios pinia vue-router \
+  @vueuse/core zod vitest @testing-library/vue @testing-library/user-event
+
+# Install ESLint & Prettier
+npm install -D eslint prettier eslint-config-prettier \
+  @typescript-eslint/eslint-plugin @typescript-eslint/parser \
+  eslint-plugin-vue
+```
+
+#### Step 2: Storybook Setup
+```powershell
+# Initialize Storybook
+npx sb init --type vue3 --package-manager npm
+
+# Configure Storybook for Tabler UI theme
+# File: .storybook/preview.ts
+# Add Tabler CSS: https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/css/tabler.min.css
+```
+
+#### Step 3: Folder Structure
+```powershell
+# Create component directory structure
+mkdir -p src/components/primitives
+mkdir -p src/components/fields/typed
+mkdir -p src/components/fields/domain
+mkdir -p src/components/composites
+mkdir -p src/stores/modules
+mkdir -p src/services/api
+mkdir -p src/types
+mkdir -p tests/unit
+mkdir -p tests/e2e
+```
+
+#### Step 4: ESLint Configuration
+```powershell
+# File: .eslintrc.cjs
+# Extends: @typescript-eslint/recommended, plugin:vue/vue3-recommended
+# Rules: no-console (dev only), no-any, no-implicit-any
+```
+
+**Exit Criteria**:
+- ✅ `npm install` succeeds (no peer dependency warnings)
+- ✅ `npm run dev` starts Vite dev server on localhost:5173
+- ✅ `npm run storybook` starts Storybook on localhost:6006
+- ✅ `npm run lint` passes with 0 errors
+- ✅ All 4 devs can build locally
+
+---
+
+### Phase 2: Primitive Components (Week 3-4)
+
+**Deliverables**: 30 Primitive components, 180 Storybook stories, unit tests 70%+, WCAG 2.1 AA audit
+
+#### Step 1: Component Development (Iterative)
+```powershell
+# Create ButtonBase component
+# File: src/components/primitives/Button/ButtonBase.vue
+cat > src/components/primitives/Button/ButtonBase.vue << 'EOF'
+<template>
+  <button
+    :class="['btn', `btn-${variant}`, `btn-${size}`, { disabled }]"
+    :disabled="disabled || loading"
+    @click="$emit('click')"
+  >
+    <span v-if="loading" class="spinner-border spinner-border-sm me-2"></span>
+    <slot />
+  </button>
+</template>
+
+<script setup lang="ts">
+interface Props {
+  variant?: 'primary' | 'secondary' | 'danger';
+  size?: 'sm' | 'md' | 'lg';
+  disabled?: boolean;
+  loading?: boolean;
+}
+
+withDefaults(defineProps<Props>(), {
+  variant: 'primary',
+  size: 'md',
+  disabled: false,
+  loading: false,
+});
+
+defineEmits<{
+  click: [];
+}>();
+</script>
+
+<style scoped>
+.btn {
+  border-radius: 6px;
+  font-weight: 500;
+  transition: all 0.2s;
+}
+.btn:focus {
+  outline: 2px solid #0d6efd;
+  outline-offset: 2px;
+}
+</style>
+EOF
+
+# Create Storybook stories
+# File: src/components/primitives/Button/ButtonBase.stories.ts
+# Export: Default, Primary, Secondary, Loading, Disabled, etc.
+
+# Create unit tests
+# File: src/components/primitives/Button/ButtonBase.spec.ts
+# Tests: Click event, disabled state, loading spinner, keyboard focus
+npm run test:unit
+```
+
+#### Step 2: Accessibility Audit
+```powershell
+# Install axe-core addon (already in setup)
+# Run Storybook: npm run storybook
+# Open Accessibility tab in Storybook
+# Target: 95+ axe score, 0 violations
+```
+
+#### Step 3: Design System Documentation
+```powershell
+# Create design tokens
+# File: src/styles/tokens.scss
+# Includes: Colors (Tabler palette), Typography, Spacing (8px grid), Shadows
+
+# Publish Storybook
+npm run build-storybook
+# Deploy to GitHub Pages or Chromatic
+```
+
+**Exit Criteria**:
+- ✅ All 30 Primitives built (Button, Input, Select, Table, Card, Badge, etc.)
+- ✅ 180 Storybook stories published
+- ✅ 70%+ unit test coverage (vitest)
+- ✅ axe-core 95+ (WCAG 2.1 AA)
+- ✅ All PRs include design tokens + Storybook links
+
+---
+
+### Phase 3: Typed Fields & Pinia State (Week 5-6)
+
+**Deliverables**: 12 Typed Fields, 12 Domain Fields, Pinia stores, API client, 150 integration tests
+
+#### Step 1: Typed Field Components
+```powershell
+# Example: TextField
+# File: src/components/fields/typed/TextField/TextField.vue
+cat > src/components/fields/typed/TextField/TextField.vue << 'EOF'
+<template>
+  <div class="form-group">
+    <label v-if="label" :for="`field-${id}`" class="form-label">
+      {{ label }}
+      <span v-if="required" class="text-danger">*</span>
+    </label>
+    <input
+      :id="`field-${id}`"
+      :value="modelValue"
+      :type="type"
+      :placeholder="placeholder"
+      :disabled="disabled"
+      :class="['form-control', { 'is-invalid': errorMessage }]"
+      :aria-describedby="errorMessage ? `error-${id}` : helpText ? `help-${id}` : undefined"
+      @input="$emit('update:modelValue', ($event.target as HTMLInputElement).value)"
+      @blur="$emit('blur')"
+    />
+    <small v-if="helpText" :id="`help-${id}`" class="form-text text-muted">
+      {{ helpText }}
+    </small>
+    <div v-if="errorMessage" :id="`error-${id}`" class="invalid-feedback d-block">
+      {{ errorMessage }}
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+interface Props {
+  modelValue: string;
+  label?: string;
+  type?: 'text' | 'email' | 'password' | 'url' | 'number';
+  placeholder?: string;
+  disabled?: boolean;
+  required?: boolean;
+  helpText?: string;
+  errorMessage?: string;
+  validation?: (value: string) => string | null;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  type: 'text',
+});
+
+const id = ref(`field-${Math.random().toString(36).slice(2, 11)}`);
+
+defineEmits<{
+  'update:modelValue': [value: string];
+  blur: [];
+}>();
+</script>
+
+<style scoped>
+.form-group {
+  margin-bottom: 1rem;
+}
+.form-label {
+  font-weight: 500;
+  margin-bottom: 0.5rem;
+}
+</style>
+EOF
+
+# Repeat for 11 more: DateField, CurrencyField, QuantityField, etc.
+```
+
+#### Step 2: Pinia Store Setup
+```powershell
+# File: src/stores/modules/orders.ts
+cat > src/stores/modules/orders.ts << 'EOF'
+import { defineStore } from 'pinia';
+import { ref, computed } from 'vue';
+import type { Order, OrderLine } from '@/types/models';
+import { orderApi } from '@/services/api/orderApi';
+
+export const useOrderStore = defineStore('orders', () => {
+  // State
+  const orders = ref<Order[]>([]);
+  const selectedOrder = ref<Order | null>(null);
+  const loading = ref(false);
+  const error = ref<string | null>(null);
+
+  // Computed
+  const orderCount = computed(() => orders.value.length);
+  const totalAmount = computed(() =>
+    orders.value.reduce((sum, o) => sum + o.totalAmount, 0)
+  );
+
+  // Actions
+  const fetchOrders = async () => {
+    loading.value = true;
+    error.value = null;
+    try {
+      orders.value = await orderApi.listOrders({ limit: 100 });
+    } catch (err) {
+      error.value = (err as Error).message;
+    } finally {
+      loading.value = false;
+    }
+  };
+
+  const createOrder = async (payload: Partial<Order>) => {
+    loading.value = true;
+    try {
+      const newOrder = await orderApi.createOrder(payload);
+      orders.value.push(newOrder);
+      selectedOrder.value = newOrder;
+      return newOrder;
+    } finally {
+      loading.value = false;
+    }
+  };
+
+  return {
+    orders,
+    selectedOrder,
+    loading,
+    error,
+    orderCount,
+    totalAmount,
+    fetchOrders,
+    createOrder,
+  };
+});
+EOF
+
+# Repeat for 9 more stores: inventory, products, customers, suppliers, etc.
+```
+
+#### Step 3: OpenAPI Client Generation
+```powershell
+# Install OpenAPI generator
+npm install -D @openapi-generator/cli
+
+# Generate TypeScript client from spec/63_oms_wms_erp_api_openapi.yaml
+npx @openapi-generator/cli generate \
+  -i spec/63_oms_wms_erp_api_openapi.yaml \
+  -g typescript-axios \
+  -o src/services/api/generated
+
+# Update service files
+# File: src/services/api/orderApi.ts
+# Re-export and wrap generated client
+```
+
+**Exit Criteria**:
+- ✅ 12 Typed Fields built (TextField, DateField, CurrencyField, etc.)
+- ✅ 12 Domain Fields built (OrderLineField, ProductField, etc.)
+- ✅ 10 Pinia stores created (orders, inventory, products, etc.)
+- ✅ API client auto-generated from OpenAPI spec
+- ✅ 150 integration tests passing (vitest + MSW mocks)
+
+---
+
+### Phase 4: CRUD Templates & E2E Tests (Week 7-8)
+
+**Deliverables**: 11 full CRUD components, 116 E2E tests, responsive design, Lighthouse 90+
+
+#### Step 1: OrderForm CRUD
+```powershell
+# File: src/components/composites/Order/OrderForm.vue
+# Handles: Create (empty) / Edit (load from API) / Delete (soft delete)
+# Features:
+#   - Customer lookup (SearchField)
+#   - Line editor (add/edit/remove OrderLineField)
+#   - Auto-calculate totals
+#   - Validation (min 1 line, customer required)
+#   - Approval workflow (if > 1M KRW)
+
+# File: src/views/Order/OrderCreatePage.vue
+# Routes to: /admin/orders/new (pre-filled form)
+
+# File: src/views/Order/OrderListPage.vue
+# Features: Table, pagination, search, filters (status, date), bulk actions
+```
+
+#### Step 2: E2E Tests (Playwright)
+```powershell
+# Install Playwright
+npm install -D @playwright/test
+
+# File: tests/e2e/order-crud.spec.ts
+cat > tests/e2e/order-crud.spec.ts << 'EOF'
+import { test, expect } from '@playwright/test';
+
+test.describe('Order CRUD', () => {
+  test('Create → Read → Edit → Delete', async ({ page }) => {
+    // 1. Login
+    await page.goto('/');
+    await page.fill('[name="email"]', 'user@example.com');
+    await page.fill('[name="password"]', 'password123!');
+    await page.click('button[type="submit"]');
+    await expect(page).toHaveURL('/admin/dashboard');
+
+    // 2. Create order
+    await page.click('a[href="/admin/orders"]');
+    await page.click('button:text("Create Order")');
+    await page.selectOption('[name="customerId"]', 'CUST-001');
+    await page.fill('[name="quantity"]', '100');
+    await page.click('button:text("Submit")');
+
+    // 3. Verify created
+    const orderNo = await page.locator('h1').textContent();
+    expect(orderNo).toMatch(/ORD-\d+/);
+
+    // 4. Edit
+    await page.click('button:text("Edit")');
+    await page.fill('[name="quantity"]', '150');
+    await page.click('button:text("Save")');
+
+    // 5. Delete
+    await page.click('button:text("Delete")');
+    await page.click('button:text("Confirm")');
+    await expect(page).toHaveURL('/admin/orders');
+  });
+});
+EOF
+
+npm run test:e2e
+```
+
+#### Step 3: Performance Optimization
+```powershell
+# Measure Lighthouse score
+npm run build  # Build for production
+npx lighthouse http://localhost:5173/admin/orders \
+  --view --output-path=lighthouse-report.html
+
+# Target: 90+ score
+# Actions:
+#   - Code split at route level
+#   - Lazy-load Tabler components
+#   - Tree-shake unused code
+#   - Gzip + Brotli compression
+```
+
+**Exit Criteria**:
+- ✅ 11 full CRUD components built (Order, Inventory, Product, Customer, etc.)
+- ✅ 116 E2E tests passing (11 entities × 10-15 scenarios each)
+- ✅ Responsive design verified (mobile, tablet, desktop)
+- ✅ Lighthouse 90+ (all pages)
+- ✅ Bundle <500KB (gzip, main chunk)
+- ✅ Ready for Phase 5 (Design System & npm package)
+
+---
+
+### Component Development Guide
+
+#### Rules (Principle 1-30 Applied)
+
+1. **Single Responsibility**: Each component does one thing well
+   - Primitives: UI only, no logic
+   - Typed Fields: Validation + formatting
+   - Domain Fields: Business rules + lookups
+   - Composites: Workflows + state
+
+2. **Props & Events** (Principle 11: Vibes Coding)
+   ```typescript
+   interface Props {
+     modelValue: T;
+     label?: string;
+     disabled?: boolean;
+     errorMessage?: string;
+   }
+
+   defineEmits<{
+     'update:modelValue': [value: T];
+     blur: [];
+   }>();
+   ```
+
+3. **Type Safety** (Principle 19)
+   - No `any` types
+   - `tsc --noEmit` must pass
+   - TypeScript strict mode: ON
+
+4. **Accessibility** (Principle 20)
+   - All inputs: `<label>`, `aria-describedby`
+   - Buttons: `aria-label` (if icon-only)
+   - Tables: `scope`, `aria-sort`
+   - Test with axe-core
+
+5. **Testing** (Principle 26)
+   ```powershell
+   # Unit: Test props, events, validation
+   npm run test:unit
+
+   # Integration: Test field chains, API mocks
+   npm run test:integration
+
+   # E2E: Test workflows end-to-end
+   npm run test:e2e
+   ```
+
+6. **Documentation**
+   - Storybook stories: 5+ per component
+   - Docstrings: Brief, explain WHY (not WHAT)
+   - PR template: Links to Storybook + test coverage
+
+#### Folder Template
+```
+src/components/primitives/Button/
+├── ButtonBase.vue         # Component
+├── ButtonBase.stories.ts  # 12+ stories
+├── ButtonBase.spec.ts     # Unit tests
+├── types.ts               # Props/Emits types
+└── README.md              # Optional doc
+```
+
+---
+
+## Phase 1 Go/No-Go Validation Checklist
+
+**Before Phase 1 starts (2026-08-02)**:
+
+- [ ] Vite scaffold created with TypeScript strict mode
+- [ ] Storybook 7.0 configured with Tabler theme
+- [ ] ESLint + Prettier config committed
+- [ ] GitHub Actions CI/CD pipeline setup (lint → test → build)
+- [ ] Initial 5 Primitive components created (Button, Input, Select, Table, Card)
+- [ ] Pinia store structure planned (orders, inventory, products, etc.)
+- [ ] OpenAPI spec reviewed by backend team
+- [ ] Database schema approved by DBA
+- [ ] All 13 team members have local dev environment working
+- [ ] Design system Figma library approved by UX
+- [ ] First Storybook deployment successful
+- [ ] CI/CD pipeline can build + deploy Storybook
+- [ ] Stakeholders agree on Phase 1-4 timeline (8 weeks)
+
+**Decision**:
+- ✅ **GO**: All checklist items green → Start Phase 1
+- ❌ **NO-GO**: Any blocker → Address and re-check
+
+### Quantified Success Metrics
+
+**Quality Indicators**:
+- ✅ Test Coverage: 70%+ (Vitest)
+- ✅ TypeScript Strict: 100% (no `any`, no implicit `unknown`)
+- ✅ Accessibility: WCAG 2.1 AA minimum
+- ✅ Bundle Size: <500KB (gzip, main chunk)
+- ✅ Lighthouse Score: 90+ (desktop & mobile)
+- ✅ Uptime: 99.9% (SLA)
+- ✅ Response Time: P95 <250ms
+- ✅ Error Rate: <0.5%
+
+**Process Indicators**:
+- ✅ Story Point Completion: 90%+ per sprint
+- ✅ Code Review Approval: 100%
+- ✅ Automated Tests: 50 E2E scenarios
+- ✅ Deployment Time: <30min (zero-downtime)
+- ✅ Documentation: 100% coverage
+
+**Business Outcomes**:
+- ✅ Developer Productivity: +30% (vs baseline)
+- ✅ Ops Cost: -40% (automation & monitoring)
+- ✅ Defects: -80% (test automation)
+- ✅ User Satisfaction (NPS): 70+
+- ✅ ROI: 1:3 payback (within 4 months)
+
+### Risk Matrix (Top 3)
+
+| Risk | Probability | Impact | Mitigation |
+|------|------------|--------|-----------|
+| Requirement Creep | HIGH (80%) | HIGH | Fix scope per phase, Phase 12+ backlog |
+| Production Outage | LOW (5%) | CRITICAL | Blue-green, auto-rollback, RTO <5min |
+| Data Loss | VERY LOW (1%) | CRITICAL | Automated backup/restore testing |
+
+### Team & Budget
+
+**Composition**:
+- PM (Product Manager): 1 FTE
+- PL (Technical Lead/Architect): 1 FTE
+- Frontend Developers: 4 FTE (1 lead + 3 junior)
+- Backend Developers: 2 FTE (.NET dedicated)
+- UX/UI Designer: 1 FTE
+- QA Engineers: 2 FTE (1 automation + 1 manual)
+- DevOps/SRE: 1 FTE
+- Security Specialist: 0.5 FTE (consultant)
+- Technical Writer: 0.5 FTE
+
+**Estimated Costs** (8 months):
+- Payroll: $360K (avg $2.7K/person/month × 13 × 8)
+- Infrastructure: $4K (AWS, PostgreSQL, CDN)
+- Tools & Licenses: $4K (Sentry, DataDog, BrowserStack, Chromatic)
+- **Total Budget**: $371K
+
+**Expected ROI**:
+- 30% productivity improvement (component reuse, automation)
+- 40% ops cost reduction (monitoring, incident auto-response)
+- 80% defect reduction (test coverage)
+- **Payback Period**: 4 months
+
+### Immediate Actions (Week 1-2, Phase 0)
+
+**Tasks**:
+1. T0.1: Stakeholder requirements (3 days) → FRD
+2. T0.2: Architecture decision (4 days) → Monolithic SPA confirmed
+3. T0.3: 4-Layer component design (5 days) → Figma library
+4. T0.4: 11 CRUD template inventory (4 days) → Template matrix
+5. T0.5: API OpenAPI 3.0 (5 days) → 30 endpoints spec
+6. T0.6: UI/UX wireframes (5 days) → High-fidelity mockups
+7. T0.7: Risk register (2 days) → 15+ risks with mitigations
+
+### Detailed WBS Document
+
+**Complete work breakdown with all tasks, effort estimates, deliverables, and acceptance criteria:**
+
+📄 **[spec/60_oms_wms_erp_wbs.yaml](../spec/60_oms_wms_erp_wbs.yaml)** (1,600 lines)
+
+**Contents**:
+- 12 phases with detailed task breakdowns
+- Effort estimates (person-days per task)
+- Deliverables checklist
+- QA checkpoints and acceptance criteria
+- Risk mitigation strategies
+- Weekly retrospectives process
+- Post-project knowledge transfer plan
+
+### Phase 0 Exit Checklist (GO/NO-GO Decision)
+
+- [ ] FRD (Functional Requirements Document) signed by all stakeholders
+- [ ] OpenAPI 3.0 specification: 30 endpoints documented
+- [ ] Figma wireframes: 80%+ completion
+- [ ] 4-layer component architecture: Layer 1-4 defined
+- [ ] 11 CRUD templates: Business rules documented
+- [ ] Risk register: 15+ identified with mitigation plans
+- [ ] Architecture decision documented (ADR-001)
+- [ ] **Decision**: GO/NO-GO for Phase 1
+
+### Alignment with QuantEngine Phases
+
+This OMS·WMS·ERP WBS represents **Phase 12 of QuantEngine commercialization**:
+
+- ✅ Phase 1 (Web UI Migration): Complete ✓ 2026-07-11
+- ✅ Phase 2 (KIS Data Collection): 95% complete ✓ 2026-07-24
+- ✅ Phase 4 (CI/CD Pipeline): 80% complete ✓ 2026-07-24
+- ✅ Phase 5 (Admin UI & Deployment): Complete ✓ 2026-07-11
+- 🆕 **Phase 12 (OMS·WMS·ERP Commercialization): START 2026-08-01**
+
+**Constraint**: OMS·WMS·ERP development is **gated by QuantEngine Phase 2 completion** (KIS API integration). Phase 12 can begin only after Phase 2 validation in production.
diff --git a/docs/UI_GUIDELINES.md b/docs/UI_GUIDELINES.md
new file mode 100644
index 00000000..9191bd59
--- /dev/null
+++ b/docs/UI_GUIDELINES.md
@@ -0,0 +1,54 @@
+# QuantEngine UI Design Guidelines
+
+Full UI design principles, extracted from CLAUDE.md (2026-07-30) to keep the main file within
+the character budget. CLAUDE.md keeps a condensed summary; this file has the complete rules
+and the component mapping table.
+
+## Framework & Design System (2026-07-11)
+
+- **Primary Framework**: ASP.NET Core Razor Pages + Bootstrap 5 + Tabler UI
+- **Design System**: Tabler (Bootstrap 5 기반), 밀집 레이아웃 + 전통 서버 렌더링
+- **Render Mode**: **Server-side Razor Pages** — 모든 Admin UI는 서버에서 렌더링, Cookie 기반 인증 (API-First WASM 폐기)
+- **Authentication**: Cookie Authentication (HttpOnly) + BCrypt password hashing + IP lockout (3 strikes, 15-min)
+- **Deprecation**: **Blazor Interactive WebAssembly 폐기**, **MudBlazor 컴포넌트 폐기** (2026-07-11), **SmartAdmin 폐기**. `QuantEngine.Web.Client` 폴더는 저장소에 실재하지 않는다 — `.sln`에서 제외된 것이 아니라 완전히 삭제됨 (2026-07-30 확인)
+
+## Component Development Rules
+
+1. **All Admin UI Development** (New + Refactored):
+   - Use **Razor Pages** (.cshtml + .cshtml.cs PageModel) exclusively for admin
+   - UI는 Repository/Service를 생성자 DI로 직접 호출 (API 홉 없음)
+   - Bootstrap 5 + Tabler UI CSS classes for styling
+   - **Form Validation**: DataAnnotations DTO + FluentValidation IValidator<T> 이중 검증
+   - HTML `<form>` + tag helpers (`asp-for`, `asp-action`, `asp-page`)
+
+2. **Authentication & Authorization**:
+   - Cookie name: `QuantEngine.Admin.Auth` (HttpOnly, SameSite=Lax)
+   - Session duration: 12 hours (sliding expiration)
+   - Folder-level `[Authorize]` via `AuthorizeFolder("/Admin")` convention (per-page 반복 금지)
+   - Login: `/Account/Login` (Razor Page, NO WASM)
+   - Password: BCrypt-hashed (auto-migrates existing SHA-256 hashes on first login)
+   - IP Lockout: 3 failed attempts → 15-minute lockout
+
+3. **Data & Form Patterns**:
+   - PageModel constructor: `public IndexModel(IWorkspaceRepository repo, ILogger<IndexModel> logger)`
+   - Form submission: `OnPostAsync()` / `OnPostDeleteAsync()` (multi-handler pattern)
+   - Validation failures: return `Page()` (re-render with ModelState errors)
+   - Pagination: `PaginationModel` record (Page, TotalPages, Func<int,string> BuildPageUrl)
+   - Empty states: `<PartialView name="_EmptyState" model="message" />`
+
+4. **Component Mapping** (Bootstrap 5 + Tabler):
+
+| UI Element | Component | Notes |
+|-----------|-----------|-------|
+| Button | `<button class="btn btn-primary">` | — |
+| Input field | `<input asp-for="Property" class="form-control">` | tag helper |
+| Dropdown | HTML `<select asp-for="Property">` | tag helper |
+| Data grid | HTML `<table class="table">` | plain, no virtualization |
+| Card | `<div class="card">` | Bootstrap card |
+| Badge/Status | `<span class="badge bg-success">Active</span>` | Bootstrap badge |
+| Layout container | `<div class="container-xl">` / `<div class="row">` | Bootstrap grid |
+| Navigation | HTML navbar in `_AdminLayout.cshtml` | sidebar + topbar |
+| Loading | N/A (server-rendered) | no loading states needed |
+| Icons | Bootstrap Icons (`<i class="bi bi-*"></i>`) | CDN |
+| Modal/Dialog | Bootstrap modal or inline `confirm()` | avoid unnecessary modals |
+| Validation msg | `<span asp-validation-for="Property" class="d-block alert alert-danger mt-2">` | tag helper |
diff --git a/docs/CICD_ANALYSIS_AND_ROADMAP.md b/docs/archive/CICD_ANALYSIS_AND_ROADMAP.md
similarity index 96%
rename from docs/CICD_ANALYSIS_AND_ROADMAP.md
rename to docs/archive/CICD_ANALYSIS_AND_ROADMAP.md
index 96fd2f79..74ee7663 100644
--- a/docs/CICD_ANALYSIS_AND_ROADMAP.md
+++ b/docs/archive/CICD_ANALYSIS_AND_ROADMAP.md
@@ -1,3 +1,7 @@
+> **ARCHIVED (2026-07-30)**: 2026-07-11 시점 build.yml/wbs_9_3_*.yml/merge-to-main.yml 등
+> 이후 삭제된 워크플로우를 전제로 쓰였습니다. 현재 CI 구조는
+> [`../CICD_PIPELINE.md`](../CICD_PIPELINE.md)를 참고하세요.
+
 # QuantEngine CI/CD 파이프라인 — 근본적 개선 분석 및 로드맵
 
 **작성일**: 2026-07-11  
diff --git a/docs/CICD_MONITORING_GUIDE.md b/docs/archive/CICD_MONITORING_GUIDE.md
similarity index 95%
rename from docs/CICD_MONITORING_GUIDE.md
rename to docs/archive/CICD_MONITORING_GUIDE.md
index d8423daa..6220e292 100644
--- a/docs/CICD_MONITORING_GUIDE.md
+++ b/docs/archive/CICD_MONITORING_GUIDE.md
@@ -1,3 +1,7 @@
+> **ARCHIVED (2026-07-30)**: 2026-07-11 시점 파이프라인 구조 기준입니다. 현재 모니터링
+> 방법은 [`../DEPLOYMENT_RUNBOOK.md`](../DEPLOYMENT_RUNBOOK.md)의 "Deployment Monitoring" /
+> "API Monitoring (CLI)" 절을 참고하세요.
+
 # CI/CD Pipeline 모니터링 가이드
 
 **작성일**: 2026-07-11  
diff --git a/docs/CI_CD_IMPLEMENTATION_SUMMARY.md b/docs/archive/CI_CD_IMPLEMENTATION_SUMMARY.md
similarity index 96%
rename from docs/CI_CD_IMPLEMENTATION_SUMMARY.md
rename to docs/archive/CI_CD_IMPLEMENTATION_SUMMARY.md
index 59cbe76e..2d6d4307 100644
--- a/docs/CI_CD_IMPLEMENTATION_SUMMARY.md
+++ b/docs/archive/CI_CD_IMPLEMENTATION_SUMMARY.md
@@ -1,3 +1,7 @@
+> **ARCHIVED (2026-07-30)**: "로컬 Green-Blue 배포(SSH 제거)" 방식은 이후
+> SSH 기반 release-artifact 배포(prepare-release.yml → deploy-prod.yml)로 대체되었습니다.
+> 현재 배포 방식은 [`../DEPLOYMENT_RUNBOOK.md`](../DEPLOYMENT_RUNBOOK.md)를 참고하세요.
+
 # QuantEngine CI/CD 파이프라인 구현 완료 보고서
 
 **작성일**: 2026-07-11  
diff --git a/docs/DEPLOYMENT_TROUBLESHOOTING.md b/docs/archive/DEPLOYMENT_TROUBLESHOOTING.md
similarity index 95%
rename from docs/DEPLOYMENT_TROUBLESHOOTING.md
rename to docs/archive/DEPLOYMENT_TROUBLESHOOTING.md
index 5b8b7a19..0cd560a0 100644
--- a/docs/DEPLOYMENT_TROUBLESHOOTING.md
+++ b/docs/archive/DEPLOYMENT_TROUBLESHOOTING.md
@@ -1,3 +1,8 @@
+> **ARCHIVED (2026-07-30)**: 이미 삭제된 `merge-to-main.yml`, 옛 `deploy_gb.sh` Green-Blue
+> 스크립트를 전제로 쓰였습니다. 현재 트러블슈팅 가이드는
+> [`../DEPLOYMENT_RUNBOOK.md`](../DEPLOYMENT_RUNBOOK.md)의 "Troubleshooting Deployment
+> Failures" 절을 참고하세요.
+
 # CI/CD 배포 트러블슈팅 가이드
 
 **작성일**: 2026-07-11  
diff --git a/docs/TESTING_AND_DEPLOYMENT.md b/docs/archive/TESTING_AND_DEPLOYMENT.md
similarity index 96%
rename from docs/TESTING_AND_DEPLOYMENT.md
rename to docs/archive/TESTING_AND_DEPLOYMENT.md
index 021ae023..c1acf10f 100644
--- a/docs/TESTING_AND_DEPLOYMENT.md
+++ b/docs/archive/TESTING_AND_DEPLOYMENT.md
@@ -1,3 +1,8 @@
+> **ARCHIVED (2026-07-30)**: 테스트 섹션은 bUnit + MudBlazor 컴포넌트(`Dashboard.razor`,
+> `mud-card-kpi` 등) 기준으로, MudBlazor/Blazor WASM이 Razor Pages로 대체된 2026-07-11
+> Phase 1 이후 더 이상 유효하지 않습니다. 배포 섹션은
+> [`../DEPLOYMENT_RUNBOOK.md`](../DEPLOYMENT_RUNBOOK.md)로 대체되었습니다.
+
 # QuantEngine - Testing & Deployment Guide
 
 **Status**: Phase 6 (Testing) & Phase 8 (Deployment) - Configuration & Documentation
diff --git a/docs/db/quantengine.dbml b/docs/db/quantengine.dbml
index faa3a089..9c132261 100644
--- a/docs/db/quantengine.dbml
+++ b/docs/db/quantengine.dbml
@@ -1,8 +1,14 @@
 // =============================================================================
 // QuantEngine Database Schema (DBML)
-// DbUp 마이그레이션(V1~V5)과 1:1 동기화 — 마이그레이션 추가 시 이 파일도 반드시 갱신
+// DbUp 마이그레이션(V1~V8, V003, V004)과 1:1 동기화 — 마이그레이션 추가 시 이 파일도 반드시 갱신
 // (CLAUDE.md 규칙: schema 변경 → DBML + 문서 동기화)
 //
+// 마이그레이션 파일명 규칙 2종 혼재 (2026-07-30 발견, 미해결):
+//   V1__Name.sql .. V8__Name.sql   (더블언더스코어, zero-pad 없음)
+//   V003_name.sql, V004_name.sql   (싱글언더스코어, zero-pad)
+// DbUp는 파일명 알파벳순으로 실행하므로 "V003" < "V1" 순서로 적용됨 — 신규 마이그레이션은
+// 반드시 하나의 규칙(권장: V{n}__Name.sql)만 사용할 것.
+//
 // 참고: Hangfire 스키마는 Hangfire.PostgreSql 라이브러리가 자동 생성
 // (DbUp 마이그레이션으로 관리하지 않음, 여기서도 제외)
 // =============================================================================
@@ -382,7 +388,7 @@ Table engine_history.market_vs_engine_gap_history {
 }
 
 // =============================================================================
-// Schema: engine_history (V5 normalized learning history)
+// V6: Market Time Series (quantengine schema)
 // =============================================================================
 
 Table quantengine.price_history_daily {
@@ -415,6 +421,10 @@ Table quantengine.macro_history_daily {
   }
 }
 
+// =============================================================================
+// V5: Normalized Learning History (engine_history schema, event-sourcing style)
+// =============================================================================
+
 Table engine_history.source_observation {
   observation_id UUID [pk]
   observed_at TIMESTAMPTZ [not null]
@@ -493,6 +503,243 @@ Table engine_history.outcome_evaluation {
   }
 }
 
+// =============================================================================
+// V003: Audit Trail Tables (quantengine schema, 2026-07-24)
+//
+// 2026-07-30 확정 (실제 프로덕션 DB 조회로 검증): 이 마이그레이션은 CREATE TABLE 안에
+// MySQL 전용 인라인 "INDEX name (cols)" 구문을 사용해 PostgreSQL에서 문법 오류로 실패했다.
+// quantengine.schemaversions(DbUp 저널)에 V003이 아예 기록되어 있지 않고, 아래 3개 테이블도
+// 프로덕션에 실제로 존재하지 않음을 직접 확인했다. V003_add_audit_trail_tables.sql의 인라인
+// INDEX 구문은 이미 별도 CREATE INDEX 문으로 수정됐으므로, 다음 배포 시 DbUp가 이 마이그레이션을
+// 최초로 실행해 아래 3개 테이블을 생성할 것이다.
+// =============================================================================
+
+Table quantengine.kis_collection_runs_audit {
+  id BIGSERIAL [pk]
+  run_id "UUID" [not null]
+  action "VARCHAR(10)" [not null, note: "INSERT/UPDATE/DELETE"]
+  changed_at TIMESTAMPTZ [not null, default: "CURRENT_TIMESTAMP"]
+  changed_by "VARCHAR(256)" [default: "CURRENT_USER"]
+  change_reason TEXT
+  old_values JSONB
+  new_values JSONB
+  created_at TIMESTAMPTZ [not null, default: "CURRENT_TIMESTAMP"]
+
+  Note: "kis_collection_runs 변경 이력 (트리거 자동 기록) — ⚠️ 마이그레이션 문법 오류로 실제 생성 여부 미확인"
+}
+
+Table quantengine.kis_collection_snapshots_audit {
+  id BIGSERIAL [pk]
+  snapshot_id "UUID" [not null]
+  action "VARCHAR(10)" [not null, note: "INSERT/UPDATE/DELETE"]
+  changed_at TIMESTAMPTZ [not null, default: "CURRENT_TIMESTAMP"]
+  changed_by "VARCHAR(256)" [default: "CURRENT_USER"]
+  change_reason TEXT
+  old_values JSONB
+  new_values JSONB
+  created_at TIMESTAMPTZ [not null, default: "CURRENT_TIMESTAMP"]
+
+  Note: "kis_collection_snapshots 변경 이력 — ⚠️ 마이그레이션 문법 오류로 실제 생성 여부 미확인"
+}
+
+Table quantengine.kis_collection_errors_audit {
+  id BIGSERIAL [pk]
+  error_id "UUID" [not null]
+  action "VARCHAR(10)" [not null, note: "INSERT/UPDATE/DELETE"]
+  changed_at TIMESTAMPTZ [not null, default: "CURRENT_TIMESTAMP"]
+  changed_by "VARCHAR(256)" [default: "CURRENT_USER"]
+  change_reason TEXT
+  old_values JSONB
+  new_values JSONB
+  created_at TIMESTAMPTZ [not null, default: "CURRENT_TIMESTAMP"]
+
+  Note: "kis_collection_errors 변경 이력 — ⚠️ 마이그레이션 문법 오류로 실제 생성 여부 미확인"
+}
+
+// =============================================================================
+// V004: 3NF Normalization / Star Schema (quantengine schema, Adapter 패턴으로
+// 기존 kis_collection_snapshots와 병행 운영 — 마이그레이션 자체 주석에 명시됨)
+// =============================================================================
+
+Table quantengine.stocks {
+  id SERIAL [pk]
+  ticker "VARCHAR(10)" [unique, not null]
+  name "VARCHAR(255)"
+  sector "VARCHAR(50)"
+  market "VARCHAR(20)" [note: "KOSPI/KOSDAQ 등"]
+  created_at TIMESTAMPTZ [not null, default: "CURRENT_TIMESTAMP"]
+  updated_at TIMESTAMPTZ [not null, default: "CURRENT_TIMESTAMP"]
+
+  Note: "종목 차원 테이블 (Star Schema dimension)"
+}
+
+Table quantengine.sources {
+  id SERIAL [pk]
+  name "VARCHAR(50)" [unique, not null]
+  priority INT [not null, note: "1=주 소스, 2 이상=폴백"]
+  fallback_to_id INT [ref: > quantengine.sources.id]
+  created_at TIMESTAMPTZ [not null, default: "CURRENT_TIMESTAMP"]
+
+  Note: "데이터 소스 차원 테이블 (KIS→Naver→Yahoo→OpenDART 폴백 체인)"
+}
+
+Table quantengine.market_data {
+  id BIGSERIAL [pk]
+  stock_id INT [not null, ref: > quantengine.stocks.id]
+  source_id INT [not null, ref: > quantengine.sources.id]
+  price DECIMAL [not null]
+  bid DECIMAL
+  ask DECIMAL
+  volume BIGINT
+  collected_at TIMESTAMPTZ [not null]
+  created_at TIMESTAMPTZ [not null, default: "CURRENT_TIMESTAMP"]
+  collection_run_id "UUID" [note: "kis_collection_runs 추적용"]
+
+  Note: "정규화된 시장 데이터 팩트 테이블 (Star Schema fact)"
+}
+
+Table quantengine.kis_collection_snapshots_v2 {
+  id "UUID" [pk]
+  run_id "UUID" [not null, ref: > quantengine.kis_collection_runs.run_id]
+  stock_id INT [not null, ref: > quantengine.stocks.id]
+  market_data_id BIGINT [ref: > quantengine.market_data.id, note: "조회 성능을 위한 의도적 역정규화"]
+  created_at TIMESTAMPTZ [not null, default: "CURRENT_TIMESTAMP"]
+
+  Note: "정규화된 kis_collection_snapshots — 레거시 kis_collection_snapshots와 Adapter 패턴으로 병행 운영, 완전 전환 여부 미확인"
+}
+
+// =============================================================================
+// V8: PostgreSQL History-First Operating Model (quantengine schema)
+//
+// ⚠️ 스키마 충돌 주의: 아래 4개 테이블(market_raw_history, factor_version_history,
+// factor_output_history, decision_result_history)은 engine_history 스키마(V3, 위 참고)에
+// 이미 동일한 이름으로 존재한다. 컬럼 구조를 대조한 결과 같은 테이블의 재적용이 아니라
+// 서로 다른 두 가지 설계다:
+//   - engine_history.*: EAV형 원본 관측 이력 (field_name/field_value 페어)
+//   - quantengine.*(이 섹션): OHLCV 와이드 테이블 / 팩터ID-스코어 구조
+// 둘 다 실제 마이그레이션 파일에 존재하므로 DBML에는 두 스키마 버전을 모두 남긴다.
+// 어느 쪽이 정본인지, 혹은 통합이 필요한지는 별도 아키텍처 결정 필요 (이번 작업 범위 밖).
+// =============================================================================
+
+Table quantengine.market_raw_history {
+  id BIGSERIAL [pk]
+  ticker "VARCHAR(32)" [not null]
+  as_of_date "VARCHAR(10)" [not null]
+  open_price "NUMERIC(18,4)"
+  high_price "NUMERIC(18,4)"
+  low_price "NUMERIC(18,4)"
+  close_price "NUMERIC(18,4)" [not null]
+  volume BIGINT
+  nav_price "NUMERIC(18,4)"
+  disparate_ratio "NUMERIC(10,6)"
+  tracking_error "NUMERIC(10,6)"
+  aum_krw "NUMERIC(20,2)"
+  raw_payload JSONB [not null]
+  provenance JSONB [not null]
+  created_at TIMESTAMPTZ [default: "NOW()"]
+
+  indexes {
+    (ticker, as_of_date) [unique, name: "uk_market_raw_ticker_date"]
+  }
+
+  Note: "OHLCV 와이드 테이블 — engine_history.market_raw_history(EAV형)와는 별개 설계"
+}
+
+Table quantengine.factor_version_history {
+  factor_id "VARCHAR(64)" [pk]
+  formula_name "VARCHAR(128)" [not null]
+  version "VARCHAR(32)" [not null]
+  category "VARCHAR(64)" [not null]
+  calibration_state "VARCHAR(32)" [not null, default: "'UNTESTED'"]
+  threshold_params JSONB [not null]
+  description TEXT
+  updated_at TIMESTAMPTZ [default: "NOW()"]
+
+  Note: "팩터 정의 — engine_history.factor_version_history와는 별개 설계 (PK가 factor_id 단독, 버전 이력 미보존)"
+}
+
+Table quantengine.factor_output_history {
+  id BIGSERIAL [pk]
+  run_id "VARCHAR(64)" [not null]
+  ticker "VARCHAR(32)" [not null]
+  as_of_date "VARCHAR(10)" [not null]
+  factor_id "VARCHAR(64)" [not null, ref: > quantengine.factor_version_history.factor_id]
+  score "NUMERIC(10,4)"
+  calculation_state "VARCHAR(32)" [not null]
+  provenance JSONB [not null]
+  created_at TIMESTAMPTZ [default: "NOW()"]
+
+  Note: "팩터 계산 결과 — engine_history.factor_output_history와는 별개 설계"
+}
+
+Table quantengine.decision_result_history {
+  id BIGSERIAL [pk]
+  run_id "VARCHAR(64)" [unique, not null]
+  as_of_date "VARCHAR(10)" [not null]
+  market_regime "VARCHAR(32)" [not null]
+  portfolio_health "VARCHAR(32)" [not null]
+  rebalance_required BOOLEAN [not null, default: "false"]
+  mid_check_required BOOLEAN [not null, default: "false"]
+  total_asset_krw "NUMERIC(20,2)" [not null]
+  d2_cash_krw "NUMERIC(20,2)" [not null]
+  decision_packet_json JSONB [not null]
+  created_at TIMESTAMPTZ [default: "NOW()"]
+
+  Note: "의사결정 패킷 이력 — engine_history.decision_result_history와는 별개 설계"
+}
+
+Table quantengine.order_waterfall_execution_history {
+  id BIGSERIAL [pk]
+  run_id "VARCHAR(64)" [not null, ref: > quantengine.decision_result_history.run_id]
+  ticker "VARCHAR(32)" [not null]
+  sell_priority_rank INT [not null]
+  waterfall_stage "VARCHAR(64)" [not null]
+  action "VARCHAR(16)" [not null]
+  target_qty INT [not null]
+  executed_qty INT [default: "0"]
+  target_price "NUMERIC(18,4)"
+  executed_price "NUMERIC(18,4)"
+  bid_ask_spread_bps "NUMERIC(10,2)"
+  slippage_bps "NUMERIC(10,2)"
+  status "VARCHAR(32)" [not null]
+  rationale TEXT
+  created_at TIMESTAMPTZ [default: "NOW()"]
+
+  Note: "매도 워터폴 실행 이력"
+}
+
+Table quantengine.shadow_ledger_history {
+  id BIGSERIAL [pk]
+  run_id "VARCHAR(64)" [not null, ref: > quantengine.decision_result_history.run_id]
+  ticker "VARCHAR(32)" [not null]
+  blocked_gate "VARCHAR(64)" [not null]
+  blocked_reason TEXT [not null]
+  shadow_price "NUMERIC(18,4)" [not null]
+  shadow_qty INT [not null]
+  shadow_tp_price "NUMERIC(18,4)"
+  shadow_sl_price "NUMERIC(18,4)"
+  created_at TIMESTAMPTZ [default: "NOW()"]
+
+  Note: "게이트에 막힌 주문의 가상 체결 감사 기록 (Shadow Ledger)"
+}
+
+Table quantengine.scheduler_state_history {
+  id BIGSERIAL [pk]
+  task_name "VARCHAR(64)" [not null]
+  execution_id "VARCHAR(64)" [unique, not null]
+  state "VARCHAR(32)" [not null]
+  started_at TIMESTAMPTZ [not null, default: "NOW()"]
+  finished_at TIMESTAMPTZ
+  error_message TEXT
+  lock_token "VARCHAR(64)"
+
+  indexes {
+    (task_name, state) [name: "idx_scheduler_state_task"]
+  }
+
+  Note: "스케줄러 작업 상태 머신 이력"
+}
+
 // =============================================================================
 // Relationships (Logical, not enforced as FKs in DDL)
 // =============================================================================
diff --git a/oms-wms-erp/.dockerignore b/oms-wms-erp/.dockerignore
deleted file mode 100644
index 82b9d662..00000000
--- a/oms-wms-erp/.dockerignore
+++ /dev/null
@@ -1,12 +0,0 @@
-node_modules
-dist
-.git
-.gitignore
-.env
-.env.local
-.DS_Store
-*.log
-build
-coverage
-.vscode
-.idea
diff --git a/oms-wms-erp/.env.example b/oms-wms-erp/.env.example
deleted file mode 100644
index 4863ed73..00000000
--- a/oms-wms-erp/.env.example
+++ /dev/null
@@ -1,23 +0,0 @@
-# API Configuration
-VITE_API_URL=https://api.example.com
-VITE_API_TIMEOUT=30000
-
-# Authentication
-VITE_AUTH_ENABLED=true
-VITE_JWT_SECRET=your-secret-key
-
-# Environment
-VITE_ENV=production
-VITE_DEBUG=false
-
-# Monitoring
-VITE_SENTRY_DSN=https://key@sentry.io/project
-VITE_ANALYTICS_ID=UA-XXXXXXXXX-X
-
-# Feature Flags
-VITE_FEATURE_ADVANCED_REPORTS=true
-VITE_FEATURE_CUSTOM_FIELDS=true
-
-# Logging
-VITE_LOG_LEVEL=info
-VITE_LOG_RETENTION_DAYS=30
diff --git a/oms-wms-erp/.eslintrc.cjs b/oms-wms-erp/.eslintrc.cjs
deleted file mode 100644
index 8082f1c4..00000000
--- a/oms-wms-erp/.eslintrc.cjs
+++ /dev/null
@@ -1,45 +0,0 @@
-/* eslint-env node */
-require('@rushstack/eslint-patch/modern-module-resolution')
-
-module.exports = {
-  root: true,
-  extends: [
-    'plugin:vue/vue3-essential',
-    'eslint:recommended',
-    '@typescript-eslint/eslint-recommended',
-    '@typescript-eslint/recommended',
-    'prettier'
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    parser: '@typescript-eslint/parser',
-    sourceType: 'module',
-    extraFileExtensions: ['.vue']
-  },
-  env: {
-    browser: true,
-    es2021: true,
-    node: true
-  },
-  rules: {
-    'vue/multi-word-component-names': 'off',
-    '@typescript-eslint/no-explicit-any': 'error',
-    '@typescript-eslint/no-unused-vars': [
-      'error',
-      {
-        argsIgnorePattern: '^_',
-        varsIgnorePattern: '^_'
-      }
-    ],
-    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
-  },
-  overrides: [
-    {
-      files: ['*.stories.ts'],
-      rules: {
-        '@typescript-eslint/no-explicit-any': 'off'
-      }
-    }
-  ]
-}
diff --git a/oms-wms-erp/.gitea/workflows/deploy-prod.yml b/oms-wms-erp/.gitea/workflows/deploy-prod.yml
deleted file mode 100644
index 192e2c45..00000000
--- a/oms-wms-erp/.gitea/workflows/deploy-prod.yml
+++ /dev/null
@@ -1,174 +0,0 @@
-name: Deploy to Production
-
-on:
-  workflow_dispatch:
-    inputs:
-      release:
-        description: 'Release tag to deploy (leave empty for latest)'
-        required: false
-        default: ''
-
-jobs:
-  deploy:
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v3
-
-      - name: Get release version
-        id: get-release
-        run: |
-          if [ -z "${{ github.event.inputs.release }}" ]; then
-            RELEASE=$(curl -s -H "Authorization: token ${{ secrets.GITEA_TOKEN }}" \
-              "${{ github.server_url }}/api/v1/repos/${{ github.repository }}/releases?limit=1" | jq -r '.[0].tag_name')
-          else
-            RELEASE="${{ github.event.inputs.release }}"
-          fi
-          echo "RELEASE=$RELEASE" >> $GITHUB_OUTPUT
-          echo "Release: $RELEASE"
-
-      - name: Download release artifact
-        run: |
-          mkdir -p artifacts
-          RELEASE="${{ steps.get-release.outputs.RELEASE }}"
-
-          # Get release info
-          RELEASE_INFO=$(curl -s -H "Authorization: token ${{ secrets.GITEA_TOKEN }}" \
-            "${{ github.server_url }}/api/v1/repos/${{ github.repository }}/releases/tags/$RELEASE")
-
-          ARTIFACT_ID=$(echo "$RELEASE_INFO" | jq -r '.assets[0].id')
-
-          # Download artifact
-          curl -L -o artifacts/oms-wms-erp.tar.gz \
-            -H "Authorization: token ${{ secrets.GITEA_TOKEN }}" \
-            "${{ github.server_url }}/api/v1/repos/${{ github.repository }}/releases/assets/$ARTIFACT_ID"
-
-          ls -lh artifacts/
-
-      - name: Verify artifact
-        run: |
-          cd artifacts
-          # Download and verify checksum if available
-          CHECKSUM_FILE=$(curl -s -H "Authorization: token ${{ secrets.GITEA_TOKEN }}" \
-            "${{ github.server_url }}/api/v1/repos/${{ github.repository }}/releases/tags/${{ steps.get-release.outputs.RELEASE }}" | jq -r '.assets[] | select(.name == "RELEASE_CHECKSUM.txt") | .url')
-
-          if [ ! -z "$CHECKSUM_FILE" ]; then
-            curl -L -o CHECKSUM.txt "$CHECKSUM_FILE"
-            sha256sum -c CHECKSUM.txt || exit 1
-          fi
-
-      - name: Setup SSH
-        run: |
-          mkdir -p ~/.ssh
-          echo "${{ secrets.DEPLOY_SSH_KEY }}" | base64 -d > ~/.ssh/deploy_key
-          chmod 600 ~/.ssh/deploy_key
-          ssh-keyscan -H ${{ secrets.DEPLOY_HOST }} >> ~/.ssh/known_hosts
-
-      - name: Deploy to server
-        env:
-          DEPLOY_HOST: ${{ secrets.DEPLOY_HOST }}
-          DEPLOY_USER: ${{ secrets.DEPLOY_USER }}
-          RELEASE: ${{ steps.get-release.outputs.RELEASE }}
-        run: |
-          ssh -i ~/.ssh/deploy_key ${DEPLOY_USER}@${DEPLOY_HOST} << 'DEPLOY_SCRIPT'
-
-          # Create deployment directory
-          DEPLOY_DIR="/home/kjh2064/deployments/oms-wms-erp_$(date +%Y%m%d_%H%M%S)"
-          mkdir -p "$DEPLOY_DIR"
-
-          # Upload artifact
-          cd "$DEPLOY_DIR"
-
-          # Extract artifact from temp location
-          tar -xzf ~/artifacts-${{ github.run_id }}/oms-wms-erp.tar.gz
-
-          # Install dependencies
-          npm install --legacy-peer-deps --production
-
-          # Copy environment file
-          cp .env.example .env.production
-
-          # Set permissions
-          chmod -R 755 dist/
-          chmod -R 755 node_modules/
-
-          # Update active symlink
-          cd /home/kjh2064
-          rm -f oms-wms-erp_active
-          ln -s "$DEPLOY_DIR" oms-wms-erp_active
-
-          # Restart service
-          sudo systemctl restart oms-wms-erp.service
-
-          echo "✅ Deployment complete"
-          echo "Active version: $(readlink oms-wms-erp_active)"
-
-          DEPLOY_SCRIPT
-
-      - name: Health check
-        env:
-          DEPLOY_HOST: ${{ secrets.DEPLOY_HOST }}
-          DEPLOY_USER: ${{ secrets.DEPLOY_USER }}
-        run: |
-          ssh -i ~/.ssh/deploy_key ${DEPLOY_USER}@${DEPLOY_HOST} << 'HEALTH_CHECK'
-
-          echo "Waiting for service to be ready..."
-          sleep 5
-
-          # Check service status
-          if sudo systemctl is-active --quiet oms-wms-erp.service; then
-            echo "✅ Service is active"
-          else
-            echo "❌ Service is not active"
-            sudo journalctl -u oms-wms-erp.service -n 20
-            exit 1
-          fi
-
-          # Check HTTP response
-          if curl -s http://127.0.0.1:5173/ > /dev/null; then
-            echo "✅ HTTP 200 response"
-          else
-            echo "❌ HTTP request failed"
-            exit 1
-          fi
-
-          # Check logs for errors
-          if sudo journalctl -u oms-wms-erp.service -n 50 | grep -i "error"; then
-            echo "⚠️ Errors found in logs"
-          else
-            echo "✅ No errors in logs"
-          fi
-
-          echo "✅ Health check passed"
-
-          HEALTH_CHECK
-
-      - name: Deployment notification
-        if: success()
-        run: |
-          echo "🚀 Deployment Successful"
-          echo "Release: ${{ steps.get-release.outputs.RELEASE }}"
-          echo "Status: Production deployment complete"
-
-      - name: Rollback on failure
-        if: failure()
-        env:
-          DEPLOY_HOST: ${{ secrets.DEPLOY_HOST }}
-          DEPLOY_USER: ${{ secrets.DEPLOY_USER }}
-        run: |
-          ssh -i ~/.ssh/deploy_key ${DEPLOY_USER}@${DEPLOY_HOST} << 'ROLLBACK'
-
-          echo "🔄 Rolling back to previous version..."
-
-          cd /home/kjh2064
-          PREVIOUS=$(ls -t oms-wms-erp_* | grep -v active | head -1)
-
-          if [ ! -z "$PREVIOUS" ]; then
-            rm -f oms-wms-erp_active
-            ln -s "$PREVIOUS" oms-wms-erp_active
-            sudo systemctl restart oms-wms-erp.service
-            echo "✅ Rollback complete. Active version: $PREVIOUS"
-          fi
-
-          ROLLBACK
diff --git a/oms-wms-erp/.gitea/workflows/prepare-release.yml b/oms-wms-erp/.gitea/workflows/prepare-release.yml
deleted file mode 100644
index a553498b..00000000
--- a/oms-wms-erp/.gitea/workflows/prepare-release.yml
+++ /dev/null
@@ -1,88 +0,0 @@
-name: Prepare Release
-
-on:
-  workflow_dispatch:
-    inputs:
-      version:
-        description: 'Release version (e.g., v1.0.0)'
-        required: true
-        default: 'v1.0.0'
-
-jobs:
-  build-and-release:
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v3
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v3
-        with:
-          node-version: '18'
-          cache: 'npm'
-
-      - name: Install dependencies
-        run: npm install --legacy-peer-deps
-
-      - name: Build production bundle
-        run: npm run build
-
-      - name: Generate checksums
-        run: |
-          cd dist
-          find . -type f -exec sha256sum {} \; > ../CHECKSUMS.txt
-          cd ..
-
-      - name: Create release artifact
-        run: |
-          tar -czf oms-wms-erp-${{ github.event.inputs.version }}.tar.gz dist/ package.json package-lock.json .env.example CHECKSUMS.txt
-          sha256sum oms-wms-erp-${{ github.event.inputs.version }}.tar.gz > RELEASE_CHECKSUM.txt
-
-      - name: Create git tag
-        run: |
-          git config --local user.email "ci@example.com"
-          git config --local user.name "Gitea CI"
-          git tag -a ${{ github.event.inputs.version }} -m "Release ${{ github.event.inputs.version }}"
-          git push origin ${{ github.event.inputs.version }}
-
-      - name: Create Gitea Release
-        run: |
-          curl -X POST \
-            -H "Authorization: token ${{ secrets.GITEA_TOKEN }}" \
-            -H "Content-Type: application/json" \
-            -d '{
-              "tag_name": "${{ github.event.inputs.version }}",
-              "target_commitish": "main",
-              "name": "Release ${{ github.event.inputs.version }}",
-              "body": "OMS·WMS·ERP Production Release",
-              "draft": false,
-              "prerelease": false
-            }' \
-            ${{ github.server_url }}/api/v1/repos/${{ github.repository }}/releases
-
-      - name: Upload artifact to release
-        run: |
-          RELEASE_ID=$(curl -s -H "Authorization: token ${{ secrets.GITEA_TOKEN }}" \
-            "${{ github.server_url }}/api/v1/repos/${{ github.repository }}/releases/tags/${{ github.event.inputs.version }}" | jq '.id')
-
-          curl -X POST \
-            -H "Authorization: token ${{ secrets.GITEA_TOKEN }}" \
-            -F "attachment=@oms-wms-erp-${{ github.event.inputs.version }}.tar.gz" \
-            "${{ github.server_url }}/api/v1/repos/${{ github.repository }}/releases/$RELEASE_ID/assets"
-
-      - name: Upload checksum
-        run: |
-          RELEASE_ID=$(curl -s -H "Authorization: token ${{ secrets.GITEA_TOKEN }}" \
-            "${{ github.server_url }}/api/v1/repos/${{ github.repository }}/releases/tags/${{ github.event.inputs.version }}" | jq '.id')
-
-          curl -X POST \
-            -H "Authorization: token ${{ secrets.GITEA_TOKEN }}" \
-            -F "attachment=@RELEASE_CHECKSUM.txt" \
-            "${{ github.server_url }}/api/v1/repos/${{ github.repository }}/releases/$RELEASE_ID/assets"
-
-      - name: Notify release ready
-        run: |
-          echo "✅ Release ${{ github.event.inputs.version }} prepared successfully"
-          echo "Artifact: oms-wms-erp-${{ github.event.inputs.version }}.tar.gz"
-          echo "Ready for deployment via deploy-prod.yml workflow"
diff --git a/oms-wms-erp/.github/workflows/ci.yml b/oms-wms-erp/.github/workflows/ci.yml
deleted file mode 100644
index 8e4b6dfb..00000000
--- a/oms-wms-erp/.github/workflows/ci.yml
+++ /dev/null
@@ -1,146 +0,0 @@
-name: CI/CD Pipeline
-
-on:
-  push:
-    branches: [main, develop]
-  pull_request:
-    branches: [main, develop]
-
-jobs:
-  lint:
-    name: Lint & Format Check
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: '18'
-          cache: 'npm'
-
-      - name: Install dependencies
-        run: npm ci
-
-      - name: Run ESLint
-        run: npm run lint
-
-      - name: Check TypeScript
-        run: npm run type-check
-
-  test:
-    name: Unit & Integration Tests
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: '18'
-          cache: 'npm'
-
-      - name: Install dependencies
-        run: npm ci
-
-      - name: Run unit tests
-        run: npm run test:unit
-
-      - name: Upload coverage
-        uses: codecov/codecov-action@v3
-        with:
-          files: ./coverage/coverage-final.json
-          flags: unittests
-          name: codecov-umbrella
-
-  build:
-    name: Build & Bundle
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: '18'
-          cache: 'npm'
-
-      - name: Install dependencies
-        run: npm ci
-
-      - name: Build production
-        run: npm run build
-
-      - name: Check bundle size
-        run: |
-          SIZE=$(du -sh dist | awk '{print $1}')
-          echo "📦 Bundle size: $SIZE"
-          if [ $(du -sb dist | awk '{print $1}') -gt 524288000 ]; then
-            echo "❌ Bundle exceeds 500MB limit!"
-            exit 1
-          fi
-
-      - name: Upload build artifact
-        uses: actions/upload-artifact@v3
-        with:
-          name: dist
-          path: dist/
-
-  storybook:
-    name: Build Storybook
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: '18'
-          cache: 'npm'
-
-      - name: Install dependencies
-        run: npm ci
-
-      - name: Build Storybook
-        run: npm run build-storybook
-
-      - name: Upload Storybook
-        uses: actions/upload-artifact@v3
-        with:
-          name: storybook-static
-          path: storybook-static/
-
-  accessibility:
-    name: Accessibility Audit
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: '18'
-          cache: 'npm'
-
-      - name: Install dependencies
-        run: npm ci
-
-      - name: Build Storybook
-        run: npm run build-storybook
-
-      - name: Run accessibility audit
-        run: npm run test:a11y || true
-
-  status:
-    name: CI Status
-    runs-on: ubuntu-latest
-    needs: [lint, test, build, storybook, accessibility]
-    if: always()
-    steps:
-      - name: Check CI status
-        run: |
-          if [[ "${{ needs.lint.result }}" == "failure" || "${{ needs.test.result }}" == "failure" || "${{ needs.build.result }}" == "failure" ]]; then
-            echo "❌ CI failed"
-            exit 1
-          fi
-          echo "✅ CI passed"
diff --git a/oms-wms-erp/.github/workflows/deploy-storybook.yml b/oms-wms-erp/.github/workflows/deploy-storybook.yml
deleted file mode 100644
index 94e20d1f..00000000
--- a/oms-wms-erp/.github/workflows/deploy-storybook.yml
+++ /dev/null
@@ -1,48 +0,0 @@
-name: Deploy Storybook
-
-on:
-  push:
-    branches: [main]
-    paths:
-      - 'src/components/**'
-      - '.storybook/**'
-      - '.github/workflows/deploy-storybook.yml'
-
-permissions:
-  contents: read
-  pages: write
-  id-token: write
-
-jobs:
-  build-and-deploy:
-    name: Build & Deploy Storybook
-    runs-on: ubuntu-latest
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-    steps:
-      - uses: actions/checkout@v4
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: '18'
-          cache: 'npm'
-
-      - name: Install dependencies
-        run: npm ci
-
-      - name: Build Storybook
-        run: npm run build-storybook
-
-      - name: Setup Pages
-        uses: actions/configure-pages@v4
-
-      - name: Upload artifact
-        uses: actions/upload-pages-artifact@v2
-        with:
-          path: './storybook-static'
-
-      - name: Deploy to GitHub Pages
-        id: deployment
-        uses: actions/deploy-pages@v2
diff --git a/oms-wms-erp/.gitignore b/oms-wms-erp/.gitignore
deleted file mode 100644
index 82d5c79a..00000000
--- a/oms-wms-erp/.gitignore
+++ /dev/null
@@ -1,38 +0,0 @@
-# Dependencies
-node_modules/
-/.pnp
-.pnp.js
-
-# Build outputs
-/dist
-/build
-/.cache
-
-# Storybook
-/storybook-static
-
-# Testing
-/coverage
-/.nyc_output
-
-# IDE
-.vscode/
-.idea/
-*.swp
-*.swo
-*~
-.DS_Store
-
-# Environment
-.env
-.env.local
-.env.*.local
-
-# Logs
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Temp files
-*.tmp
-.temp/
diff --git a/oms-wms-erp/.husky/pre-commit b/oms-wms-erp/.husky/pre-commit
deleted file mode 100644
index 36af2198..00000000
--- a/oms-wms-erp/.husky/pre-commit
+++ /dev/null
@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npx lint-staged
diff --git a/oms-wms-erp/.lintstagedrc.json b/oms-wms-erp/.lintstagedrc.json
deleted file mode 100644
index e17881ac..00000000
--- a/oms-wms-erp/.lintstagedrc.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "*.{vue,js,jsx,ts,tsx}": ["eslint --fix", "prettier --write"],
-  "*.{json,css,scss,md}": ["prettier --write"]
-}
diff --git a/oms-wms-erp/.prettierrc.json b/oms-wms-erp/.prettierrc.json
deleted file mode 100644
index b86ba548..00000000
--- a/oms-wms-erp/.prettierrc.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "semi": true,
-  "singleQuote": true,
-  "tabWidth": 2,
-  "trailingComma": "es5",
-  "arrowParens": "always",
-  "bracketSpacing": true,
-  "endOfLine": "lf",
-  "useTabs": false,
-  "printWidth": 100,
-  "vueIndentScriptAndStyle": true
-}
diff --git a/oms-wms-erp/.storybook/main.ts b/oms-wms-erp/.storybook/main.ts
deleted file mode 100644
index 9d30884d..00000000
--- a/oms-wms-erp/.storybook/main.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { StorybookConfig } from '@storybook/vue3-vite'
-
-const config: StorybookConfig = {
-  stories: [
-    '../src/components/primitives/**/*.stories.ts',
-    '../src/components/fields/typed/**/*.stories.ts',
-    '../src/components/fields/domain/**/*.stories.ts',
-    '../src/components/composites/**/*.stories.ts'
-  ],
-  addons: [
-    '@storybook/addon-essentials',
-    '@storybook/addon-a11y',
-    '@storybook/addon-viewport',
-    '@storybook/addon-interactions',
-    '@storybook/addon-controls',
-    '@storybook/addon-measure'
-  ],
-  framework: {
-    name: '@storybook/vue3-vite',
-    options: {}
-  },
-  docs: {
-    autodocs: true,
-    defaultName: 'Documentation'
-  },
-  typescript: {
-    check: true,
-    checkOptions: {
-      eslintConfig: {
-        overrides: [
-          {
-            files: '*.stories.ts',
-            rules: {
-              'react-hooks/rules-of-hooks': 'off'
-            }
-          }
-        ]
-      }
-    }
-  }
-}
-
-export default config
diff --git a/oms-wms-erp/.storybook/preview.ts b/oms-wms-erp/.storybook/preview.ts
deleted file mode 100644
index 38e19409..00000000
--- a/oms-wms-erp/.storybook/preview.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import type { Preview } from '@storybook/vue3'
-import { withThemeByDataAttribute } from '@storybook/addon-themes'
-
-const preview: Preview = {
-  parameters: {
-    actions: { argTypesRegex: '^on[A-Z].*' },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i
-      }
-    },
-    viewport: {
-      viewports: {
-        mobile: {
-          name: 'Mobile',
-          styles: {
-            width: '375px',
-            height: '667px'
-          }
-        },
-        tablet: {
-          name: 'Tablet',
-          styles: {
-            width: '768px',
-            height: '1024px'
-          }
-        },
-        desktop: {
-          name: 'Desktop',
-          styles: {
-            width: '1440px',
-            height: '900px'
-          }
-        }
-      }
-    },
-    a11y: {
-      config: {
-        rules: [
-          {
-            id: 'color-contrast',
-            enabled: true
-          }
-        ]
-      }
-    }
-  },
-  decorators: [
-    withThemeByDataAttribute({
-      themes: {
-        light: 'light',
-        dark: 'dark'
-      },
-      defaultTheme: 'light',
-      attributeName: 'data-theme'
-    })
-  ]
-}
-
-export default preview
diff --git a/oms-wms-erp/DEPLOYMENT.md b/oms-wms-erp/DEPLOYMENT.md
deleted file mode 100644
index 9a739c55..00000000
--- a/oms-wms-erp/DEPLOYMENT.md
+++ /dev/null
@@ -1,106 +0,0 @@
-# OMS·WMS·ERP Production Deployment Guide
-
-## Overview
-
-OMS·WMS·ERP uses **Gitea Actions CI/CD** for production deployments.
-
-**Critical Rule**: ALL production deployments MUST go through Gitea Actions CI/CD. Manual deployments are **FORBIDDEN**.
-
-## Deployment Workflow
-
-### Stage 1: Prepare Release (prepare-release.yml)
-
-**Trigger**: Manual via Gitea Actions
-
-1. Go to: https://gitea.taxbaik.com/kjh2064/oms-wms-erp/actions
-2. Select workflow: prepare-release.yml
-3. Click "Run workflow"
-4. Input version: 1.0.0
-5. Confirm
-
-**What it does**:
-- npm run build → dist/ (173KB)
-- Create git tag (v1.0.0)
-- Create Gitea Release
-- Upload artifact (oms-wms-erp-v1.0.0.tar.gz)
-
-**Result**: Release ready at https://gitea.taxbaik.com/kjh2064/oms-wms-erp/releases/tag/v1.0.0
-
-### Stage 2: Deploy Release (deploy-prod.yml)
-
-**Trigger**: Manual via Gitea Actions (after prepare-release.yml completes)
-
-1. Same Actions page
-2. Select workflow: deploy-prod.yml
-3. Click "Run workflow"
-4. Input release: 1.0.0 (or leave empty for latest)
-5. Confirm
-
-**What it does**:
-- Download artifact from Gitea Release
-- SSH upload to 178.104.200.7:/home/kjh2064/deployments/
-- Extract to deployment directory
-- npm install --legacy-peer-deps --production
-- Update symlink: ~/oms-wms-erp_active
-- Restart: sudo systemctl restart oms-wms-erp.service
-- Health checks (6-point verification)
-- Automatic rollback on failure
-
-**Result**: Deployment complete or rolled back with clear status message
-
-## Pre-Deployment Checklist
-
-BEFORE pushing to main:
-
-✅ npm run build (0 errors)
-✅ npm run test:unit (all pass)
-✅ npm run test:e2e (all pass)
-✅ npm run lint (0 warnings)
-✅ npm run preview (works locally)
-✅ git status (clean)
-
-## Required Secrets
-
-Configure in Gitea: Settings → Secrets
-
-- GITEA_TOKEN: Personal access token
-- DEPLOY_SSH_KEY: SSH private key (PEM or base64)
-- DEPLOY_HOST: 178.104.200.7
-- DEPLOY_USER: kjh2064
-
-## Post-Deployment Verification
-
-SSH into server:
-  ssh kjh2064@178.104.200.7
-
-Check status:
-  sudo systemctl status oms-wms-erp.service
-  # Expected: active (running)
-
-Test HTTP:
-  curl http://127.0.0.1:5173/
-  # Expected: HTTP 200
-
-View logs:
-  sudo journalctl -u oms-wms-erp.service -n 50
-
-## Rollback (Manual)
-
-List deployments:
-  ls -la /home/kjh2064/deployments/
-
-Switch to previous version:
-  rm /home/kjh2064/oms-wms-erp_active
-  ln -s /home/kjh2064/deployments/oms-wms-erp_20260727_100000 /home/kjh2064/oms-wms-erp_active
-  sudo systemctl restart oms-wms-erp.service
-
-## Summary
-
-- **Build**: 1.22 seconds ✓
-- **Bundle**: 173KB (target: <500KB) ✓
-- **Tests**: 1,400+ (70%+ coverage) ✓
-- **Deployment**: ~10 minutes ✓
-- **Health Checks**: 6-point automatic ✓
-- **Rollback**: Automatic on failure ✓
-
-Status: 🟢 PRODUCTION READY
diff --git a/oms-wms-erp/DEVELOPMENT.md b/oms-wms-erp/DEVELOPMENT.md
deleted file mode 100644
index 58719465..00000000
--- a/oms-wms-erp/DEVELOPMENT.md
+++ /dev/null
@@ -1,613 +0,0 @@
-# Development Guide
-
-## Quick Start
-
-### 1. First-Time Setup
-
-```bash
-# Clone repository
-git clone <repo-url>
-cd oms-wms-erp
-
-# Install dependencies (once)
-npm install
-
-# Or use Makefile
-make install
-```
-
-### 2. Start Development
-
-**Option A: Using npm**
-```bash
-# Terminal 1: Start Vite dev server
-npm run dev
-# → http://localhost:5173
-
-# Terminal 2: Start Storybook
-npm run storybook
-# → http://localhost:6006
-```
-
-**Option B: Using Makefile**
-```bash
-# Terminal 1
-make dev
-
-# Terminal 2
-make storybook
-```
-
-### 3. Quality Checks
-
-```bash
-# Before committing, run:
-make verify
-
-# Or individual checks:
-npm run lint           # ESLint + Prettier
-npm run type-check     # TypeScript
-npm run test:unit      # Unit tests
-npm run build          # Production build
-```
-
----
-
-## Project Structure
-
-```
-src/
-├── components/
-│   ├── primitives/        # Layer 1: UI building blocks
-│   │   ├── Button/
-│   │   ├── Input/
-│   │   ├── Select/
-│   │   └── ... (30 total)
-│   ├── fields/
-│   │   ├── typed/         # Layer 2: Type-safe inputs
-│   │   │   ├── TextField/
-│   │   │   └── ... (12 total)
-│   │   └── domain/        # Layer 3: Business-specific
-│   │       ├── OrderLineField/
-│   │       └── ... (12 total)
-│   └── composites/        # Layer 4: Full workflows
-│       ├── Order/
-│       └── ... (11 total)
-├── stores/                # Pinia state management
-│   └── modules/
-│       ├── orders.ts
-│       ├── inventory.ts
-│       └── ... (10 total)
-├── views/                 # Page components
-│   ├── Home.vue
-│   ├── Order/OrderList.vue
-│   ├── Order/OrderForm.vue
-│   └── ...
-├── services/              # API client, validators, formatters
-│   ├── api/
-│   ├── validators/
-│   └── formatters/
-├── router.ts              # Vue Router configuration
-├── App.vue                # Root component
-└── main.ts                # Entry point
-```
-
----
-
-## Creating New Components
-
-### 1. Primitive Component (Layer 1)
-
-**Example: Create TextareaBase**
-
-```bash
-# Create folder
-mkdir -p src/components/primitives/Textarea
-
-# Create component files
-cat > src/components/primitives/Textarea/TextareaBase.vue << 'EOF'
-<template>
-  <div class="mb-3">
-    <label v-if="label" :for="id" class="form-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <textarea
-      :id="id"
-      :value="modelValue"
-      :placeholder="placeholder"
-      :rows="rows"
-      :disabled="disabled"
-      :class="['form-control', { 'is-invalid': errorMessage }]"
-      @input="$emit('update:modelValue', ($event.target as HTMLTextAreaElement).value)"
-      @blur="$emit('blur')"
-    />
-    <div v-if="errorMessage" :id="`error-${id}`" class="invalid-feedback d-block">
-      {{ errorMessage }}
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-interface Props {
-  modelValue: string
-  label?: string
-  placeholder?: string
-  rows?: number
-  disabled?: boolean
-  required?: boolean
-  errorMessage?: string
-}
-
-withDefaults(defineProps<Props>(), {
-  rows: 4
-})
-
-const id = ref(`textarea-${Math.random().toString(36).slice(2, 11)}`)
-
-defineEmits<{
-  'update:modelValue': [value: string]
-  blur: []
-}>()
-</script>
-EOF
-
-# Create Storybook stories
-cat > src/components/primitives/Textarea/TextareaBase.stories.ts << 'EOF'
-import type { Meta, StoryObj } from '@storybook/vue3'
-import TextareaBase from './TextareaBase.vue'
-
-const meta = {
-  title: 'Primitives/Textarea',
-  component: TextareaBase,
-  tags: ['autodocs']
-} satisfies Meta<typeof TextareaBase>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const Default: Story = {
-  args: {
-    label: 'Comments',
-    placeholder: 'Enter your comments here...',
-    rows: 4
-  }
-}
-
-export const Error: Story = {
-  args: {
-    label: 'Comments',
-    errorMessage: 'This field is required'
-  }
-}
-EOF
-
-# Create unit tests
-cat > src/components/primitives/Textarea/TextareaBase.spec.ts << 'EOF'
-import { describe, it, expect } from 'vitest'
-import { mount } from '@vue/test-utils'
-import TextareaBase from './TextareaBase.vue'
-
-describe('TextareaBase', () => {
-  it('renders with label', () => {
-    const wrapper = mount(TextareaBase, {
-      props: {
-        label: 'Comments'
-      }
-    })
-    expect(wrapper.text()).toContain('Comments')
-  })
-
-  it('emits update:modelValue on input', async () => {
-    const wrapper = mount(TextareaBase, {
-      props: {
-        modelValue: ''
-      }
-    })
-    await wrapper.find('textarea').setValue('test text')
-    expect(wrapper.emitted('update:modelValue')).toBeDefined()
-  })
-})
-EOF
-```
-
-### 2. Typed Field Component (Layer 2)
-
-**Example: Create TimeField**
-
-```bash
-mkdir -p src/components/fields/typed/TimeField
-
-# Create TimeField.vue (similar to DateField but for time input)
-# Create TimeField.stories.ts (time picker stories)
-# Create TimeField.spec.ts (validation tests)
-```
-
-### 3. Domain Field Component (Layer 3)
-
-**Example: Create PriceField**
-
-```bash
-mkdir -p src/components/fields/domain/PriceField
-
-# Create PriceField.vue (extends CurrencyField with KIS tick rules)
-# Create PriceField.stories.ts (price input with suggestions)
-# Create PriceField.spec.ts (tick rule validation)
-```
-
-### 4. Business Composite Component (Layer 4)
-
-**Example: Create CustomerForm**
-
-```bash
-mkdir -p src/components/composites/Customer
-
-# Create CustomerForm.vue (full CRUD form)
-# Create CustomerForm.stories.ts (create/edit modes)
-# Create CustomerForm.spec.ts (form submission, validation)
-```
-
----
-
-## Component Best Practices
-
-### Props & Events
-
-```typescript
-// Good: Strongly typed
-interface Props {
-  modelValue: string
-  label?: string
-  disabled?: boolean
-  errorMessage?: string
-}
-
-// ❌ Bad: Loose typing
-props: {
-  value: String,  // No type definition
-  options: Array  // Unclear structure
-}
-```
-
-### Slots
-
-```vue
-<template>
-  <!-- Named slots for flexibility -->
-  <div class="card">
-    <div class="card-header">
-      <slot name="header">Default Header</slot>
-    </div>
-    <div class="card-body">
-      <slot />
-    </div>
-    <div class="card-footer">
-      <slot name="footer" />
-    </div>
-  </div>
-</template>
-```
-
-### Accessibility
-
-```vue
-<template>
-  <!-- Always use labels -->
-  <label :for="id" class="form-label">Name</label>
-  <input :id="id" :aria-describedby="errorId" />
-  
-  <!-- Describe error messages -->
-  <div :id="errorId" v-if="error" class="invalid-feedback">
-    {{ error }}
-  </div>
-</template>
-```
-
-### Testing
-
-```typescript
-import { describe, it, expect } from 'vitest'
-import { mount } from '@vue/test-utils'
-
-describe('MyComponent', () => {
-  it('renders with props', () => {
-    const wrapper = mount(MyComponent, {
-      props: { label: 'Test' }
-    })
-    expect(wrapper.find('label').text()).toBe('Test')
-  })
-
-  it('emits events', async () => {
-    const wrapper = mount(MyComponent)
-    await wrapper.find('button').trigger('click')
-    expect(wrapper.emitted('click')).toHaveLength(1)
-  })
-})
-```
-
----
-
-## Storybook Stories
-
-### Basic Story
-
-```typescript
-import type { Meta, StoryObj } from '@storybook/vue3'
-import MyComponent from './MyComponent.vue'
-
-const meta = {
-  title: 'Primitives/MyComponent',
-  component: MyComponent,
-  tags: ['autodocs'],
-  argTypes: {
-    variant: {
-      control: 'select',
-      options: ['primary', 'secondary', 'danger']
-    },
-    size: {
-      control: 'select',
-      options: ['sm', 'md', 'lg']
-    }
-  }
-} satisfies Meta<typeof MyComponent>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const Primary: Story = {
-  args: {
-    variant: 'primary',
-    size: 'md'
-  },
-  slots: {
-    default: 'Click me'
-  }
-}
-
-export const Secondary: Story = {
-  args: {
-    variant: 'secondary'
-  }
-}
-```
-
-### Story with Controls
-
-```typescript
-export const Interactive: Story = {
-  args: {
-    label: 'Username',
-    placeholder: 'Enter username',
-    disabled: false,
-    required: true
-  },
-  argTypes: {
-    disabled: { control: 'boolean' },
-    required: { control: 'boolean' }
-  }
-}
-```
-
----
-
-## Running Tests
-
-### Unit Tests
-
-```bash
-# Run all tests
-npm run test:unit
-
-# Run specific test
-npm run test:unit -- ButtonBase.spec.ts
-
-# Watch mode (re-run on file changes)
-npm run test:unit -- --watch
-
-# Coverage report
-npm run test:unit -- --coverage
-```
-
-### Integration Tests
-
-```bash
-# Run with Vitest + MSW mocks
-npm run test:integration
-```
-
-### E2E Tests
-
-```bash
-# Run Playwright tests
-npm run test:e2e
-
-# Run specific test
-npm run test:e2e -- order-crud.spec.ts
-
-# Debug mode
-npm run test:e2e -- --debug
-
-# UI mode (interactive)
-npm run test:e2e -- --ui
-```
-
----
-
-## Code Quality
-
-### ESLint
-
-```bash
-# Check all files
-npm run lint
-
-# Fix automatically
-npm run lint -- --fix
-
-# Check specific file
-npx eslint src/components/Button/ButtonBase.vue
-```
-
-### TypeScript
-
-```bash
-# Run type checker
-npm run type-check
-
-# Show errors
-npx vue-tsc --noEmit --pretty
-```
-
-### Prettier
-
-```bash
-# Format all files
-npm run format
-
-# Check formatting
-npm run format:check
-```
-
----
-
-## Build & Deployment
-
-### Development Build
-
-```bash
-npm run build:dev
-# Creates dist/ with source maps
-```
-
-### Production Build
-
-```bash
-npm run build
-# Creates optimized dist/ <500KB (gzipped)
-```
-
-### Preview Production Build
-
-```bash
-npm run preview
-# Serves dist/ on http://localhost:4173/
-```
-
-### Build Storybook
-
-```bash
-npm run build-storybook
-# Creates storybook-static/
-# Deploy to GitHub Pages or Chromatic
-```
-
----
-
-## Troubleshooting
-
-### Port Already in Use
-
-```bash
-# Use different port
-npm run dev -- --port 5174
-npm run storybook -- -p 6007
-```
-
-### Clear Cache
-
-```bash
-# Remove Vite cache
-rm -rf node_modules/.vite
-
-# Remove node_modules completely
-rm -rf node_modules/
-npm install
-```
-
-### TypeScript Errors
-
-```bash
-# See detailed errors
-npm run type-check
-
-# Fix common issues
-# 1. Remove unused imports
-# 2. Add type definitions
-# 3. Fix implicit `any` types
-```
-
-### Test Timeouts
-
-```bash
-# Increase timeout
-npm run test:unit -- --timeout=20000
-```
-
----
-
-## Git Workflow
-
-### Before Committing
-
-```bash
-# Run all checks
-make verify
-
-# This runs:
-# 1. ESLint (auto-fix)
-# 2. TypeScript check
-# 3. Unit tests
-# 4. Production build
-```
-
-### Commit Message Format
-
-```
-feat(component): Add new Button component
-
-- Implement primary, secondary, danger variants
-- Add loading and disabled states
-- Add 7 Storybook stories
-- Add 8 unit tests (100% coverage)
-- Add WCAG 2.1 AA accessibility
-
-Closes #123
-```
-
-### Pre-commit Hooks
-
-Husky automatically runs lint-staged before each commit:
-- ESLint auto-fixes staged files
-- Prettier formats staged files
-- Commit blocked if errors found
-
----
-
-## Phase 1 Checklist
-
-- [ ] Vite + Vue 3 + TypeScript configured
-- [ ] Storybook 7.0 with 8 addons
-- [ ] ESLint + Prettier setup
-- [ ] Pre-commit hooks (husky + lint-staged)
-- [ ] 5 initial Primitive components
-- [ ] 8 unit tests passing
-- [ ] 7 Storybook stories
-- [ ] npm run dev works (http://localhost:5173)
-- [ ] npm run storybook works (http://localhost:6006)
-- [ ] npm run build succeeds (<500KB)
-- [ ] CI/CD pipeline configured (GitHub Actions)
-- [ ] All developers can build locally
-
----
-
-## Next Steps
-
-1. **Phase 2**: Create remaining 25 Primitive components (Weeks 3-4)
-2. **Phase 3**: Create Typed & Domain Fields + Pinia (Weeks 5-6)
-3. **Phase 4**: Create Business Composites + E2E tests (Weeks 7-8)
-
----
-
-**Questions?** See README.md or PHASE1-STEP2-VERIFICATION.md
diff --git a/oms-wms-erp/Dockerfile b/oms-wms-erp/Dockerfile
deleted file mode 100644
index ffc5ad9a..00000000
--- a/oms-wms-erp/Dockerfile
+++ /dev/null
@@ -1,27 +0,0 @@
-# Build stage
-FROM node:18-alpine as builder
-
-WORKDIR /app
-
-COPY package*.json ./
-RUN npm ci
-
-COPY . .
-RUN npm run build
-
-# Production stage
-FROM node:18-alpine
-
-WORKDIR /app
-
-RUN npm install -g serve
-
-COPY --from=builder /app/dist ./dist
-COPY --from=builder /app/.env.example .
-
-EXPOSE 5173
-
-ENV NODE_ENV=production
-ENV PORT=5173
-
-CMD ["serve", "-s", "dist", "-l", "5173"]
diff --git a/oms-wms-erp/GITHUB-SETUP.md b/oms-wms-erp/GITHUB-SETUP.md
deleted file mode 100644
index 7569e342..00000000
--- a/oms-wms-erp/GITHUB-SETUP.md
+++ /dev/null
@@ -1,481 +0,0 @@
-# GitHub Setup Guide
-
-**Complete GitHub repository configuration for OMS·WMS·ERP**
-
----
-
-## 1. Repository Settings
-
-### Basic Settings
-- **Repository Name**: `oms-wms-erp`
-- **Description**: Enterprise OMS·WMS·ERP Platform (Vue 3 + TypeScript)
-- **Visibility**: Private (internal use only)
-- **Default Branch**: `main`
-- **Squash merges**: Enabled (keep commit history clean)
-- **Auto-delete head branches**: Enabled (cleanup after PR merge)
-
-### Repository Collaborators
-
-Add team members with appropriate roles:
-
-| Role | Responsibility |
-|------|-----------------|
-| **Admin** | Release management, workflow updates, settings |
-| **Maintain** | Code review, PR approval, branch management |
-| **Triage** | Label management, issue assignment |
-| **Push** | Push to main, create branches, PR reviews |
-| **Pull** | Clone, pull, create issues/discussions |
-
----
-
-## 2. Branch Protection Rules
-
-### Rule 1: Protect `main` Branch
-
-Navigate to: **Settings → Branches → Add rule**
-
-```
-Branch name pattern: main
-```
-
-Enable:
-- ✅ **Require a pull request before merging**
-  - Require approvals: 1
-  - Require review from code owners: Yes
-  - Dismiss stale pull request approvals: Yes
-
-- ✅ **Require status checks to pass before merging**
-  - Require branches to be up to date: Yes
-  - Required status checks:
-    - `lint` (ESLint)
-    - `test` (Unit tests)
-    - `build` (Production build)
-    - `storybook` (Storybook build)
-    - `accessibility` (A11y audit)
-
-- ✅ **Require code reviews**
-  - Require 1 approval minimum
-  - Require review from CODEOWNERS: Yes
-
-- ✅ **Require signed commits**: No (optional)
-
-- ✅ **Require resolution of conversations**: Yes
-
-### Rule 2: Protect `develop` Branch (if used)
-
-```
-Branch name pattern: develop
-```
-
-Enable:
-- ✅ Require PR before merge
-- ✅ Require 1 approval
-- ✅ Status checks (same as main)
-
----
-
-## 3. CODEOWNERS File
-
-Create `.github/CODEOWNERS`:
-
-```
-# Root configuration
-* @frontend-team
-*.json @frontend-team
-*.yml @frontend-team
-
-# Components
-/src/components/primitives/ @frontend-lead
-/src/components/fields/ @frontend-team
-/src/components/composites/ @frontend-team
-
-# Stores & Services
-/src/stores/ @frontend-team
-/src/services/ @frontend-team
-
-# Tests
-/tests/ @qa-team
-
-# Documentation
-/docs/ @technical-writer
-DEVELOPMENT.md @frontend-lead
-README.md @frontend-lead
-```
-
----
-
-## 4. GitHub Actions Secrets
-
-Navigate to: **Settings → Secrets and variables → Actions**
-
-### Required Secrets (None for public actions)
-
-- `CODECOV_TOKEN` (optional, for coverage reporting)
-  - Get from: https://codecov.io (if using Codecov)
-
-### Optional Secrets (for future phases)
-
-- `SENTRY_DSN` (error tracking)
-- `GA_ID` (analytics)
-- `NPM_TOKEN` (if publishing to npm)
-
----
-
-## 5. Workflow Configuration
-
-### Workflows Location
-All workflows in `.github/workflows/`:
-
-| Workflow | Trigger | Purpose |
-|----------|---------|---------|
-| **ci.yml** | push (main/develop), PR | Lint → Test → Build → A11y |
-| **deploy-storybook.yml** | push (main) | Build & deploy to GitHub Pages |
-
-### Workflow Triggers
-
-**CI Workflow** (ci.yml)
-```yaml
-on:
-  push:
-    branches: [main, develop]
-  pull_request:
-    branches: [main, develop]
-```
-
-**Deploy Storybook** (deploy-storybook.yml)
-```yaml
-on:
-  push:
-    branches: [main]
-    paths:
-      - 'src/components/**'
-      - '.storybook/**'
-```
-
----
-
-## 6. GitHub Pages Deployment (Storybook)
-
-### Enable GitHub Pages
-
-Navigate to: **Settings → Pages**
-
-```
-Source: Deploy from a branch
-Branch: gh-pages (auto-created by deploy-storybook.yml)
-Folder: / (root)
-Enforce HTTPS: Yes
-```
-
-### Access Storybook
-
-After first deployment:
-```
-https://<username>.github.io/<repo-name>/
-```
-
-Example: `https://kjh2064.github.io/oms-wms-erp/`
-
----
-
-## 7. Environment Setup
-
-### Development Environment
-
-1. **Clone repository**
-   ```bash
-   git clone https://github.com/<username>/oms-wms-erp.git
-   cd oms-wms-erp
-   ```
-
-2. **Copy environment file**
-   ```bash
-   cp .env.example .env.local
-   ```
-
-3. **Install & verify**
-   ```bash
-   make verify-step2
-   ```
-
-### CI/CD Environment
-
-Workflows run automatically on:
-- Every push to `main` or `develop`
-- Every pull request to `main` or `develop`
-
-No additional setup needed — GitHub Actions handles it.
-
----
-
-## 8. PR Template
-
-Create `.github/pull_request_template.md`:
-
-```markdown
-## Description
-Brief description of changes.
-
-## Type of Change
-- [ ] Bug fix
-- [ ] New feature
-- [ ] Breaking change
-- [ ] Documentation update
-
-## Related Issues
-Closes #(issue number)
-
-## Testing
-- [ ] Unit tests pass (npm run test:unit)
-- [ ] E2E tests pass (npm run test:e2e)
-- [ ] Storybook stories updated
-- [ ] No console errors
-
-## Checklist
-- [ ] Code follows project style (npm run lint passes)
-- [ ] Documentation updated
-- [ ] All tests passing
-- [ ] No new warnings
-- [ ] Accessibility verified (axe-core)
-
-## Screenshots (if applicable)
-Add screenshots for UI changes.
-```
-
----
-
-## 9. Issue Templates
-
-Create `.github/ISSUE_TEMPLATE/bug_report.md`:
-
-```markdown
----
-name: Bug Report
-about: Report a bug
-title: '[BUG] '
-labels: bug
----
-
-## Description
-Brief description of the bug.
-
-## Steps to Reproduce
-1. Step 1
-2. Step 2
-3. Step 3
-
-## Expected Behavior
-What should happen.
-
-## Actual Behavior
-What actually happened.
-
-## Screenshots
-If applicable, add screenshots.
-
-## Environment
-- Node version: (e.g., 18.0.0)
-- Browser: (e.g., Chrome 120)
-- OS: (e.g., macOS)
-```
-
-Create `.github/ISSUE_TEMPLATE/feature_request.md`:
-
-```markdown
----
-name: Feature Request
-about: Suggest an enhancement
-title: '[FEATURE] '
-labels: enhancement
----
-
-## Description
-Brief description of the feature.
-
-## Motivation
-Why is this feature needed?
-
-## Proposed Solution
-How should it work?
-
-## Alternatives
-Other possible approaches?
-```
-
----
-
-## 10. Monitoring & Maintenance
-
-### Check Workflow Status
-
-1. **GitHub Actions Dashboard**
-   ```
-   https://github.com/<username>/oms-wms-erp/actions
-   ```
-
-2. **View workflow run details**
-   - Click workflow name
-   - See jobs and logs
-   - Diagnose failures
-
-### Common Issues
-
-| Issue | Solution |
-|-------|----------|
-| Build timeout | Increase timeout or optimize dependencies |
-| npm install fails | Check internet connection, clear npm cache |
-| Port already in use | Change port in vite.config.ts |
-| Test flakiness | Retry test, check for async issues |
-
-### Monitoring
-
-- **codecov.io** (optional) - Track test coverage over time
-- **GitHub Insights** - Monitor pull requests, contributors
-- **GitHub Pages** - Monitor Storybook deployment status
-
----
-
-## 11. Team Workflow
-
-### Feature Branch Workflow
-
-```
-1. Create feature branch
-   git checkout -b feat/component-name
-
-2. Develop & commit
-   git commit -m "feat(component): description"
-
-3. Push to GitHub
-   git push origin feat/component-name
-
-4. Create Pull Request
-   - GitHub will run CI/CD checks automatically
-   - All checks must PASS
-   - Require 1 code review approval
-
-5. Merge to main
-   - Squash merge (keeps history clean)
-   - Delete branch after merge
-   - Storybook auto-deploys
-
-6. Release (manual)
-   - Tag commit: git tag v0.1.0
-   - Push tag: git push origin v0.1.0
-```
-
-### Code Review Process
-
-1. **Author** creates PR with description
-2. **Reviewers** check:
-   - ✅ Code quality (ESLint passes)
-   - ✅ Tests passing (100% for critical paths)
-   - ✅ Accessibility (WCAG 2.1 AA)
-   - ✅ Documentation updated
-3. **CI/CD** verifies:
-   - ✅ All status checks PASS
-   - ✅ No merge conflicts
-4. **Merge** to main (squash commit)
-5. **Deploy** Storybook auto-deploys
-
----
-
-## 12. Release Process
-
-### Create Release
-
-```bash
-# 1. Create version tag
-git tag -a v0.1.0 -m "Release v0.1.0"
-
-# 2. Push tag
-git push origin v0.1.0
-
-# 3. GitHub auto-creates release
-# Visit: https://github.com/<username>/oms-wms-erp/releases
-```
-
-### Release Checklist
-
-- [ ] All tests passing
-- [ ] No critical warnings
-- [ ] Storybook built & deployed
-- [ ] Documentation updated
-- [ ] Version bumped in package.json
-- [ ] CHANGELOG updated
-- [ ] Tag created & pushed
-
----
-
-## 13. Troubleshooting
-
-### Workflow Failures
-
-**Check logs:**
-```
-GitHub Actions → Workflow → Job → Logs
-```
-
-**Common failures:**
-- `lint` failure: Run `npm run lint -- --fix`
-- `test` failure: Run `npm run test:unit`
-- `build` failure: Check dependencies, run `npm ci`
-
-### Branch Protection Issues
-
-If you can't merge PR:
-1. Verify all checks PASS
-2. Ensure 1 approval received
-3. Check branch is up-to-date
-4. Resolve conversations
-
----
-
-## 14. Best Practices
-
-### Commit Messages
-```
-feat(component): Add new Button component
-fix(button): Correct loading state
-docs: Update component guide
-test: Add Button unit tests
-chore: Update dependencies
-```
-
-### Branch Naming
-```
-feat/button-component
-fix/button-loading-state
-docs/add-guide
-refactor/simplify-input
-```
-
-### PR Titles
-```
-[FEAT] Add Button primitive component
-[FIX] Correct Table row-click event
-[DOCS] Update development guide
-[TEST] Add E2E tests for Order form
-```
-
----
-
-## Phase 1 GitHub Setup Checklist
-
-- [ ] Repository created (main branch)
-- [ ] Branch protection rule applied to main
-- [ ] CODEOWNERS file created
-- [ ] GitHub Pages enabled
-- [ ] CI/CD workflows created (.github/workflows/)
-- [ ] .env.example committed
-- [ ] PR template added (.github/pull_request_template.md)
-- [ ] Issue templates added (.github/ISSUE_TEMPLATE/)
-- [ ] All team members invited & permissions set
-- [ ] First Storybook deploy successful
-- [ ] All workflows passing on main
-
----
-
-**Status**: ✅ Phase 1 Step 4 Ready  
-**Timeline**: 2026-08-11 (Week 2, Friday)  
-**Next**: Phase 2 (Typed Fields, Week 3-4)
diff --git a/oms-wms-erp/Makefile b/oms-wms-erp/Makefile
deleted file mode 100644
index aff58fbd..00000000
--- a/oms-wms-erp/Makefile
+++ /dev/null
@@ -1,161 +0,0 @@
-.PHONY: help install dev storybook lint test build verify clean
-
-# Color output
-BOLD=\033[1m
-GREEN=\033[32m
-YELLOW=\033[33m
-NC=\033[0m
-
-help:
-	@echo "$(BOLD)OMS·WMS·ERP Development Commands$(NC)"
-	@echo ""
-	@echo "$(GREEN)Setup & Installation$(NC)"
-	@echo "  make install              Install dependencies"
-	@echo "  make clean                Remove node_modules and build artifacts"
-	@echo ""
-	@echo "$(GREEN)Development$(NC)"
-	@echo "  make dev                  Start Vite dev server (http://localhost:5173)"
-	@echo "  make storybook            Start Storybook (http://localhost:6006)"
-	@echo ""
-	@echo "$(GREEN)Quality Checks$(NC)"
-	@echo "  make lint                 Run ESLint + Prettier"
-	@echo "  make type-check           Run TypeScript compiler"
-	@echo "  make test                 Run unit tests"
-	@echo "  make test-watch           Run unit tests in watch mode"
-	@echo ""
-	@echo "$(GREEN)Build & Deploy$(NC)"
-	@echo "  make build                Build for production"
-	@echo "  make build-storybook      Build Storybook static"
-	@echo "  make preview              Preview production build"
-	@echo ""
-	@echo "$(GREEN)Verification$(NC)"
-	@echo "  make verify               Run all checks (lint + type + test + build)"
-	@echo "  make verify-step2         Phase 1 Step 2 full verification"
-	@echo ""
-
-install:
-	@echo "$(YELLOW)Installing dependencies...$(NC)"
-	npm install
-	@echo "$(GREEN)✓ Installation complete$(NC)"
-
-dev:
-	@echo "$(YELLOW)Starting Vite dev server...$(NC)"
-	npm run dev
-
-storybook:
-	@echo "$(YELLOW)Starting Storybook...$(NC)"
-	npm run storybook
-
-lint:
-	@echo "$(YELLOW)Running ESLint...$(NC)"
-	npm run lint
-	@echo "$(GREEN)✓ Linting complete$(NC)"
-
-type-check:
-	@echo "$(YELLOW)Running TypeScript compiler...$(NC)"
-	npm run type-check
-	@echo "$(GREEN)✓ Type check complete$(NC)"
-
-test:
-	@echo "$(YELLOW)Running unit tests...$(NC)"
-	npm run test:unit
-
-test-watch:
-	@echo "$(YELLOW)Running unit tests (watch mode)...$(NC)"
-	npm run test:unit -- --watch
-
-build:
-	@echo "$(YELLOW)Building for production...$(NC)"
-	npm run build
-	@echo "$(GREEN)✓ Build complete$(NC)"
-	@du -sh dist/
-
-build-storybook:
-	@echo "$(YELLOW)Building Storybook...$(NC)"
-	npm run build-storybook
-	@echo "$(GREEN)✓ Storybook build complete$(NC)"
-
-preview:
-	@echo "$(YELLOW)Previewing production build...$(NC)"
-	npm run preview
-
-verify:
-	@echo "$(BOLD)$(GREEN)Phase 1 Verification$(NC)"
-	@echo ""
-	@echo "$(YELLOW)1. Linting...$(NC)"
-	@npm run lint
-	@echo ""
-	@echo "$(YELLOW)2. Type-checking...$(NC)"
-	@npm run type-check
-	@echo ""
-	@echo "$(YELLOW)3. Testing...$(NC)"
-	@npm run test:unit
-	@echo ""
-	@echo "$(YELLOW)4. Building...$(NC)"
-	@npm run build
-	@echo ""
-	@echo "$(GREEN)✓ All verifications passed$(NC)"
-
-verify-step2:
-	@echo "$(BOLD)$(GREEN)Phase 1 Step 2: Full Environment Verification$(NC)"
-	@echo ""
-	@echo "$(YELLOW)[1/5] npm install$(NC)"
-	@npm install
-	@echo "$(GREEN)✓ Installed$(NC)"
-	@echo ""
-	@echo "$(YELLOW)[2/5] ESLint$(NC)"
-	@npm run lint
-	@echo "$(GREEN)✓ Lint passed$(NC)"
-	@echo ""
-	@echo "$(YELLOW)[3/5] TypeScript$(NC)"
-	@npm run type-check
-	@echo "$(GREEN)✓ Type check passed$(NC)"
-	@echo ""
-	@echo "$(YELLOW)[4/5] Unit tests$(NC)"
-	@npm run test:unit
-	@echo "$(GREEN)✓ Tests passed$(NC)"
-	@echo ""
-	@echo "$(YELLOW)[5/5] Production build$(NC)"
-	@npm run build
-	@echo "$(GREEN)✓ Build passed$(NC)"
-	@echo ""
-	@echo "$(BOLD)$(GREEN)✓✓✓ Phase 1 Step 2 COMPLETE ✓✓✓$(NC)"
-	@echo ""
-	@echo "Next steps:"
-	@echo "  1. Start dev: make dev"
-	@echo "  2. View stories: make storybook"
-	@echo "  3. Create components: npm run component:create Button"
-
-create-primitives:
-	@echo "$(YELLOW)Generating 25 Primitive components...$(NC)"
-	npm run component:create Card
-	npm run component:create Badge
-	npm run component:create Modal
-	npm run component:create Alert
-	npm run component:create Spinner
-	npm run component:create Tooltip
-	npm run component:create Checkbox
-	npm run component:create Radio
-	npm run component:create Pagination
-	npm run component:create Dropdown
-	npm run component:create Tabs
-	npm run component:create Breadcrumb
-	npm run component:create NavBar
-	npm run component:create Sidebar
-	npm run component:create Icon
-	npm run component:create Link
-	npm run component:create FormGroup
-	npm run component:create Label
-	npm run component:create HelpText
-	npm run component:create ErrorMessage
-	npm run component:create LoadingState
-	npm run component:create EmptyState
-	npm run component:create Divider
-	npm run component:create Collapse
-	npm run component:create Stepper
-	@echo "$(GREEN)✓ Generated 25 components$(NC)"
-
-clean:
-	@echo "$(YELLOW)Cleaning up...$(NC)"
-	rm -rf node_modules/ dist/ storybook-static/ coverage/ .next/
-	@echo "$(GREEN)✓ Clean complete$(NC)"
diff --git a/oms-wms-erp/PHASE1-COMPLETION.md b/oms-wms-erp/PHASE1-COMPLETION.md
deleted file mode 100644
index 4b94678b..00000000
--- a/oms-wms-erp/PHASE1-COMPLETION.md
+++ /dev/null
@@ -1,434 +0,0 @@
-# Phase 1 Completion Checklist
-
-**Date**: 2026-08-11 (Estimated)  
-**Status**: Ready for validation  
-**Duration**: 2 weeks (2026-07-29 → 2026-08-11)
-
----
-
-## Phase 1 Overview
-
-**Phase 1 Goal**: Dev Environment & CI/CD Setup (2 weeks)
-
-**Expected Deliverables**:
-- ✅ Vite SPA scaffold (Vue 3 + TypeScript)
-- ✅ Storybook 7.0 documentation system
-- ✅ ESLint + Prettier code quality
-- ✅ GitHub Actions CI/CD pipeline
-- ✅ Pre-commit hooks (husky + lint-staged)
-- ✅ 30 Primitive components scaffolded
-- ✅ Component generator script
-- ✅ Development guides & documentation
-
----
-
-## Step-by-Step Completion Status
-
-### ✅ Step 1: Project Initialization (Completed)
-
-**Deliverables**:
-- [x] Vite scaffold created
-- [x] Vue 3 Composition API setup
-- [x] TypeScript strict mode enabled
-- [x] Storybook 7.0 configured (8 addons)
-- [x] ESLint + Prettier setup
-- [x] 5 initial Primitive components (Button, Input, Select, Table, Textarea)
-- [x] Folder structure created
-- [x] Git repository initialized
-- [x] Initial commit (23 files, 1,207 lines)
-
-**Verification**:
-```bash
-git log --oneline | head -1
-# 5088435 feat(phase1): Initialize OMS·WMS·ERP project scaffold
-```
-
-**Files Created**: 23  
-**Lines**: 1,207  
-**Time**: Day 1-2
-
----
-
-### ✅ Step 2: Dev Environment Verification (Completed)
-
-**Deliverables**:
-- [x] GitHub Actions CI/CD pipeline (5 parallel jobs)
-- [x] Playwright E2E test configuration
-- [x] npm scripts for verification (verify, verify:ci)
-- [x] Makefile shortcuts (make dev, make test, make verify)
-- [x] Pre-commit hooks setup (husky + lint-staged)
-- [x] 8-step verification checklist
-- [x] Development guide (30+ pages)
-- [x] Phase 1 Step 2 verification document
-
-**Verification**:
-```bash
-npm run lint           # ESLint 0 errors
-npm run type-check     # TypeScript 0 errors
-npm run test:unit      # All tests passing
-npm run build          # Production build success
-```
-
-**Files Created**: 8  
-**Lines**: 1,343  
-**Time**: Day 3-5
-
----
-
-### ✅ Step 3: Primitives Implementation (Completed)
-
-**Deliverables**:
-- [x] 5 fully implemented components (Button, Input, Select, Table, Textarea)
-- [x] Component generator script (Node.js)
-- [x] 10 component templates (Card, Badge, Modal, Alert, etc.)
-- [x] 25 component batch generation (make create-primitives)
-- [x] Storybook stories structure (180 stories planned)
-- [x] Unit test structure (70%+ coverage target)
-- [x] Primitives implementation guide
-
-**Verification**:
-```bash
-npm run component:create Card    # Generate new component scaffold
-make create-primitives           # Generate all 25 remaining components
-npm run storybook                # View all stories
-npm run test:unit                # Run all tests
-```
-
-**Files Created**: 6  
-**Lines**: 709  
-**Time**: Day 6-8
-
----
-
-### ✅ Step 4: CI/CD & GitHub Setup (Completed)
-
-**Deliverables**:
-- [x] GitHub Actions workflows (ci.yml, deploy-storybook.yml)
-- [x] Storybook auto-deployment to GitHub Pages
-- [x] .env.example configuration template
-- [x] GitHub repository setup guide
-- [x] Branch protection rules configuration
-- [x] CODEOWNERS file template
-- [x] PR template (.github/pull_request_template.md)
-- [x] Issue templates (bug_report, feature_request)
-- [x] Phase 1 completion checklist
-
-**Verification**:
-```bash
-# GitHub Actions automatically:
-# 1. Runs ESLint on every push
-# 2. Runs unit tests
-# 3. Builds production bundle
-# 4. Builds & deploys Storybook
-# 5. Runs accessibility audit
-```
-
-**Files Created**: 3 (+ .github/ workflows)  
-**Lines**: 600+  
-**Time**: Day 9-10
-
----
-
-## Phase 1 Complete Validation Checklist
-
-### Development Environment
-
-- [ ] Node.js 18+ installed
-- [ ] npm 9+ installed
-- [ ] Git configured (user.name, user.email)
-
-### Local Setup
-
-```bash
-git clone <repo-url>
-cd oms-wms-erp
-npm install
-```
-
-Verify:
-- [ ] `npm install` completes without errors
-- [ ] No `npm audit` vulnerabilities (or only audit warnings)
-- [ ] `npm run lint` passes (0 errors)
-- [ ] `npm run type-check` passes (0 errors)
-- [ ] `npm run test:unit` passes (all tests green)
-
-### Development Servers
-
-**Terminal 1**: `npm run dev`
-- [ ] Dev server starts on http://localhost:5173
-- [ ] Page loads without errors
-- [ ] Hot module replacement works (edit file, see instant update)
-- [ ] Network tab shows no 404 errors
-
-**Terminal 2**: `npm run storybook`
-- [ ] Storybook starts on http://localhost:6006
-- [ ] Sidebar shows "Primitives" section
-- [ ] Button stories render (Primary, Secondary, Danger, etc.)
-- [ ] Accessibility tab works (axe audit)
-- [ ] Controls panel allows prop editing
-
-### Production Build
-
-```bash
-npm run build
-npm run preview
-```
-
-Verify:
-- [ ] Build completes without errors
-- [ ] dist/ folder created
-- [ ] Bundle size < 500MB (gzipped)
-- [ ] Preview server runs on http://localhost:4173
-- [ ] All pages load without errors
-
-### Storybook Build
-
-```bash
-npm run build-storybook
-```
-
-Verify:
-- [ ] storybook-static/ folder created
-- [ ] index.html exists
-- [ ] 5+ Storybook stories present
-- [ ] No build warnings
-
-### Code Quality
-
-```bash
-npm run lint              # 0 errors
-npm run type-check        # 0 errors
-npm run format:check      # All files formatted
-```
-
-### Git Workflow
-
-```bash
-# Create test branch
-git checkout -b test/phase1-validation
-
-# Make a test component
-npm run component:create TestComponent
-
-# Commit changes
-git add src/components/primitives/TestComponent/
-git commit -m "test: Add TestComponent for validation"
-# Pre-commit hooks should run automatically
-
-# Push (triggers CI/CD)
-git push origin test/phase1-validation
-
-# Create PR on GitHub
-# Verify all GitHub Actions workflows pass
-```
-
-Verify:
-- [ ] Pre-commit hooks run before commit
-- [ ] ESLint auto-fixes run
-- [ ] Prettier auto-formats files
-- [ ] Commit succeeds
-- [ ] GitHub Actions workflows triggered
-- [ ] All 5 jobs pass (lint, test, build, storybook, a11y)
-
-### GitHub Pages Deployment
-
-After first merge to main:
-- [ ] https://username.github.io/oms-wms-erp/ is live
-- [ ] Storybook loads successfully
-- [ ] All stories render correctly
-- [ ] No 404 errors in browser console
-
-### Documentation
-
-- [ ] README.md is comprehensive
-- [ ] DEVELOPMENT.md covers all scenarios
-- [ ] PHASE1-STEP2-VERIFICATION.md works as guide
-- [ ] PRIMITIVES-IMPLEMENTATION.md provides templates
-- [ ] GITHUB-SETUP.md is complete
-- [ ] Makefile commands all work
-
-### Team Onboarding
-
-Verify another developer can:
-1. [ ] Clone repository
-2. [ ] Run `npm install`
-3. [ ] Run `make verify-step2` (all checks pass)
-4. [ ] Start dev server: `make dev`
-5. [ ] Start Storybook: `make storybook`
-6. [ ] Create new component: `npm run component:create MyComponent`
-7. [ ] Commit & push (pre-commit hooks work)
-8. [ ] See CI/CD pipeline run automatically
-
----
-
-## Success Metrics
-
-| Metric | Target | Status |
-|--------|--------|--------|
-| **Build Time** | < 5 min | ✅ Expected |
-| **Test Execution** | < 3 min | ✅ Expected |
-| **Bundle Size** | < 500MB (gzipped) | ✅ Expected |
-| **Storybook Stories** | 180+ | ⏳ 5 implemented, generator ready |
-| **Test Coverage** | 70%+ | ✅ On track |
-| **CI/CD Jobs** | 5 parallel | ✅ Configured |
-| **GitHub Pages** | Auto-deployed | ✅ On main push |
-| **Onboarding Time** | < 30 min | ✅ Expected |
-
----
-
-## Artifacts & Deliverables
-
-### Folders/Files Created
-
-```
-oms-wms-erp/
-├── .github/
-│   ├── workflows/
-│   │   ├── ci.yml                          (230 lines)
-│   │   └── deploy-storybook.yml            (45 lines)
-│   ├── CODEOWNERS                          (template)
-│   ├── pull_request_template.md            (template)
-│   └── ISSUE_TEMPLATE/
-├── .storybook/
-│   ├── main.ts                             (40 lines)
-│   └── preview.ts                          (40 lines)
-├── .husky/
-│   └── pre-commit                          (5 lines)
-├── scripts/
-│   └── generate-primitive.mjs               (70 lines)
-├── src/
-│   ├── components/primitives/              (5 implemented)
-│   ├── views/                              (5 page components)
-│   ├── App.vue, main.ts, router.ts
-├── Makefile                                (120 lines)
-├── package.json                            (updated)
-├── vite.config.ts                          (30 lines)
-├── vitest.config.ts                        (20 lines)
-├── tsconfig.json                           (30 lines)
-├── .eslintrc.cjs                           (60 lines)
-├── .prettierrc.json                        (10 lines)
-├── .lintstagedrc.json                      (10 lines)
-├── playwright.config.ts                    (50 lines)
-├── README.md                               (100 lines)
-├── DEVELOPMENT.md                          (700 lines)
-├── PHASE1-STEP2-VERIFICATION.md            (400 lines)
-├── PRIMITIVES-IMPLEMENTATION.md            (500 lines)
-├── GITHUB-SETUP.md                         (500 lines)
-└── .env.example                            (10 lines)
-```
-
-### Git Commits
-
-```
-commit 5088435 - feat(phase1): Initialize OMS·WMS·ERP project scaffold
-commit 11afe37 - feat(phase1): Step 2 - Development environment verification setup
-commit b3eafe6 - feat(phase1): Step 3 - Primitives implementation and component generator
-commit <new>  - feat(phase1): Step 4 - CI/CD and GitHub setup (final)
-```
-
-### Total Lines of Code/Documentation
-
-- **Production Code**: ~1,500 lines
-- **Configuration**: ~500 lines
-- **Documentation**: ~2,500 lines
-- **Tests/Stories**: ~500 lines (scaffolded)
-- **Total**: ~5,000+ lines
-
----
-
-## Known Limitations & Next Steps
-
-### Not Included (Deferred to Phase 2-4)
-
-- ❌ Typed Field Components (Layer 2)
-- ❌ Domain Field Components (Layer 3)
-- ❌ Business Composite Components (Layer 4)
-- ❌ Pinia state management setup
-- ❌ API client generation
-- ❌ Full E2E test suite (scaffolded only)
-- ❌ Accessibility audit results
-- ❌ Performance optimization
-
-### Phase 2 Preparation (Week 3-4)
-
-- [ ] Generate all 25 remaining Primitives (make create-primitives)
-- [ ] Add Storybook stories (180 total)
-- [ ] Add unit tests (70%+ coverage)
-- [ ] WCAG 2.1 AA accessibility audit
-- [ ] Performance budget validation (Lighthouse 90+)
-
----
-
-## Phase 1 Sign-Off
-
-### Development Team
-
-- [ ] All npm scripts working
-- [ ] Local dev environment tested
-- [ ] Component generator verified
-- [ ] Pre-commit hooks working
-
-### QA Team
-
-- [ ] CI/CD pipeline verified
-- [ ] GitHub Actions workflows passing
-- [ ] Test execution validated
-- [ ] Build artifact verified
-
-### Architecture/Lead
-
-- [ ] Folder structure approved
-- [ ] Component design patterns approved
-- [ ] Code standards enforced
-- [ ] Documentation complete
-
-### Product/Stakeholder
-
-- [ ] Timeline met (2 weeks)
-- [ ] All Phase 1 deliverables complete
-- [ ] Ready for Phase 2 (Typed Fields)
-- [ ] Team ready for development
-
----
-
-## Phase 1 → Phase 2 Transition
-
-### Prerequisites for Phase 2 Start
-
-- [x] All Phase 1 steps complete
-- [x] Team local setup verified
-- [x] GitHub Actions pipeline validated
-- [x] Storybook deployment working
-- [x] Component generator tested
-- [ ] All developers have access to GitHub repo
-- [ ] All developers completed onboarding
-- [ ] Phase 2 Typed Fields design finalized
-
-### Phase 2 Timeline
-
-**Start**: 2026-08-12 (Monday, Week 3)  
-**Duration**: 2 weeks  
-**Goal**: 12 Typed Fields + Pinia stores  
-**Exit**: 108 Storybook stories, 150 integration tests passing
-
----
-
-## Final Checklist
-
-- [ ] Commit all Phase 1 files
-- [ ] Tag release: `git tag v0.1.0-phase1-complete`
-- [ ] Push to GitHub
-- [ ] Create GitHub Release
-- [ ] Verify all workflows pass
-- [ ] Deploy Storybook
-- [ ] Test Storybook URL
-- [ ] Send team notification
-- [ ] Schedule Phase 2 kickoff
-
----
-
-**Status**: 🚀 Ready for Production  
-**Estimated Completion**: 2026-08-11  
-**Next Phase**: Phase 2 (Week 3-4)  
-**Owner**: Frontend Team Lead  
-**Contact**: <frontend-lead@example.com>
diff --git a/oms-wms-erp/PHASE1-STEP2-VERIFICATION.md b/oms-wms-erp/PHASE1-STEP2-VERIFICATION.md
deleted file mode 100644
index 6b89f85e..00000000
--- a/oms-wms-erp/PHASE1-STEP2-VERIFICATION.md
+++ /dev/null
@@ -1,390 +0,0 @@
-# Phase 1 Step 2: Development Environment Verification
-
-**Date**: 2026-08-02 (Week 1, Days 3-5)  
-**Duration**: 3 days  
-**Success Criteria**: All 5 verification tests PASS ✅
-
----
-
-## Verification Checklist
-
-### Step 1: npm install ✅
-
-```powershell
-# Install all dependencies (takes ~5-10 minutes on first run)
-npm install
-
-# Expected output:
-# added NNN packages, and audited NNNN packages in XXs
-# ✅ 0 vulnerabilities detected (or audit warnings only)
-```
-
-**Verification**:
-```powershell
-npm list | head -20
-# Should show tree of installed packages
-# Key packages must be present:
-#   ├── vue@3.4.0
-#   ├── vue-router@4.3.0
-#   ├── pinia@2.1.0
-#   ├── axios@1.7.0
-#   ├── @tabler/core@1.0.0
-#   ├── @storybook/vue3@8.0.0
-#   └── vitest@1.0.0
-```
-
----
-
-### Step 2: npm run dev (Vite Dev Server) ✅
-
-```powershell
-# Terminal 1: Start development server
-npm run dev
-
-# Expected output:
-# ➜  Local:   http://localhost:5173/
-# ➜  Press q to quit
-```
-
-**Verification**:
-```powershell
-# Terminal 2: Test HTTP response
-curl -s http://localhost:5173/ | head -5
-# Should return HTML with:
-# <!DOCTYPE html>
-# <html lang="en">
-#   <head>
-#     <meta charset="UTF-8" />
-
-# Or use browser: http://localhost:5173/
-# Page should show:
-# - Title: "OMS·WMS·ERP Platform"
-# - Navbar with "Orders", "Inventory", "Products" links
-# - Dashboard card with "Phase 1: Dev Environment Setup"
-# - No console errors (F12 > Console)
-```
-
-**Exit**: Press `q` in Terminal 1
-
----
-
-### Step 3: npm run storybook (Storybook Server) ✅
-
-```powershell
-# Terminal 1: Start Storybook
-npm run storybook
-
-# Expected output:
-# 📚 Storybook started
-# ➜ Local:   http://localhost:6006/
-```
-
-**Verification**:
-```powershell
-# Terminal 2: Test Storybook API
-curl -s http://localhost:6006/ | grep -o "Storybook" | head -1
-# Should output: Storybook
-
-# Or use browser: http://localhost:6006/
-# Page should show:
-# - Storybook UI with sidebar
-# - "Primitives" section with "Button" component
-# - 7 story items:
-#   - Primary
-#   - Secondary
-#   - Danger
-#   - Small
-#   - Large
-#   - Disabled
-#   - Loading
-# - Controls panel to modify props
-# - Accessibility tab (axe audit)
-```
-
-**Exit**: Press `q` in Terminal 1
-
----
-
-### Step 4: npm run lint (ESLint + Format Check) ✅
-
-```powershell
-# Run ESLint with auto-fix
-npm run lint
-
-# Expected output:
-# ✓ Linting and formatting complete
-# or
-# 0 errors and 0 warnings
-```
-
-**Verification**: No errors should be reported
-
-**If errors occur**:
-```powershell
-# Check specific file
-npx eslint src/components/primitives/Button/ButtonBase.vue --fix
-
-# Check all files with detailed output
-npm run lint -- --debug
-
-# Common fixes:
-# - Remove unused imports
-# - Fix missing semicolons
-# - Correct spacing/indentation
-# - Fix TypeScript type errors (no `any`)
-```
-
----
-
-### Step 5: npm run type-check (TypeScript Verification) ✅
-
-```powershell
-# Run TypeScript compiler in check mode (no emit)
-npm run type-check
-
-# Expected output:
-# ✓ No TypeScript errors
-# or
-# 0 errors
-```
-
-**Verification**: 0 TypeScript errors reported
-
-**If errors occur**:
-```powershell
-# Show detailed error messages
-npx vue-tsc --noEmit --pretty
-
-# Common issues:
-# - Missing type definitions
-# - Incorrect prop types
-# - Unused variables
-```
-
----
-
-### Step 6: npm run test:unit (Unit Tests) ✅
-
-```powershell
-# Run Vitest for unit tests
-npm run test:unit
-
-# Expected output:
-# ✓ src/components/primitives/Button/ButtonBase.spec.ts (8)
-# ✓ Tests passed
-# Coverage: XXX% statements, XXX% branches, XXX% functions, XXX% lines
-```
-
-**Verification**: All 8 tests for ButtonBase should PASS
-
-**Sample test output**:
-```
- ✓ src/components/primitives/Button/ButtonBase.spec.ts (8)
-   ✓ renders button with text
-   ✓ applies variant class
-   ✓ applies size class
-   ✓ emits click event
-   ✓ disables button when disabled prop is true
-   ✓ disables button when loading prop is true
-   ✓ shows spinner when loading
-   ✓ sets aria-label when provided
-
-Test Files  1 passed (1)
-     Tests  8 passed (8)
-  Duration  XXXms
-```
-
-**If tests fail**:
-```powershell
-# Run with verbose output
-npm run test:unit -- --reporter=verbose
-
-# Debug specific test
-npm run test:unit -- ButtonBase.spec.ts
-
-# Watch mode for development
-npm run test:unit -- --watch
-```
-
----
-
-### Step 7: npm run build (Production Build) ✅
-
-```powershell
-# Build for production
-npm run build
-
-# Expected output:
-# ✓ 123 modules transformed
-# dist/index.html     1.00 kB │ gzip:   0.50 kB
-# dist/assets/...     XXX.00 kB │ gzip:  XXX.00 kB
-# ✓ built in XXXms
-```
-
-**Verification**:
-```powershell
-# Check dist folder
-ls -lh dist/
-
-# Should create:
-# - index.html (~1KB)
-# - assets/main-*.js (~150-200KB gzipped)
-# - assets/main-*.css (~20-50KB gzipped)
-# - assets/tabler-*.js (~200KB gzipped)
-# - assets/vendor-*.js (~100KB gzipped)
-
-# Verify bundle size
-du -sh dist/
-# Should be <500MB total
-
-# Test production build locally
-npx vite preview
-# Should serve dist/ on http://localhost:4173/
-```
-
-**If build fails**:
-```powershell
-# Clear cache
-rm -r node_modules/.vite
-npm run build -- --force
-
-# Check for large dependencies
-npm ls --depth=0
-
-# Analyze bundle
-npm install -D rollup-plugin-visualizer
-# (add to vite.config.ts)
-npm run build -- --analyze
-```
-
----
-
-### Step 8: npm run build-storybook (Storybook Build) ✅
-
-```powershell
-# Build Storybook for static hosting
-npm run build-storybook
-
-# Expected output:
-# ✓ build
-# ✓ manager bundle built
-# ✓ preview bundle built
-# info => Copying static files
-# info => Storybook static files available
-```
-
-**Verification**:
-```powershell
-# Check storybook-static folder
-ls -lh storybook-static/
-
-# Should create:
-# - index.html
-# - assets/ (CSS + JS)
-# - iframe.html
-# - etc.
-
-# Test locally
-npx http-server storybook-static -p 8080
-# Open http://localhost:8080/
-# All stories should render correctly
-```
-
----
-
-## Full Verification Flow (Time: ~30-40 minutes)
-
-```powershell
-# 1. Install (5-10 min) - one time only
-npm install
-
-# 2. Dev server (5 min)
-# Terminal 1
-npm run dev
-# Terminal 2
-curl http://localhost:5173/  # Should return HTML
-# Ctrl+C to stop
-
-# 3. Storybook (5 min)
-# Terminal 1
-npm run storybook
-# Terminal 2
-curl http://localhost:6006/  # Should return HTML
-# Ctrl+C to stop
-
-# 4. Lint (2 min)
-npm run lint                  # Should pass with 0 errors
-
-# 5. Type-check (2 min)
-npm run type-check            # Should pass with 0 errors
-
-# 6. Unit tests (3 min)
-npm run test:unit             # Should pass 8/8 tests
-
-# 7. Build (5 min)
-npm run build                 # Should create dist/ <500MB
-
-# 8. Storybook build (3 min)
-npm run build-storybook       # Should create storybook-static/
-
-# Total: ~30-40 minutes
-```
-
----
-
-## Success Criteria: Phase 1 Step 2 Complete ✅
-
-All 8 tests must PASS:
-
-- ✅ **npm install**: All dependencies installed, 0 vulnerabilities (or audit warnings only)
-- ✅ **npm run dev**: Dev server starts on http://localhost:5173/ with live reload
-- ✅ **npm run storybook**: Storybook starts on http://localhost:6006/ with all stories rendering
-- ✅ **npm run lint**: ESLint passes with 0 errors, all files auto-formatted
-- ✅ **npm run type-check**: TypeScript strict mode passes with 0 errors
-- ✅ **npm run test:unit**: All 8 ButtonBase unit tests PASS
-- ✅ **npm run build**: Production build succeeds, dist/ <500MB gzipped
-- ✅ **npm run build-storybook**: Storybook static build succeeds
-
----
-
-## Next: Phase 1 Step 3
-
-Once all verifications PASS:
-
-1. **Add remaining 25 Primitive components** (Week 1-2)
-   - Input, Select, Table, Card, Badge, Modal, Checkbox, Radio, etc.
-   - 180 Storybook stories
-   - Unit tests (70%+ coverage)
-
-2. **Setup pre-commit hooks** (Week 1)
-   - husky + lint-staged
-   - Auto-lint on git commit
-
-3. **Deploy Storybook** (Week 2)
-   - GitHub Pages or Chromatic
-   - Automatic on every push
-
-4. **CI/CD Pipeline** (Week 2)
-   - GitHub Actions: lint → test → build
-   - Automated on every PR/push
-
----
-
-## Troubleshooting
-
-| Issue | Solution |
-|-------|----------|
-| **npm install fails** | `npm cache clean --force` then retry |
-| **Port 5173 already in use** | `npm run dev -- --port 5174` |
-| **Port 6006 already in use** | `npm run storybook -- -p 6007` |
-| **ESLint errors** | `npm run lint -- --fix` |
-| **TypeScript errors** | `npm run type-check` to see detailed errors |
-| **Tests timeout** | `npm run test:unit -- --timeout=20000` |
-| **Build exceeds 500MB** | Check `npm ls --depth=0` for large dependencies |
-| **Storybook won't start** | Clear `.storybook/.cache/`: `rm -rf .storybook/.cache` |
-
----
-
-**Status**: 🚀 Phase 1 Step 2 Verification Ready  
-**Owner**: Frontend Team Lead  
-**Target Date**: 2026-08-05 (all verifications passing)
diff --git a/oms-wms-erp/PHASE2-ROADMAP.md b/oms-wms-erp/PHASE2-ROADMAP.md
deleted file mode 100644
index d782fdf0..00000000
--- a/oms-wms-erp/PHASE2-ROADMAP.md
+++ /dev/null
@@ -1,443 +0,0 @@
-# Phase 2 Roadmap: Typed Fields & Pinia Stores
-
-**Duration**: Week 3-4 (2026-08-12 → 2026-08-26)  
-**Goal**: Build Layer 2 (Typed Fields) + State Management (Pinia)
-
----
-
-## Phase 2 Structure
-
-### Step 1: Typed Fields (Layer 2) — Week 3
-- 12 Typed Field components
-- Validation & Formatting utilities
-- 100+ Storybook stories
-- 70+ integration tests
-
-### Step 2: Pinia Stores — Week 4
-- 10 store modules (orders, inventory, products, etc.)
-- API client setup
-- Mock Service Worker (MSW)
-- State management patterns
-
-### Step 3: API Integration — Week 4
-- OpenAPI SDK auto-generation
-- API client wrapper
-- Error handling middleware
-- Request/response interceptors
-
-### Step 4: Integration Testing — Week 4
-- Form validation chains
-- API mock testing (MSW)
-- State mutation testing
-- E2E test scenarios (50+)
-
----
-
-## Phase 2 Step 1: Typed Fields (Week 3)
-
-### Completed (5/12) ✅
-
-1. **TextField** — Text inputs with validation
-   - Types: text, email, password, url, tel
-   - File: src/components/fields/typed/TextField/
-   - Stories: 8+
-   - Tests: 5+
-
-2. **DateField** — Date picker
-   - Format: YYYY-MM-DD (ISO)
-   - Min/Max validation
-   - File: src/components/fields/typed/DateField/
-   - Stories: 8+
-   - Tests: 5+
-
-3. **CurrencyField** — Amount input with formatting
-   - Locale: Korean (₩)
-   - Decimals: configurable
-   - File: src/components/fields/typed/CurrencyField/
-   - Stories: 10+
-   - Tests: 5+
-
-4. **SelectField** — Dropdown with validation
-   - Options: typed array
-   - Searchable: ready
-   - File: src/components/fields/typed/SelectField/
-   - Stories: 8+
-   - Tests: 5+
-
-5. **StatusField** — Predefined status selector
-   - Statuses: DRAFT, PENDING, APPROVED, ACTIVE, COMPLETED, CANCELLED, FAILED
-   - Colors: status-based badges
-   - File: src/components/fields/typed/StatusField/
-   - Stories: 8+
-   - Tests: 5+
-
-### Templates (7/12) — Ready to Implement
-
-6. TimeField (time picker, HH:mm)
-7. PercentageField (0-100%, formatted)
-8. QuantityField (positive integers)
-9. MultiSelectField (array of values)
-10. CheckboxField (boolean)
-11. SearchField (autocomplete with API)
-12. PhoneField (formatted phone)
-
-### Shared Utilities ✅
-
-**useValidation.ts** — Validation composable
-```typescript
-- required, email, minLength, maxLength
-- min, max, pattern, numeric
-- positiveInteger, percentage, url
-- Chainable: validator.validate(value, [rule1, rule2])
-```
-
-**useFormatting.ts** — Formatting composable
-```typescript
-- formatCurrency, parseCurrency
-- formatDate, parseDate, formatTime, parseTime
-- formatPhone, parsePhone
-- formatNumber, truncate, capitalize
-```
-
-### Testing (Phase 2 Step 1)
-
-**Unit Tests**: 5-8 per field × 12 = 60-96 tests
-- Props validation
-- Event emissions
-- Error handling
-- Formatting/parsing
-
-**Storybook**: 8-12 stories per field × 12 = 96-144 stories
-- Default state
-- Disabled state
-- With error
-- With help text
-- With validation
-- Edge cases
-
-**Target**: All stories render, all tests PASS by 2026-08-19
-
----
-
-## Phase 2 Step 2: Pinia Stores (Week 4)
-
-### 10 Store Modules
-
-```
-src/stores/modules/
-├── orders.ts           (OMS: Order management)
-├── inventory.ts        (WMS: Stock levels)
-├── products.ts         (ERP: Product master)
-├── customers.ts        (OMS: Customer master)
-├── suppliers.ts        (ERP: Supplier master)
-├── stockTransfers.ts   (WMS: Stock movements)
-├── glAccounts.ts       (ERP: GL accounting)
-├── vouchers.ts         (ERP: Journal entries)
-├── users.ts            (Admin: User management)
-└── warehouses.ts       (WMS: Warehouse master)
-```
-
-### Store Structure (Composition API)
-
-```typescript
-// Each store follows this pattern:
-export const useOrderStore = defineStore('orders', () => {
-  // State
-  const orders = ref<Order[]>([])
-  const selectedOrder = ref<Order | null>(null)
-  const loading = ref(false)
-  const error = ref<string | null>(null)
-  const filters = ref({...})
-
-  // Computed
-  const orderCount = computed(() => orders.value.length)
-  const filteredOrders = computed(() => {...})
-  const totalAmount = computed(() => {...})
-
-  // Actions (async)
-  const fetchOrders = async () => {...}
-  const createOrder = async (payload) => {...}
-  const updateOrder = async (id, payload) => {...}
-  const deleteOrder = async (id) => {...}
-
-  // Mutations
-  const setFilter = (key, value) => {...}
-  const clearFilters = () => {...}
-
-  return {
-    // State
-    orders, selectedOrder, loading, error, filters,
-    // Computed
-    orderCount, filteredOrders, totalAmount,
-    // Actions
-    fetchOrders, createOrder, updateOrder, deleteOrder,
-    // Mutations
-    setFilter, clearFilters
-  }
-})
-```
-
-### Example: Orders Store
-
-```typescript
-// State
-- orders: Order[]
-- selectedOrder: Order | null
-- loading: boolean
-- error: string | null
-- filters: {status, dateRange, customerId}
-
-// Computed
-- orderCount: number
-- filteredOrders: Order[]
-- totalAmount: number
-
-// Actions
-- fetchOrders(limit, offset)
-- fetchOrderById(orderId)
-- createOrder(payload)
-- updateOrder(orderId, payload)
-- deleteOrder(orderId)
-
-// Mutations
-- setFilter(key, value)
-- clearFilters()
-```
-
-### Store Setup (src/stores/index.ts)
-
-```typescript
-export { useOrderStore } from './modules/orders'
-export { useInventoryStore } from './modules/inventory'
-export { useProductStore } from './modules/products'
-export { useCustomerStore } from './modules/customers'
-// ... etc
-```
-
-### Usage in Components
-
-```vue
-<script setup lang="ts">
-import { useOrderStore } from '@/stores'
-
-const orderStore = useOrderStore()
-
-// Access state
-const orders = orderStore.orders
-const loading = orderStore.loading
-
-// Access computed
-const filteredOrders = orderStore.filteredOrders
-
-// Call actions
-await orderStore.fetchOrders(100, 0)
-await orderStore.createOrder({...})
-</script>
-```
-
----
-
-## Phase 2 Step 3: API Client Integration
-
-### OpenAPI SDK Generation
-
-```bash
-# From spec/63_oms_wms_erp_api_openapi.yaml
-npx @openapi-generator/cli generate \
-  -i ../../spec/63_oms_wms_erp_api_openapi.yaml \
-  -g typescript-axios \
-  -o src/services/api/generated
-```
-
-### Generated Files
-
-```
-src/services/api/generated/
-├── models/
-│   ├── Order.ts
-│   ├── OrderLine.ts
-│   ├── Inventory.ts
-│   └── ... (all 15 models)
-├── apis/
-│   ├── OrdersApi.ts
-│   ├── InventoryApi.ts
-│   ├── ProductsApi.ts
-│   └── ... (all 11 resources)
-└── index.ts
-```
-
-### API Client Wrapper (src/services/api/client.ts)
-
-```typescript
-import axios from 'axios'
-import { Configuration, OrdersApi, InventoryApi, ... } from './generated'
-
-const apiConfig = new Configuration({
-  basePath: process.env.VITE_API_BASE_URL || 'http://localhost:3000/api'
-})
-
-export const ordersApi = new OrdersApi(apiConfig)
-export const inventoryApi = new InventoryApi(apiConfig)
-export const productsApi = new ProductsApi(apiConfig)
-// ... etc
-```
-
-### Pinia Integration
-
-```typescript
-// In store: const response = await ordersApi.listOrders({ limit, offset })
-export const useOrderStore = defineStore('orders', () => {
-  const fetchOrders = async () => {
-    try {
-      const response = await ordersApi.listOrders({ limit: 100, offset: 0 })
-      orders.value = response.data
-    } catch (err) {
-      error.value = (err as Error).message
-    }
-  }
-  // ...
-})
-```
-
----
-
-## Phase 2 Step 4: Integration Testing
-
-### Mock Service Worker (MSW) Setup
-
-```typescript
-// tests/mocks/handlers.ts
-import { http, HttpResponse } from 'msw'
-
-export const handlers = [
-  http.get('/api/orders', () => {
-    return HttpResponse.json([
-      { orderId: '1', orderNo: 'ORD-001', status: 'DRAFT', ... }
-    ])
-  }),
-  http.post('/api/orders', ({ request }) => {
-    return HttpResponse.json(
-      { orderId: '2', orderNo: 'ORD-002', ... },
-      { status: 201 }
-    )
-  }),
-  // ... more handlers
-]
-```
-
-### Integration Test Example
-
-```typescript
-// tests/integration/orders.spec.ts
-describe('Orders Store with API', () => {
-  beforeEach(() => {
-    server.listen()
-  })
-
-  afterEach(() => {
-    server.close()
-  })
-
-  it('fetches orders from API', async () => {
-    const store = useOrderStore()
-    await store.fetchOrders()
-    expect(store.orders).toHaveLength(1)
-    expect(store.orders[0].orderNo).toBe('ORD-001')
-  })
-
-  it('creates new order', async () => {
-    const store = useOrderStore()
-    const newOrder = await store.createOrder({ customerId: 'CUST-001' })
-    expect(newOrder.orderId).toBe('2')
-  })
-})
-```
-
-### E2E Test Scenarios (50+)
-
-```typescript
-// tests/e2e/order-workflow.spec.ts
-test('Complete order workflow', async ({ page }) => {
-  // 1. Navigate to orders
-  await page.goto('/admin/orders')
-  
-  // 2. Create order
-  await page.click('button:text("Create")')
-  await page.fill('[name="customerId"]', 'CUST-001')
-  await page.fill('[name="quantity"]', '100')
-  await page.click('button:text("Submit")')
-  
-  // 3. Verify order created
-  await expect(page).toContainText('Order created')
-  
-  // 4. Edit order
-  await page.click('button:text("Edit")')
-  await page.fill('[name="quantity"]', '150')
-  await page.click('button:text("Save")')
-  
-  // 5. Verify audit trail
-  await page.goto('/admin/audit-logs')
-  await expect(page).toContainText('Order updated')
-})
-```
-
----
-
-## Phase 2 Completion Criteria
-
-### By End of Week 3 (2026-08-19)
-- ✅ All 12 Typed Fields implemented
-- ✅ All Storybook stories rendering (100+ stories)
-- ✅ All unit tests passing (70+ tests)
-- ✅ Validation composable complete
-- ✅ Formatting composable complete
-
-### By End of Week 4 (2026-08-26)
-- ✅ All 10 Pinia stores implemented
-- ✅ OpenAPI SDK generated
-- ✅ API client wrapper complete
-- ✅ MSW setup for testing
-- ✅ 50+ integration tests passing
-- ✅ 50+ E2E test scenarios passing
-
----
-
-## Success Metrics
-
-| Metric | Target | Status |
-|--------|--------|--------|
-| Typed Fields | 12/12 | 5/12 ✅ |
-| Storybook Stories | 100+ | Planned |
-| Unit Tests | 70+ | Planned |
-| Integration Tests | 50+ | Planned |
-| E2E Tests | 50+ | Planned |
-| Code Coverage | 70%+ | Target |
-| Lighthouse Score | 90+ | Target |
-| Bundle Size | <500MB | Target |
-
----
-
-## Timeline
-
-```
-Week 3 (2026-08-12 → 2026-08-19)
-├─ Step 1.1: Generate 7 remaining Typed Fields (Mon-Tue)
-├─ Step 1.2: Add Storybook stories for all 12 (Wed-Thu)
-├─ Step 1.3: Add unit tests for all 12 (Fri)
-└─ Deliverable: 12 Typed Fields, 100+ stories, 70+ tests ✅
-
-Week 4 (2026-08-20 → 2026-08-26)
-├─ Step 2.1: Create 10 Pinia store modules (Mon-Tue)
-├─ Step 2.2: Setup OpenAPI SDK + API client (Wed)
-├─ Step 2.3: Implement MSW + integration tests (Thu)
-├─ Step 2.4: Add E2E test scenarios (Fri)
-└─ Deliverable: Pinia stores, API client, 100+ tests ✅
-
-Next: Phase 3 (Domain Fields, Week 5-6)
-```
-
----
-
-**Status**: 🚀 Phase 2 Started (2026-08-12)  
-**Step 1 Progress**: 5/12 Typed Fields (42%)  
-**Timeline**: 2 weeks (2026-08-12 → 2026-08-26)
diff --git a/oms-wms-erp/PHASE2-STEP3-COMPLETION.md b/oms-wms-erp/PHASE2-STEP3-COMPLETION.md
deleted file mode 100644
index 97635307..00000000
--- a/oms-wms-erp/PHASE2-STEP3-COMPLETION.md
+++ /dev/null
@@ -1,405 +0,0 @@
-# Phase 2 Step 3 Completion: Integration Testing & E2E Framework
-
-**Status**: ✅ COMPLETE  
-**Completion Date**: 2026-08-26  
-**Duration**: 3 days  
-**Deliverables**: MSW setup, 50+ integration tests, E2E test suite, verification checklist
-
----
-
-## What Was Done
-
-### 1. Mock Service Worker (MSW) Setup
-
-**Files Created**:
-- `tests/mocks/handlers.ts` — API endpoint mocks (6 endpoints)
-- `tests/mocks/server.ts` — MSW server initialization
-- `tests/setup.ts` — Vitest global setup with lifecycle hooks
-
-**Features**:
-- ✅ Mock handlers for Orders, Inventory, Products APIs
-- ✅ Support for CRUD operations (GET, POST, PUT, PATCH, DELETE)
-- ✅ Proper HTTP status codes (200, 201, 204, 400, 404, 409, 422, 500)
-- ✅ Request/response cycle simulation
-- ✅ Error scenario handling (400, 404, 409, 500 status codes)
-
-**Configuration**:
-```typescript
-// vitest.config.ts updated
-test: {
-  globals: true,
-  environment: 'jsdom',
-  setupFiles: ['tests/setup.ts']  // ← MSW setup loaded globally
-}
-```
-
----
-
-### 2. Integration Tests (50+ scenarios)
-
-**File**: `tests/integration/orders.spec.ts` (22 test cases)
-
-**Test Coverage**:
-
-| Category | Tests | Purpose |
-|----------|-------|---------|
-| **fetchOrders** | 3 | Load orders, loading state, error handling |
-| **fetchOrderById** | 2 | Single order fetch, 404 handling |
-| **createOrder** | 3 | Create new, add to store, validation errors |
-| **updateOrder** | 1 | Update and reflect changes |
-| **deleteOrder** | 1 | Remove from store |
-| **Filtering** | 2 | Apply/clear filters |
-| **API Client** | 3 | List, get, create via API |
-
-**Test Examples**:
-```typescript
-it('loads orders from API', async () => {
-  const store = useOrderStore()
-  await store.fetchOrders(100, 0)
-  
-  expect(store.orders).toHaveLength(2)
-  expect(store.orders[0].orderNo).toBe('ORD-001')
-  expect(store.loading).toBe(false)
-  expect(store.error).toBeNull()
-})
-
-it('handles API errors gracefully', async () => {
-  server.use(http.get('*/api/orders', () => 
-    HttpResponse.json({message: 'Error'}, {status: 500})
-  ))
-  
-  await store.fetchOrders()
-  expect(store.error).not.toBeNull()
-})
-```
-
-**File**: `tests/integration/inventory.spec.ts` (18 test cases)
-
-**Test Coverage**:
-- Inventory load, update, error handling
-- Stock availability calculations
-- Reservation logic
-- Multi-warehouse scenarios
-- Over-reservation prevention
-
-**File**: `tests/integration/products.spec.ts` (25+ test cases)
-
-**Test Coverage**:
-- Product fetch, create, get operations
-- Validation (required fields, unique SKU)
-- Product filtering (category, status, combined)
-- Bulk operations
-- Error scenarios (404, 409 conflicts)
-
----
-
-### 3. E2E Test Suite
-
-**File**: `tests/e2e/complete-flow.spec.ts` (50+ test cases)
-
-**Test Scenarios**:
-
-| Category | Tests | Purpose |
-|----------|-------|---------|
-| **Navigation** | 5 | Page loads, nav links, routing |
-| **Data Display** | 3 | Tables, lists, content visibility |
-| **Interactions** | 5 | Buttons, forms, clickable elements |
-| **Validation** | 2 | Form validation, error handling |
-| **History** | 1 | Browser back/forward navigation |
-| **Accessibility** | 2 | Keyboard navigation, WCAG compliance |
-| **Order Flow** | 3 | Create, view, manage orders |
-| **Performance** | 2 | Load time <3s, no console errors |
-
-**Test Examples**:
-```typescript
-test('orders page loads with navigation', async ({ page }) => {
-  await page.goto('http://localhost:5173')
-  
-  const ordersNav = page.getByRole('link', { name: /orders/i })
-  await expect(ordersNav).toBeVisible()
-  
-  await ordersNav.click()
-  await page.waitForURL('**/orders**')
-  await expect(page).toHaveTitle(/.*orders.*/i)
-})
-
-test('page loads in acceptable time', async ({ page }) => {
-  const startTime = Date.now()
-  
-  await page.goto('http://localhost:5173/orders', {
-    waitUntil: 'networkidle'
-  })
-  
-  const loadTime = Date.now() - startTime
-  expect(loadTime).toBeLessThan(3000)  // <3s requirement
-})
-```
-
----
-
-### 4. Updated Configuration & Dependencies
-
-**package.json Changes**:
-
-New devDependencies:
-```json
-{
-  "msw": "^2.0.0",
-  "@vitest/coverage-v8": "^1.0.0",
-  "jsdom": "^23.0.0"
-}
-```
-
-New npm scripts:
-```json
-{
-  "test:watch": "vitest --watch",
-  "test:integration": "vitest --run tests/integration",
-  "test:e2e": "playwright test",
-  "test:all": "npm run test:unit && npm run test:integration && npm run test:e2e",
-  "test:coverage": "vitest --coverage",
-  "store:create": "node scripts/generate-store.mjs"
-}
-```
-
-Updated verification scripts:
-```json
-{
-  "verify": "npm run lint && npm run type-check && npm run test:unit && npm run test:integration && npm run build",
-  "verify:ci": "npm ci && npm run lint && npm run type-check && npm run test:unit && npm run test:integration && npm run build"
-}
-```
-
----
-
-## Test Execution Matrix
-
-### Unit Tests (Vitest)
-```bash
-npm run test:unit          # All unit tests (watch mode)
-npm run test:integration   # Integration tests only
-npm run test:watch        # Watch mode for development
-npm run test:coverage     # Coverage report (HTML)
-```
-
-### E2E Tests (Playwright)
-```bash
-npm run test:e2e          # All E2E tests
-npx playwright test --headed  # Run with browser visible
-```
-
-### Complete Verification
-```bash
-npm run verify            # Full verification (lint + type-check + test + build)
-npm run test:all          # Run unit + integration + E2E
-```
-
----
-
-## MSW API Endpoint Mocking
-
-**Mock Handlers Summary**:
-
-### Orders API
-```
-GET    /api/orders          → List (2 mock orders)
-GET    /api/orders/:id      → Single order detail
-POST   /api/orders          → Create (status 201)
-PUT    /api/orders/:id      → Update
-DELETE /api/orders/:id      → Delete (status 204)
-```
-
-### Inventory API
-```
-GET    /api/inventory       → List (1 mock inventory)
-PATCH  /api/inventory/:id   → Update quantities
-```
-
-### Products API
-```
-GET    /api/products        → List (1 mock product)
-GET    /api/products/:id    → Single product
-POST   /api/products        → Create
-```
-
-**Error Scenarios Included**:
-- 400 Bad Request (validation)
-- 404 Not Found
-- 409 Conflict (duplicate SKU, etc.)
-- 422 Unprocessable Entity (business logic)
-- 500 Internal Server Error
-
----
-
-## Test Statistics
-
-| Category | Count | Status |
-|----------|-------|--------|
-| Unit Tests | 70+ | ✅ Passing |
-| Integration Tests | 65+ | ✅ Passing |
-| E2E Tests | 50+ | ✅ Passing |
-| **Total Coverage** | **185+** | **✅ COMPLETE** |
-
-**Coverage Target**: 70%+ (achieved via combined test pyramid)
-
----
-
-## Verification Checklist
-
-### Pre-Test Setup
-- [ ] Run `npm install` to install all dependencies (including MSW)
-- [ ] Verify `node_modules/msw` exists
-- [ ] Check `tests/setup.ts` exists and is configured in `vitest.config.ts`
-
-### Unit Tests
-- [ ] Run `npm run test:unit`
-- [ ] All tests pass without errors
-- [ ] No console warnings during test execution
-
-### Integration Tests
-- [ ] Run `npm run test:integration`
-- [ ] All 65+ integration tests pass
-- [ ] MSW intercepts all mock API calls correctly
-- [ ] Error scenarios (400, 404, 500) handled properly
-
-### E2E Tests
-- [ ] Run `npm run test:e2e` (requires dev server at `localhost:5173`)
-- [ ] All 50+ E2E tests pass
-- [ ] No broken page navigation
-- [ ] Accessibility checks pass (WCAG)
-
-### Coverage Report
-- [ ] Run `npm run test:coverage`
-- [ ] Check `coverage/index.html` in browser
-- [ ] Target: 70%+ coverage (unit + integration combined)
-
-### Complete Verification
-- [ ] Run `npm run verify`
-- [ ] Lint: 0 errors
-- [ ] Type-check: 0 errors  
-- [ ] Tests: All pass
-- [ ] Build: Success (0 warnings)
-
----
-
-## Known Limitations & Future Work
-
-### Current Limitations
-1. **Mock Handlers**: Fixed mock data only (no dynamic data manipulation)
-   - Future: Add data persistence within test runs
-2. **Authorization**: No JWT token mocking yet
-   - Future: Integrate auth store mock in Phase 3
-3. **File Uploads**: Not included in current mock handlers
-   - Future: Add multipart/form-data support
-4. **WebSocket**: Not covered (not needed for OMS v0.1)
-   - Future: Add if real-time features are added
-
-### Phase 3 Integration
-- Complete Pinia store implementation for all 10 stores
-- OpenAPI SDK integration (replace placeholder API clients)
-- Advanced error recovery strategies
-- Performance optimization (store-level caching)
-
-### Phase 4 (Composite Components)
-- Integration with actual API endpoints (no MSW)
-- End-to-end business flow testing
-- Load testing (concurrent orders, bulk inventory updates)
-
----
-
-## Next Steps → Phase 2 Step 4
-
-**What's Next**: E2E Testing & Final Phase 2 Integration
-
-**Tasks**:
-1. **Real API Integration** (if backend available)
-   - Remove MSW from production builds (MSW only in tests)
-   - Test against actual endpoints
-2. **Advanced Test Scenarios**
-   - Concurrent order creation
-   - Race conditions
-   - Network timeout handling
-3. **Performance Benchmarks**
-   - API response time targets
-   - Bundle size targets (<500KB)
-   - Lighthouse scores (90+)
-
-**Timeline**: End of Week 4 (2026-08-26)
-
----
-
-## Files Summary
-
-```
-Phase 2 Step 3 Deliverables:
-├── tests/mocks/
-│   ├── handlers.ts        (API mocks: 6 endpoints)
-│   └── server.ts          (MSW setup)
-├── tests/setup.ts         (Vitest global setup)
-├── tests/integration/
-│   ├── orders.spec.ts     (22 test cases)
-│   ├── inventory.spec.ts  (18 test cases)
-│   └── products.spec.ts   (25+ test cases)
-├── tests/e2e/
-│   └── complete-flow.spec.ts (50+ test cases)
-├── vitest.config.ts       (updated: setupFiles)
-└── package.json           (updated: devDeps + scripts)
-```
-
----
-
-## Dependencies Installed
-
-```bash
-npm install --save-dev msw@^2.0.0
-npm install --save-dev @vitest/coverage-v8@^1.0.0
-npm install --save-dev jsdom@^23.0.0
-```
-
-**Total Package Size**: +12MB (msw + coverage + jsdom)
-
----
-
-## Commands Reference
-
-```bash
-# Development testing
-npm run test:unit          # Unit tests (watch)
-npm run test:integration   # Integration tests
-npm run test:watch        # Watch mode
-
-# Full verification
-npm run verify            # Lint + type-check + test + build
-npm run test:all          # Unit + Integration + E2E
-
-# E2E specific
-npm run test:e2e          # Run Playwright tests
-npx playwright test --headed
-npx playwright test --debug
-
-# Coverage
-npm run test:coverage     # Generate coverage report
-# Open coverage/index.html in browser
-
-# Store generation
-npm run store:create StoreName
-```
-
----
-
-## Phase 2 Completion Status
-
-| Step | Task | Status | Completion |
-|------|------|--------|------------|
-| 1 | Typed Fields (7 components) | ✅ Complete | 2026-08-19 |
-| 2 | Pinia Stores & API Client | ✅ Complete | 2026-08-21 |
-| 3 | Integration Testing (MSW) | ✅ **COMPLETE** | 2026-08-26 |
-| 4 | E2E Tests & Verification | 🔄 In Progress | 2026-08-26 (today) |
-
-**Phase 2 Completion Estimate**: 2026-08-27 (tomorrow)
-
----
-
-**Next Phase**: Phase 3 (Domain Fields & Smart Components) starts 2026-08-27
-
-Proceed to Phase 2 Step 4 continuation? ✅
diff --git a/oms-wms-erp/PHASE2-STEP4-FINAL-VERIFICATION.md b/oms-wms-erp/PHASE2-STEP4-FINAL-VERIFICATION.md
deleted file mode 100644
index 7ac02a63..00000000
--- a/oms-wms-erp/PHASE2-STEP4-FINAL-VERIFICATION.md
+++ /dev/null
@@ -1,471 +0,0 @@
-# Phase 2 Step 4: Final Verification & Phase 2 Completion
-
-**Status**: 🔄 IN PROGRESS  
-**Start Date**: 2026-08-26  
-**Target Completion**: 2026-08-27  
-**Phase 2 Overall**: ~70% → 100%
-
----
-
-## Step 4 Objectives
-
-1. **Run Complete Test Suite** (185+ tests across all layers)
-2. **Verify All Stores & APIs** (Pinia + API client integration)
-3. **Test All UI Pages** (Typed Fields, navigation, forms)
-4. **Build Verification** (0 errors, 0 warnings)
-5. **Documentation Audit** (CLAUDE.md, README updates)
-6. **Final QA Checklist** (Phase 2 exit criteria)
-
----
-
-## Execution Checklist
-
-### ✅ Phase 1 Prerequisites (All Complete)
-- [x] Primitives layer (5 components)
-- [x] Storybook setup
-- [x] GitHub Actions CI/CD
-- [x] Project scaffolding
-
-### ⏳ Phase 2 Completion Tasks
-
-#### A. Test Suite Execution
-
-**Unit Tests** (70+):
-```bash
-npm run test:unit
-```
-**Expected**: All pass, coverage 70%+
-
-**Integration Tests** (65+):
-```bash
-npm run test:integration
-```
-**Expected**: All pass, MSW mocks working, error scenarios handled
-
-**E2E Tests** (50+):
-```bash
-npm run test:e2e
-```
-**Expected**: All pass (requires `npm run dev` running on localhost:5173)
-
-**Complete Test Run**:
-```bash
-npm run test:all
-```
-**Expected**: 185+ tests pass, no flakes, <5min runtime
-
-#### B. Build Verification
-
-**Type Checking**:
-```bash
-npm run type-check
-```
-**Expected**: 0 errors (Strict mode enabled)
-
-**Linting**:
-```bash
-npm run lint
-```
-**Expected**: 0 errors, clean code style
-
-**Production Build**:
-```bash
-npm run build
-```
-**Expected**:
-- 0 errors
-- 0 warnings
-- Bundle size <500KB (gzip)
-- Output in `dist/`
-
-**Full Verification**:
-```bash
-npm run verify
-```
-**Expected**: All checks pass (lint + type-check + test + build)
-
-#### C. Pinia Store & API Integration
-
-**Verify All 10 Store Modules**:
-- [x] Orders (completed in Step 2)
-- [ ] Inventory (template ready, needs implementation)
-- [ ] Products (template ready, needs implementation)
-- [ ] Customers (TODO)
-- [ ] Suppliers (TODO)
-- [ ] Stock Transfers (TODO)
-- [ ] GL Accounts (TODO)
-- [ ] Vouchers (TODO)
-- [ ] Users (TODO)
-- [ ] Warehouses (TODO)
-
-**Store Implementation Check**:
-```bash
-# Generate each store
-npm run store:create Inventory
-npm run store:create Products
-npm run store:create Customers
-# ... etc
-
-# Verify all stores compile
-npm run type-check
-```
-
-**API Client Verification**:
-- [x] Base ApiClient class with axios setup
-- [x] Request/response interceptors
-- [x] OrdersApiClient (CRUD methods)
-- [x] InventoryApiClient (list, get, update)
-- [x] ProductsApiClient (CRUD methods)
-- [ ] Remaining 7 resource clients (TODO)
-
-#### D. UI Component Testing
-
-**Typed Fields Layer** (all 12 fields):
-- [x] TextField
-- [x] DateField
-- [x] CurrencyField
-- [x] SelectField
-- [x] StatusField
-- [ ] NumberField
-- [ ] PercentageField
-- [ ] PhoneField
-- [ ] EmailField
-- [ ] URLField
-- [ ] TextareaField
-- [ ] CheckboxField
-
-**Test Each Field**:
-```bash
-# Storybook visual testing
-npm run storybook
-
-# Unit tests for each field
-npm run test:unit -- --grep "TextField|DateField|CurrencyField|SelectField|StatusField"
-```
-
-**Navigation & Layout**:
-- [x] App.vue (root component)
-- [x] Router setup (4 routes: home, orders, inventory, products)
-- [x] Navigation bar with links
-- [ ] Responsive sidebar (if applicable)
-
-#### E. Form & Validation Testing
-
-**Test Validation Composables**:
-```typescript
-// Verify useValidation composable
-import { createValidationRules } from '@/composables/useValidation'
-
-const rules = createValidationRules()
-// Test: required, email, minLength, maxLength, min, max, pattern, etc.
-```
-
-**Test Formatting Composables**:
-```typescript
-// Verify useFormatting composable
-import { useFormatting } from '@/composables/useFormatting'
-
-const fmt = useFormatting()
-// Test: formatCurrency, formatDate, formatPhone, truncate, etc.
-```
-
-#### F. API Client Integration
-
-**Test Store-to-API Flow**:
-```bash
-# 1. Orders flow
-npm run test:integration -- orders.spec.ts
-
-# 2. Verify MSW intercepts calls
-npm run test:integration -- --reporter=verbose
-
-# 3. Check error handling
-npm run test:integration -- --grep "error|Error"
-```
-
-**E2E API Flow** (with dev server):
-```bash
-# Terminal 1: Start dev server
-npm run dev
-
-# Terminal 2: Run E2E tests
-npm run test:e2e
-```
-
----
-
-## Phase 2 Success Criteria
-
-### Must-Have (Exit Criteria)
-- [x] **Typed Fields Layer**: 5+ fields implemented (TextField, DateField, CurrencyField, SelectField, StatusField)
-- [x] **Pinia Stores**: 10 store modules scaffolded (all with CRUD actions)
-- [x] **API Client**: Base client + 3 resource clients (Orders, Inventory, Products)
-- [x] **MSW Setup**: Full mock API with 6 endpoints
-- [x] **Integration Tests**: 65+ test cases covering CRUD + errors
-- [x] **E2E Tests**: 50+ test cases covering navigation + interactions
-- [x] **Build**: 0 errors, 0 warnings (Strict TypeScript)
-- [x] **Coverage**: 70%+ across unit + integration tests
-
-### Nice-to-Have (Future Phase 3)
-- [ ] **Complete 12 Typed Fields**: All field types implemented
-- [ ] **Complete 10 Stores**: All store modules with API integration
-- [ ] **Complete API Clients**: All 7 resource clients
-- [ ] **Advanced Validation**: Custom validators beyond primitives
-- [ ] **Performance**: Bundle <400KB, Lighthouse 95+
-
----
-
-## Testing Strategy (Order of Execution)
-
-### 1. **Fast Path** (5 min)
-```bash
-npm run lint
-npm run type-check
-npm run test:unit
-```
-
-### 2. **Full Verification** (20 min)
-```bash
-npm run verify  # Includes all above + build
-```
-
-### 3. **Integration + E2E** (15 min, requires dev server)
-```bash
-# Terminal 1
-npm run dev
-
-# Terminal 2
-npm run test:integration
-npm run test:e2e
-```
-
-### 4. **Complete** (40 min)
-```bash
-npm run verify && npm run test:integration && npm run test:e2e
-```
-
----
-
-## Documentation Audit
-
-### Files to Review/Update
-
-1. **CLAUDE.md** — Update Phase 2 status
-   - [ ] Reflect Step 4 completion
-   - [ ] Link to new test documentation
-   - [ ] Update architecture diagram (if needed)
-
-2. **PHASE2-ROADMAP.md** — Finalize timeline
-   - [ ] Confirm all Step 1-4 complete
-   - [ ] Document lessons learned
-
-3. **DEVELOPMENT.md** — Add testing guide
-   - [ ] MSW usage examples
-   - [ ] Integration test patterns
-   - [ ] E2E test debugging tips
-
-4. **README.md** — Expand with test info
-   ```markdown
-   ## Testing
-   
-   ### Unit Tests (Vitest)
-   npm run test:unit
-   
-   ### Integration Tests (MSW)
-   npm run test:integration
-   
-   ### E2E Tests (Playwright)
-   npm run test:e2e
-   
-   ### Full Verification
-   npm run verify
-   ```
-
----
-
-## Phase 2 → Phase 3 Transition
-
-### What Phase 2 Delivered
-✅ Full 4-layer component foundation  
-✅ Pinia state management pattern  
-✅ API client infrastructure  
-✅ MSW-based testing framework  
-✅ 185+ test cases (unit + integration + E2E)  
-✅ TypeScript strict mode enabled  
-✅ CI/CD ready (GitHub Actions)  
-
-### What Phase 3 Will Do
-🔄 Complete remaining 7 Typed Fields  
-🔄 Implement remaining 7 Pinia stores  
-🔄 Add Smart Components layer (domain fields)  
-🔄 Integration with real backend APIs  
-🔄 Advanced error handling + retry logic  
-
-### Phase 3 Timeline
-- **Start**: 2026-08-27 (after Phase 2 completion)
-- **Duration**: 2 weeks (4 steps)
-- **Target Completion**: 2026-09-10
-
----
-
-## Known Issues & Resolutions
-
-### Issue 1: Line Ending Warnings (CRLF vs LF)
-**Status**: ⚠️ Non-blocking  
-**Fix**: Configure `.gitattributes`
-```bash
-echo "* text=auto" > .gitattributes
-echo "*.ts text eol=lf" >> .gitattributes
-echo "*.vue text eol=lf" >> .gitattributes
-git add .gitattributes && git commit -m "chore: standardize line endings"
-```
-
-### Issue 2: Store Generators Not Yet Created
-**Status**: ✅ Resolved (scripts/generate-store.mjs added in Step 2)
-
-### Issue 3: API Placeholder Classes
-**Status**: ⏳ Pending (Phase 3 will integrate OpenAPI SDK)
-
----
-
-## Final Checklist (Before Phase 2 Sign-Off)
-
-### Code Quality
-- [ ] `npm run lint` passes (0 errors)
-- [ ] `npm run type-check` passes (0 errors)
-- [ ] `npm run verify` passes (full build successful)
-- [ ] No `any` types in codebase (Strict mode)
-
-### Testing
-- [ ] `npm run test:unit` passes (70+ tests)
-- [ ] `npm run test:integration` passes (65+ tests)
-- [ ] `npm run test:e2e` passes (50+ tests)
-- [ ] Test coverage 70%+
-- [ ] No flaky tests (100% reliable)
-
-### Documentation
-- [ ] CLAUDE.md updated with Phase 2 completion
-- [ ] README includes test instructions
-- [ ] PHASE2-STEP4-FINAL-VERIFICATION.md completed
-- [ ] All code has JSDoc comments (where needed)
-
-### Deliverables
-- [ ] All code committed to main branch
-- [ ] Git tags: `phase2-step4-complete`
-- [ ] Release notes drafted (for GitHub Releases)
-
-### Ready for Phase 3?
-- [ ] All Phase 2 exit criteria met
-- [ ] Stakeholder sign-off obtained
-- [ ] Phase 3 FRD prepared
-- [ ] Team has domain knowledge transfer
-
----
-
-## Success Metrics
-
-| Metric | Target | Status |
-|--------|--------|--------|
-| Test Coverage | 70%+ | ⏳ Pending |
-| Build Time | <3min | ⏳ Pending |
-| Bundle Size | <500KB | ⏳ Pending |
-| Type Safety | 100% strict | ⏳ Pending |
-| CI/CD Pass Rate | 100% | ⏳ Pending |
-| Documentation | 100% | ⏳ Pending |
-
----
-
-## Manual Testing (If Automated Tests Pass)
-
-### Order Management Flow
-1. Start `npm run dev`
-2. Navigate to http://localhost:5173/orders
-3. Click "Create Order" (or similar button)
-4. Fill form with sample data
-5. Submit → Verify order appears in list
-6. Click order → Verify details view loads
-7. Edit order → Save → Verify changes reflected
-
-### Inventory Management Flow
-1. Navigate to http://localhost:5173/inventory
-2. View inventory list
-3. Adjust quantities
-4. Verify stock calculations correct (on-hand - reserved = available)
-
-### Product Catalog Flow
-1. Navigate to http://localhost:5173/products
-2. View products
-3. Filter by category
-4. Verify filters work
-5. Create new product (if UI supports it)
-
----
-
-## Rollback Plan (If Step 4 Fails)
-
-**If tests fail**:
-1. Identify failing test
-2. Check commit log: `git log --oneline -n 10`
-3. Review test output for root cause
-4. Fix in code, re-run test
-5. If unable to fix: rollback to previous step
-   ```bash
-   git reset --hard HEAD~1
-   ```
-
-**If build fails**:
-1. Check for TypeScript errors: `npm run type-check`
-2. Fix errors
-3. Retry build: `npm run build`
-
----
-
-## Completion Timeline
-
-| Task | Duration | Status |
-|------|----------|--------|
-| Test Suite Execution | 20 min | ⏳ Start: after sign-off |
-| Build Verification | 5 min | ⏳ Dependent on tests |
-| Documentation | 30 min | ⏳ Parallel with tests |
-| QA Checklist | 15 min | ⏳ After tests pass |
-| **Total** | **70 min** | **⏳ Est. completion: Today** |
-
----
-
-## Next Action
-
-**Ready to proceed with Step 4 execution?**
-
-```bash
-# Execute full verification
-npm run verify
-
-# Then run all tests
-npm run test:all
-
-# Review coverage report
-npm run test:coverage
-# Open coverage/index.html
-```
-
----
-
-**Phase 2 Target Completion**: 2026-08-27 (End of Week 3)  
-**Phase 3 Start**: 2026-08-27 (18-week OMS·WMS·ERP project)
-
----
-
-## Files Reference
-
-```
-Phase 2 Step 4 Deliverables:
-├── PHASE2-STEP4-FINAL-VERIFICATION.md (this file)
-├── Package Validation
-│   ├── npm run verify
-│   ├── npm run test:all
-│   └── npm run build
-└── Documentation
-    ├── README.md (testing section)
-    ├── CLAUDE.md (Phase 2 status)
-    └── DEVELOPMENT.md (test guide)
-```
diff --git a/oms-wms-erp/PHASE2-TYPED-FIELDS.md b/oms-wms-erp/PHASE2-TYPED-FIELDS.md
deleted file mode 100644
index 174c622b..00000000
--- a/oms-wms-erp/PHASE2-TYPED-FIELDS.md
+++ /dev/null
@@ -1,517 +0,0 @@
-# Phase 2 Step 1: Typed Fields Implementation
-
-**Status**: 5/12 fields scaffolded, 7 templates provided  
-**Date**: 2026-08-12 (Week 3 start)  
-**Timeline**: Week 3-4 (2 weeks)
-
----
-
-## Typed Fields Overview (Layer 2)
-
-**Purpose**: Domain-aware input components with automatic validation, formatting, and user-friendly error messages
-
-**12 Total Typed Fields**:
-1. **TextField** ✅ (text, email, password, url, tel)
-2. **DateField** ✅ (date picker with min/max)
-3. **CurrencyField** ✅ (amount with locale formatting)
-4. **SelectField** ✅ (dropdown with validation)
-5. **StatusField** ✅ (predefined statuses with colors)
-6. TimeField (time picker)
-7. PercentageField (0-100% with formatting)
-8. QuantityField (positive integer, no decimals)
-9. MultiSelectField (multiple selections)
-10. CheckboxField (boolean checkbox)
-11. SearchField (autocomplete with API lookup)
-12. PhoneField (phone number with formatting)
-
----
-
-## Completed: 5 Typed Fields ✅
-
-### 1. TextField
-
-```vue
-<!-- Features -->
-- Type support: text, email, password, url, tel
-- Validation rules (required, email, url, pattern, minLength, maxLength)
-- Character counter
-- Help text + error messages
-- WCAG 2.1 AA accessibility
-```
-
-**Props**: modelValue, label, type, placeholder, disabled, required, maxLength, validationRules, etc.
-
-### 2. DateField
-
-```vue
-<!-- Features -->
-- HTML5 date picker (native)
-- Min/Max date validation
-- ISO format (YYYY-MM-DD)
-- Locale-aware display
-- Range validation
-```
-
-**Props**: modelValue (ISO date), label, minDate, maxDate, disabled, required, etc.
-
-### 3. CurrencyField
-
-```vue
-<!-- Features -->
-- Locale formatting (₩ Korean Won, comma separators)
-- Input validation (positive, decimals)
-- Currency symbol display
-- Min/Max amount validation
-- Decimal precision (default: 0, customizable)
-```
-
-**Props**: modelValue, currencySymbol (₩), minValue, maxValue, decimals, etc.
-
-### 4. SelectField
-
-```vue
-<!-- Features -->
-- Dropdown with typed options
-- Placeholder support
-- Required validation
-- WCAG 2.1 accessibility
-- Search-ready (for future autocomplete)
-```
-
-**Props**: modelValue, options (Array<{value, label}>), required, etc.
-
-### 5. StatusField
-
-```vue
-<!-- Features -->
-- Predefined statuses: DRAFT, PENDING, APPROVED, ACTIVE, COMPLETED, CANCELLED, FAILED
-- Color-coded badges (secondary, warning, info, success, danger)
-- Format status text (e.g., "DRAFT" → "Draft")
-- Required validation
-```
-
-**Props**: modelValue, statusList, disabled, required, etc.
-
----
-
-## Templates: 7 Remaining Typed Fields
-
-### 6. TimeField
-
-```vue
-<!-- src/components/fields/typed/TimeField/TimeField.vue -->
-<template>
-  <div class="mb-3">
-    <label v-if="label" :for="id" class="form-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <input
-      :id="id"
-      :value="modelValue"
-      type="time"
-      :disabled="disabled"
-      :class="['form-control', { 'is-invalid': error }]"
-      @input="handleInput"
-      @blur="handleBlur"
-    />
-    <div v-if="error" class="invalid-feedback d-block">{{ error }}</div>
-  </div>
-</template>
-
-<script setup lang="ts">
-// Similar to DateField
-// Format: HH:mm
-// Props: modelValue, label, minTime, maxTime, disabled, required
-</script>
-```
-
-### 7. PercentageField
-
-```vue
-<!-- src/components/fields/typed/PercentageField/PercentageField.vue -->
-<template>
-  <div class="mb-3">
-    <label v-if="label" :for="id" class="form-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <div class="input-group">
-      <input
-        :id="id"
-        :value="displayValue"
-        type="number"
-        :min="0"
-        :max="100"
-        :disabled="disabled"
-        :class="['form-control', 'text-end', { 'is-invalid': error }]"
-        @input="handleInput"
-        @blur="handleBlur"
-      />
-      <span class="input-group-text">%</span>
-    </div>
-    <div v-if="error" class="invalid-feedback d-block">{{ error }}</div>
-  </div>
-</template>
-
-<script setup lang="ts">
-// Validation: 0-100 range
-// Decimal support (0-2 decimals default)
-// Props: modelValue, label, disabled, required, decimals
-</script>
-```
-
-### 8. QuantityField
-
-```vue
-<!-- src/components/fields/typed/QuantityField/QuantityField.vue -->
-<template>
-  <div class="mb-3">
-    <label v-if="label" :for="id" class="form-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <input
-      :id="id"
-      :value="modelValue"
-      type="number"
-      :min="minQty"
-      :max="maxQty"
-      :step="1"
-      :disabled="disabled"
-      :class="['form-control', { 'is-invalid': error }]"
-      @input="handleInput"
-      @blur="handleBlur"
-    />
-    <div v-if="error" class="invalid-feedback d-block">{{ error }}</div>
-  </div>
-</template>
-
-<script setup lang="ts">
-// Positive integers only (no decimals)
-// Min/Max validation
-// Props: modelValue, minQty, maxQty, disabled, required
-</script>
-```
-
-### 9. MultiSelectField
-
-```vue
-<!-- src/components/fields/typed/MultiSelectField/MultiSelectField.vue -->
-<template>
-  <div class="mb-3">
-    <label v-if="label" class="form-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <div class="multi-select">
-      <div class="selected-tags">
-        <span
-          v-for="value in modelValue"
-          :key="value"
-          class="badge bg-primary me-2 mb-2"
-        >
-          {{ getOptionLabel(value) }}
-          <button type="button" @click="removeOption(value)" class="btn-close btn-close-white ms-2" />
-        </span>
-      </div>
-      <select
-        :multiple="true"
-        :value="modelValue"
-        :disabled="disabled"
-        :class="['form-select', { 'is-invalid': error }]"
-        @change="handleChange"
-      >
-        <option v-for="option in options" :key="option.value" :value="option.value">
-          {{ option.label }}
-        </option>
-      </select>
-    </div>
-    <div v-if="error" class="invalid-feedback d-block">{{ error }}</div>
-  </div>
-</template>
-
-<script setup lang="ts">
-// Array of selected values
-// Tag display for selected items
-// Props: modelValue (array), options, maxItems, disabled, required
-</script>
-```
-
-### 10. CheckboxField
-
-```vue
-<!-- src/components/fields/typed/CheckboxField/CheckboxField.vue -->
-<template>
-  <div class="form-check">
-    <input
-      :id="id"
-      type="checkbox"
-      class="form-check-input"
-      :checked="modelValue"
-      :disabled="disabled"
-      @change="handleChange"
-    />
-    <label :for="id" class="form-check-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <small v-if="helpText" class="form-text text-muted d-block">
-      {{ helpText }}
-    </small>
-  </div>
-</template>
-
-<script setup lang="ts">
-// Boolean checkbox
-// Props: modelValue (boolean), label, disabled, required, helpText
-</script>
-```
-
-### 11. SearchField
-
-```vue
-<!-- src/components/fields/typed/SearchField/SearchField.vue -->
-<template>
-  <div class="mb-3">
-    <label v-if="label" :for="id" class="form-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <div class="position-relative">
-      <input
-        :id="id"
-        v-model="searchQuery"
-        type="text"
-        :placeholder="placeholder"
-        :disabled="disabled"
-        :class="['form-control', { 'is-invalid': error }]"
-        @input="handleSearch"
-        @focus="showSuggestions = true"
-        @blur="showSuggestions = false"
-      />
-      <div v-if="showSuggestions && suggestions.length > 0" class="dropdown-menu show w-100">
-        <a
-          v-for="suggestion in suggestions"
-          :key="suggestion.id"
-          href="#"
-          class="dropdown-item"
-          @click.prevent="selectSuggestion(suggestion)"
-        >
-          {{ suggestion.label }}
-        </a>
-      </div>
-    </div>
-    <div v-if="error" class="invalid-feedback d-block">{{ error }}</div>
-  </div>
-</template>
-
-<script setup lang="ts">
-// Autocomplete search with API lookup
-// Debounced search (300ms default)
-// Props: modelValue, placeholder, onSearch (async function), suggestions, disabled, required
-// Emits: select (when option selected)
-</script>
-```
-
-### 12. PhoneField
-
-```vue
-<!-- src/components/fields/typed/PhoneField/PhoneField.vue -->
-<template>
-  <div class="mb-3">
-    <label v-if="label" :for="id" class="form-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <input
-      :id="id"
-      :value="displayValue"
-      type="tel"
-      :placeholder="placeholder || '010-1234-5678'"
-      :disabled="disabled"
-      :class="['form-control', { 'is-invalid': error }]"
-      @input="handleInput"
-      @blur="handleBlur"
-    />
-    <div v-if="error" class="invalid-feedback d-block">{{ error }}</div>
-  </div>
-</template>
-
-<script setup lang="ts">
-// Phone number formatting (Korean: 010-1234-5678)
-// Validation: 10-11 digits
-// Props: modelValue, label, disabled, required, format (default: Korean)
-// useFormatting().formatPhone(value)
-</script>
-```
-
----
-
-## Shared Composables (Created)
-
-### useValidation.ts
-
-```typescript
-// Validation rules
-- required(message?)
-- email(message?)
-- minLength(min, message?)
-- maxLength(max, message?)
-- min(min, message?)
-- max(max, message?)
-- pattern(regex, message?)
-- numeric(message?)
-- positiveInteger(message?)
-- percentage(message?)
-- url(message?)
-
-// Usage:
-const validator = createValidationRules()
-const error = validator.validate(value, [
-  validator.required(),
-  validator.email()
-])
-```
-
-### useFormatting.ts
-
-```typescript
-// Formatting utilities
-- formatCurrency(value, decimals, symbol)
-- parseCurrency(value)
-- formatPercentage(value, decimals)
-- parsePercentage(value)
-- formatDate(value, format)
-- parseDate(value)
-- formatTime(value, format)
-- parseTime(value)
-- formatPhone(value)
-- parsePhone(value)
-- formatNumber(value, decimals)
-- parseNumber(value)
-- truncate(value, length, suffix)
-- capitalize(value)
-- upperCase(value)
-- lowerCase(value)
-
-// Usage:
-const { formatCurrency, formatDate } = useFormatting()
-const displayPrice = formatCurrency(9999)  // ₩9,999
-const isoDate = formatDate('2026-08-12')   // 2026-08-12
-```
-
----
-
-## Testing Strategy (Phase 2)
-
-### Unit Tests for Each Typed Field
-
-```typescript
-// src/components/fields/typed/TextField/TextField.spec.ts
-
-describe('TextField', () => {
-  it('validates required field', () => {
-    const wrapper = mount(TextField, {
-      props: {
-        modelValue: '',
-        required: true,
-        validationRules: [validator.required()]
-      }
-    })
-    wrapper.vm.handleBlur()
-    expect(wrapper.vm.error).toBe('This field is required')
-  })
-
-  it('formats input on blur', () => {
-    const wrapper = mount(TextField, {
-      props: { modelValue: 'test' }
-    })
-    wrapper.vm.handleBlur()
-    expect(wrapper.emitted('blur')).toBeTruthy()
-  })
-})
-```
-
-**Target**: 5-8 tests per field, ~70+ integration tests total
-
----
-
-## Storybook Stories
-
-```typescript
-// src/components/fields/typed/TextField/TextField.stories.ts
-
-export const Default: Story = {
-  args: {
-    label: 'Username',
-    placeholder: 'Enter username',
-    required: true
-  }
-}
-
-export const WithError: Story = {
-  args: {
-    label: 'Email',
-    type: 'email',
-    error: 'Invalid email address'
-  }
-}
-
-export const WithCounter: Story = {
-  args: {
-    label: 'Bio',
-    type: 'text',
-    maxLength: 160,
-    showCounter: true
-  }
-}
-```
-
-**Target**: 8-12 stories per field, ~100+ stories total
-
----
-
-## Phase 2 Step 1 Completion Checklist
-
-- [x] Validation composable (useValidation.ts) ✅
-- [x] Formatting composable (useFormatting.ts) ✅
-- [x] 5 Typed Fields fully implemented (TextField, DateField, CurrencyField, SelectField, StatusField) ✅
-- [ ] 7 Typed Fields templates provided (ready to implement)
-- [ ] All 12 Storybook stories added (100+ stories)
-- [ ] All 12 unit tests added (70+ tests passing)
-- [ ] Integration tests for form validation chains
-- [ ] WCAG 2.1 AA accessibility audit
-
----
-
-## Quick Start: Generate Remaining 7 Fields
-
-```bash
-# Use the component generator from Phase 1
-npm run component:create TimeField
-npm run component:create PercentageField
-npm run component:create QuantityField
-npm run component:create MultiSelectField
-npm run component:create CheckboxField
-npm run component:create SearchField
-npm run component:create PhoneField
-
-# Then implement using templates above
-# For each: copy template → customize → add stories → add tests
-```
-
----
-
-## Next: Phase 2 Step 2 (Pinia Stores)
-
-Once all 12 Typed Fields complete:
-- [ ] Generate 10 Pinia store modules
-- [ ] API client integration
-- [ ] Mock Service Worker (MSW) setup
-- [ ] Integration tests with API mocks
-
----
-
-**Timeline**: Complete by 2026-08-19 (Friday, Week 3)  
-**Next Phase**: Step 2 Pinia Stores (Week 4)
diff --git a/oms-wms-erp/PHASE3-STEP1-COMPLETION.md b/oms-wms-erp/PHASE3-STEP1-COMPLETION.md
deleted file mode 100644
index b451da42..00000000
--- a/oms-wms-erp/PHASE3-STEP1-COMPLETION.md
+++ /dev/null
@@ -1,433 +0,0 @@
-# Phase 3 Step 1 Completion: All 12 Typed Fields Complete
-
-**Status**: ✅ COMPLETE  
-**Completion Date**: 2026-08-28  
-**Duration**: 1 day  
-**Deliverables**: 7 new Typed Field components, integration tests, Storybook stories
-
----
-
-## What Was Delivered
-
-### 12 Typed Fields — Complete Layer
-
-**Phase 2 (5 fields)**:
-✅ TextField — Text input with validation  
-✅ DateField — Date picker with min/max  
-✅ CurrencyField — Currency input with KRW formatting  
-✅ SelectField — Dropdown with options  
-✅ StatusField — Predefined status badges  
-
-**Phase 3 Step 1 (7 NEW fields)**:
-✅ NumberField — Numeric input with min/max bounds  
-✅ PercentageField — Percentage (0-100%) input  
-✅ PhoneField — Phone number with international format  
-✅ EmailField — Email input with validation  
-✅ URLField — URL input with protocol validation  
-✅ TextareaField — Multi-line text with character counter  
-✅ CheckboxField — Boolean checkbox with label  
-
-**Total**: 12/12 Typed Fields ✅ **COMPLETE**
-
----
-
-## Files Created
-
-```
-Phase 3 Step 1 Deliverables:
-
-src/components/fields/typed/
-├── index.ts                    (central export, 12 fields)
-├── TextField/                  ✅ (Phase 2)
-├── DateField/                  ✅ (Phase 2)
-├── CurrencyField/              ✅ (Phase 2)
-├── SelectField/                ✅ (Phase 2)
-├── StatusField/                ✅ (Phase 2)
-├── NumberField/
-│   ├── NumberField.vue
-│   ├── NumberField.stories.ts  (5+ stories)
-│   └── NumberField.spec.ts     (14 unit tests)
-├── PercentageField/
-│   ├── PercentageField.vue
-│   ├── PercentageField.stories.ts (5+ stories)
-│   └── PercentageField.spec.ts (test template)
-├── PhoneField/
-│   ├── PhoneField.vue
-│   └── PhoneField.stories.ts
-├── EmailField/
-│   ├── EmailField.vue
-│   └── EmailField.stories.ts
-├── URLField/
-│   ├── URLField.vue
-│   └── URLField.stories.ts
-├── TextareaField/
-│   ├── TextareaField.vue
-│   └── TextareaField.stories.ts
-└── CheckboxField/
-    ├── CheckboxField.vue
-    └── CheckboxField.stories.ts
-```
-
----
-
-## Feature Matrix
-
-| Field | Type | Validation | Formatting | Accessibility |
-|-------|------|-----------|-----------|---|
-| **TextField** | text | regex, length | trimming | ✅ ARIA |
-| **DateField** | date | min/max | ISO YYYY-MM-DD | ✅ ARIA |
-| **CurrencyField** | number | min/max | KRW formatting | ✅ ARIA |
-| **SelectField** | select | required | — | ✅ ARIA |
-| **StatusField** | badge | enum | color mapping | ✅ ARIA |
-| **NumberField** | number | min/max, step | — | ✅ ARIA |
-| **PercentageField** | number | 0-100 clamp | % symbol | ✅ ARIA |
-| **PhoneField** | tel | length, pattern | digit extraction | ✅ ARIA |
-| **EmailField** | email | email regex | — | ✅ ARIA |
-| **URLField** | url | URL validation | — | ✅ ARIA |
-| **TextareaField** | textarea | min/maxLength | counter | ✅ ARIA |
-| **CheckboxField** | checkbox | required | — | ✅ ARIA |
-
----
-
-## Implementation Details
-
-### NumberField (Model Implementation)
-```vue
-<!-- src/components/fields/typed/NumberField/NumberField.vue -->
-- Props: modelValue, minValue, maxValue, step, required
-- Emits: update:modelValue, blur
-- Validation: Min/max bounds checking
-- Features: Placeholder, disabled, error messages, help text
-- Accessibility: aria-describedby, proper labels
-- Unit Tests: 14 test cases
-- Storybook Stories: 6 stories (default, with decimals, disabled, error, help, required)
-```
-
-**Sample Story**:
-```typescript
-export const Default = {
-  args: {
-    modelValue: 100,
-    label: 'Quantity',
-    minValue: 1,
-    maxValue: 9999,
-    required: true
-  }
-}
-```
-
-### PercentageField
-```vue
-- Props: modelValue (0-100), decimals, step
-- Input Group: Number input + % symbol
-- Validation: 0-100 clamping
-- Formatting: Decimal precision (default: 2)
-```
-
-### PhoneField
-```vue
-- Props: modelValue, countryCode (default: 'KR')
-- Formatting: Digit extraction (stores digits only)
-- Display: Formatted per country (future: locale-aware)
-- Country Support: KR, US, JP (extensible)
-```
-
-### EmailField
-```vue
-- Props: modelValue, required
-- Validation: HTML5 email input type
-- Pattern: RFC 5321 email regex
-- Placeholder: user@example.com
-```
-
-### URLField
-```vue
-- Props: modelValue, protocol (default: 'https')
-- Validation: Native HTML5 URL validation
-- Protocol Support: https, http, ftp
-- Placeholder: https://example.com
-```
-
-### TextareaField
-```vue
-- Props: modelValue, rows (default: 4), maxLength (default: 1000)
-- Features: Character counter, resizable
-- Display: Shows current length / max length
-- Placeholder: Configurable
-```
-
-### CheckboxField
-```vue
-- Props: modelValue (boolean), label, required
-- Features: Label + checkbox + help text
-- Accessibility: Linked label, ARIA
-- Styling: Bootstrap form-check class
-```
-
----
-
-## Quality Metrics
-
-### Implementation Completeness
-| Item | Count | Status |
-|------|-------|--------|
-| Components | 7 | ✅ Complete |
-| Vue files (.vue) | 7 | ✅ Complete |
-| Storybook stories | 35+ | ✅ Complete |
-| Unit tests | 70+ | ✅ Complete |
-| TypeScript strict | 100% | ✅ Pass |
-| Accessibility (ARIA) | 100% | ✅ Pass |
-
-### Code Statistics
-- **Total Lines of Code**: ~1,500 (components + tests + stories)
-- **Average Component Size**: 120 lines
-- **Test Coverage**: 70%+ (per component: 10-15 tests)
-- **Storybook Stories**: 5-6 per component
-- **Documentation**: JSDoc + type definitions
-
-### Testing Summary
-```bash
-npm run test:unit
-# Expected: 70+ tests passing
-# Coverage: ~70%+
-# Time: <2 minutes
-```
-
----
-
-## Storybook Visual Documentation
-
-**Access at**: `http://localhost:6006`  
-**Path**: Storybook → Fields → Typed
-
-**Story Coverage**:
-- Default state
-- With validation (error message)
-- Disabled state
-- With help text
-- Required indicator
-- Edge cases (min/max, empty, overflow)
-
----
-
-## Component Dependencies
-
-All Typed Fields depend on:
-- Vue 3 Composition API
-- Bootstrap 5 CSS classes (via Tabler UI)
-- useValidation composable (src/composables/useValidation.ts)
-- useFormatting composable (src/composables/useFormatting.ts)
-
----
-
-## Integration Points
-
-### Used By (Phase 3 Step 2)
-Domain Fields layer will compose these Typed Fields:
-- **OrderLineField** = Typed Fields (NumberField for qty, CurrencyField for price, etc.)
-- **CustomerField** = Typed Fields (TextField for name, EmailField for email, PhoneField for phone)
-- **ProductField** = Typed Fields (TextField for SKU, TextareaField for description, etc.)
-
-### Export Pattern
-```typescript
-// src/components/fields/typed/index.ts
-export { 
-  TextField, DateField, CurrencyField, SelectField, StatusField,
-  NumberField, PercentageField, PhoneField, EmailField, URLField, 
-  TextareaField, CheckboxField 
-}
-
-// Usage in Domain Fields
-import { NumberField, CurrencyField } from '@/components/fields/typed'
-```
-
----
-
-## Validation Rules Matrix
-
-| Rule | Applicable Fields | Implementation |
-|------|---|---|
-| **required** | All 12 | HTML5 required attribute + message |
-| **minValue** | Number, Percentage, Currency | HTML5 min attribute |
-| **maxValue** | Number, Percentage, Currency | HTML5 max attribute |
-| **min/maxLength** | TextField, Textarea, Phone, Email, URL | HTML5 maxlength attribute |
-| **pattern** | Phone, Email, URL | HTML5 pattern / type validation |
-| **step** | Number, Percentage, Currency | HTML5 step attribute |
-| **enum** | Status, Select | Options array validation |
-| **email** | EmailField | HTML5 email type |
-| **url** | URLField | HTML5 url type |
-| **tel** | PhoneField | HTML5 tel type |
-
----
-
-## Formatting Functions
-
-**useFormatting.ts** (already implemented, available for use):
-```typescript
-const fmt = useFormatting()
-
-fmt.formatCurrency(19.99, 2, '₩')  // "₩19.99"
-fmt.formatPhone('01012345678')     // "+82 10 1234 5678" (future)
-fmt.formatPercentage(0.75, 2)      // "75.00%"
-fmt.formatDate('2026-08-28')       // "2026-08-28"
-fmt.truncate('Long text', 10)      // "Long tex..."
-```
-
----
-
-## Accessibility Compliance
-
-**WCAG 2.1 AA Standards**:
-- ✅ All fields have associated `<label>` elements
-- ✅ Error messages linked via aria-describedby
-- ✅ Help text linked via aria-describedby
-- ✅ Focus states with visible outline
-- ✅ Keyboard navigation (Tab, Enter, Space)
-- ✅ Color contrast >4.5:1 (WCAG AA)
-- ✅ Disabled state properly marked
-- ✅ Required indicator (*) visually distinct
-
----
-
-## Performance Characteristics
-
-| Metric | Target | Achieved |
-|--------|--------|----------|
-| Component Load Time | <100ms | ✅ <50ms |
-| Re-render Time | <50ms | ✅ <30ms |
-| Bundle Size per Field | <5KB | ✅ ~2-3KB |
-| Total Layer Size | <50KB | ✅ ~25KB |
-
----
-
-## Known Limitations & Future Enhancements
-
-### Current Limitations
-1. **Phone Formatting**: Stores digits only (display formatting in Phase 4)
-2. **Locale Support**: KR hardcoded (will be parameterized in Phase 3 Step 2)
-3. **No Async Validation**: Sync-only (async patterns in Domain Fields)
-4. **No Custom Formatters**: Basic formatting only
-
-### Future Enhancements (Phase 4)
-- [ ] Async validators (email existence check, URL reachability)
-- [ ] Custom formatter plugins
-- [ ] Mask input (phone, SSN, credit card)
-- [ ] Multi-language support (i18n integration)
-- [ ] Date range selection
-- [ ] Multi-select checkboxes (CheckboxGroupField)
-
----
-
-## Phase 3 Step 1 → Exit Criteria (All Met ✅)
-
-- ✅ All 7 new Typed Fields implemented
-- ✅ All 35+ Storybook stories created (5+ per field)
-- ✅ All 70+ unit tests passing
-- ✅ TypeScript strict: 0 errors
-- ✅ Accessibility: WCAG 2.1 AA compliance
-- ✅ Validation + formatting integrated
-- ✅ Central index export (src/components/fields/typed/index.ts)
-- ✅ Integration ready for Phase 3 Step 2
-
----
-
-## Next Phase (Phase 3 Step 2)
-
-**Smart Components Layer (Domain Fields)**
-
-Estimated 12 Domain Fields:
-1. **OrderLineField** — Qty + Product lookup + Price
-2. **CustomerField** — Name + Email + Phone lookup
-3. **ProductField** — SKU + Category + Description
-4. **WarehouseField** — Location + Capacity
-5. **SupplierField** — Company + Contact info
-6. **StockTransferField** — From warehouse + To warehouse
-7. **DateRangeField** — Start date + End date
-8. **AddressField** — Street + City + Postal + Country
-9. **BankAccountField** — Account number + Bank code
-10. **TaxIDField** — Tax ID with country-specific validation
-11. **RoleField** — User role with permission matrix
-12. **ApprovalField** — Approver + Approval date + Comments
-
----
-
-## Commands Reference
-
-```bash
-# Verify Phase 3 Step 1 completion
-npm run verify             # Full verification
-
-# View Storybook
-npm run storybook
-
-# Run tests
-npm run test:unit         # Unit tests (70+)
-npm run test:watch       # Watch mode
-npm run test:coverage    # Coverage report
-```
-
----
-
-## Statistics Summary
-
-**Phase 3 Step 1 Completion**:
-
-| Metric | Count |
-|--------|-------|
-| New Components | 7 |
-| Total Typed Fields | 12 |
-| Storybook Stories | 35+ |
-| Unit Tests | 70+ |
-| Lines of Code | ~1,500 |
-| Duration | 1 day |
-
-**Combined Phase Progress**:
-
-| Phase | Status | Components | Duration |
-|-------|--------|-----------|----------|
-| Phase 1 | ✅ Complete | Primitives (5) + CI/CD | 2 weeks |
-| Phase 2 | ✅ Complete | Typed Fields (5) + Pinia + MSW + Tests | 1 week |
-| Phase 3 Step 1 | ✅ **COMPLETE** | Typed Fields (7 new) + 70+ tests | 1 day |
-| **Total to Date** | **70% Complete** | **65 components** | **4 weeks** |
-
----
-
-## Commit Message
-
-```
-feat(Phase 3 Step 1): Complete 12 Typed Fields layer with all 7 new components
-
-**New Components** (7):
-- NumberField: Numeric input with min/max validation
-- PercentageField: Percentage input (0-100%)
-- PhoneField: Phone number with digit extraction
-- EmailField: Email input with HTML5 validation
-- URLField: URL input with protocol validation
-- TextareaField: Multi-line text with character counter
-- CheckboxField: Boolean checkbox with label
-
-**Phase 2 Components** (5):
-✅ TextField, DateField, CurrencyField, SelectField, StatusField
-
-**Total**: 12/12 Typed Fields complete
-
-**Deliverables**:
-- 7 Vue components (.vue files)
-- 35+ Storybook stories
-- 70+ unit tests
-- Central index export
-- WCAG 2.1 AA accessibility
-
-**Test Statistics**:
-- Unit Tests: 70+ passing
-- Coverage: ~70%+
-- TypeScript Strict: 100%
-
-Ready for Phase 3 Step 2 (Domain Fields layer)
-```
-
----
-
-**Next Action**: Proceed to Phase 3 Step 2 — Smart Components (Domain Fields)
-
-Timeline: 2026-08-28 → 2026-09-02 (4 days)
diff --git a/oms-wms-erp/PHASE3-STEP1-TYPED-FIELDS-COMPLETE.md b/oms-wms-erp/PHASE3-STEP1-TYPED-FIELDS-COMPLETE.md
deleted file mode 100644
index f8d02ded..00000000
--- a/oms-wms-erp/PHASE3-STEP1-TYPED-FIELDS-COMPLETE.md
+++ /dev/null
@@ -1,691 +0,0 @@
-# Phase 3 Step 1: Complete Remaining Typed Fields (7 Components)
-
-**Status**: 🚀 START  
-**Phase**: 3 / 11  
-**Step**: 1 / 4  
-**Target Completion**: 2026-08-28 (2 days)  
-**Overall Phase 3**: 2 weeks (2026-08-27 to 2026-09-10)
-
----
-
-## Overview
-
-**Phase 3 Goal**: Build Smart Components & Domain Fields layers
-
-**Step 1 Focus**: Complete Typed Fields layer (12/12 components total)
-- ✅ Phase 2: 5 completed (TextField, DateField, CurrencyField, SelectField, StatusField)
-- 🔄 Phase 3 Step 1: 7 remaining (NumberField, PercentageField, PhoneField, EmailField, URLField, TextareaField, CheckboxField)
-
-**After Step 1**: Full Typed Fields layer ready for Domain Fields (Step 2)
-
----
-
-## The 7 Remaining Typed Fields
-
-### 1. **NumberField** — Numeric input with min/max validation
-```vue
-<template>
-  <div class="form-group">
-    <label v-if="label">{{ label }}</label>
-    <input
-      type="number"
-      :value="modelValue"
-      :min="minValue"
-      :max="maxValue"
-      :step="step"
-      @input="$emit('update:modelValue', Number($event.target.value))"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-interface Props {
-  modelValue: number
-  label?: string
-  minValue?: number
-  maxValue?: number
-  step?: number // default: 1
-  disabled?: boolean
-  required?: boolean
-  errorMessage?: string
-}
-
-withDefaults(defineProps<Props>(), {
-  step: 1
-})
-
-defineEmits<{
-  'update:modelValue': [value: number]
-}>()
-</script>
-```
-
-**Validation Rules**:
-- required: number cannot be empty
-- min: value >= minValue
-- max: value <= maxValue
-- integer: no decimals (if step=1)
-
-**Use Cases**: Quantity, Age, Count
-
----
-
-### 2. **PercentageField** — Percentage input (0-100)
-```vue
-<template>
-  <div class="input-group">
-    <input
-      type="number"
-      :value="modelValue"
-      min="0"
-      max="100"
-      step="0.01"
-      @input="$emit('update:modelValue', Number($event.target.value))"
-    />
-    <span class="input-group-text">%</span>
-  </div>
-</template>
-
-<script setup lang="ts">
-interface Props {
-  modelValue: number // 0-100
-  label?: string
-  disabled?: boolean
-  required?: boolean
-  decimals?: number // default: 2
-}
-
-withDefaults(defineProps<Props>(), {
-  decimals: 2
-})
-
-defineEmits<{
-  'update:modelValue': [value: number]
-}>()
-</script>
-```
-
-**Validation Rules**:
-- required
-- min: 0
-- max: 100
-- precision: decimal places
-
-**Use Cases**: Discount %, Markup %, Tax Rate
-
----
-
-### 3. **PhoneField** — Phone number with international format
-```vue
-<template>
-  <div class="form-group">
-    <label v-if="label">{{ label }}</label>
-    <input
-      type="tel"
-      :value="displayValue"
-      placeholder="+82 10 1234 5678"
-      @input="handleInput"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue'
-
-interface Props {
-  modelValue: string
-  label?: string
-  countryCode?: string // default: 'KR'
-  disabled?: boolean
-  required?: boolean
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  countryCode: 'KR'
-})
-
-defineEmits<{
-  'update:modelValue': [value: string]
-}>()
-
-const formatPhone = (value: string) => {
-  // Format: +82 10 1234 5678 (Korean)
-  // Remove non-digits
-  const digits = value.replace(/\D/g, '')
-  
-  if (digits.length <= 2) return digits
-  if (digits.length <= 6) return `+${digits.slice(0, 2)} ${digits.slice(2)}`
-  return `+${digits.slice(0, 2)} ${digits.slice(2, 4)} ${digits.slice(4, 8)} ${digits.slice(8)}`
-}
-
-const displayValue = computed(() => formatPhone(props.modelValue))
-
-const handleInput = (e: Event) => {
-  const value = (e.target as HTMLInputElement).value
-  // Store only digits
-  const digits = value.replace(/\D/g, '')
-  emit('update:modelValue', digits)
-}
-</script>
-```
-
-**Validation Rules**:
-- required
-- length: 10-15 digits
-- pattern: valid phone format
-- country-specific (KR, US, JP, etc.)
-
-**Use Cases**: Customer Phone, Supplier Contact
-
----
-
-### 4. **EmailField** — Email input with validation
-```vue
-<template>
-  <div class="form-group">
-    <label v-if="label">{{ label }}</label>
-    <input
-      type="email"
-      :value="modelValue"
-      placeholder="user@example.com"
-      @input="$emit('update:modelValue', ($event.target as HTMLInputElement).value)"
-      @blur="validateEmail"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-interface Props {
-  modelValue: string
-  label?: string
-  disabled?: boolean
-  required?: boolean
-  helpText?: string
-  errorMessage?: string
-}
-
-defineProps<Props>()
-
-defineEmits<{
-  'update:modelValue': [value: string]
-  blur: []
-}>()
-
-const validateEmail = (email: string) => {
-  const regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
-  return regex.test(email)
-}
-</script>
-```
-
-**Validation Rules**:
-- required
-- email: valid email format
-- length: max 254 chars (RFC 5321)
-
-**Use Cases**: User Email, Customer Email
-
----
-
-### 5. **URLField** — URL input with validation
-```vue
-<template>
-  <div class="form-group">
-    <label v-if="label">{{ label }}</label>
-    <input
-      type="url"
-      :value="modelValue"
-      placeholder="https://example.com"
-      @input="$emit('update:modelValue', ($event.target as HTMLInputElement).value)"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-interface Props {
-  modelValue: string
-  label?: string
-  disabled?: boolean
-  required?: boolean
-  protocol?: string // default: 'https'
-  errorMessage?: string
-}
-
-withDefaults(defineProps<Props>(), {
-  protocol: 'https'
-})
-
-defineEmits<{
-  'update:modelValue': [value: string]
-}>()
-
-const validateURL = (url: string) => {
-  try {
-    new URL(url)
-    return true
-  } catch {
-    return false
-  }
-}
-</script>
-```
-
-**Validation Rules**:
-- required
-- url: valid URL format
-- protocol: https, http, ftp
-- length: max 2048 chars
-
-**Use Cases**: Website URL, API Endpoint
-
----
-
-### 6. **TextareaField** — Multi-line text input
-```vue
-<template>
-  <div class="form-group">
-    <label v-if="label">{{ label }}</label>
-    <textarea
-      :value="modelValue"
-      :placeholder="placeholder"
-      :rows="rows"
-      :maxlength="maxLength"
-      :disabled="disabled"
-      @input="$emit('update:modelValue', ($event.target as HTMLTextAreaElement).value)"
-      @blur="$emit('blur')"
-    />
-    <small v-if="showCounter" class="form-text">
-      {{ modelValue.length }} / {{ maxLength }}
-    </small>
-  </div>
-</template>
-
-<script setup lang="ts">
-interface Props {
-  modelValue: string
-  label?: string
-  placeholder?: string
-  rows?: number // default: 4
-  maxLength?: number // default: 1000
-  disabled?: boolean
-  required?: boolean
-  showCounter?: boolean // default: true
-  helpText?: string
-  errorMessage?: string
-}
-
-withDefaults(defineProps<Props>(), {
-  rows: 4,
-  maxLength: 1000,
-  showCounter: true
-})
-
-defineEmits<{
-  'update:modelValue': [value: string]
-  blur: []
-}>()
-</script>
-```
-
-**Validation Rules**:
-- required
-- minLength: configurable
-- maxLength: default 1000
-- wordCount: optional limit
-
-**Use Cases**: Description, Notes, Comments, Address
-
----
-
-### 7. **CheckboxField** — Boolean checkbox with label
-```vue
-<template>
-  <div class="form-check">
-    <input
-      :id="`checkbox-${id}`"
-      type="checkbox"
-      :checked="modelValue"
-      class="form-check-input"
-      :disabled="disabled"
-      @change="$emit('update:modelValue', ($event.target as HTMLInputElement).checked)"
-    />
-    <label :for="`checkbox-${id}`" class="form-check-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <small v-if="helpText" class="form-text d-block">{{ helpText }}</small>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-interface Props {
-  modelValue: boolean
-  label: string
-  disabled?: boolean
-  required?: boolean
-  helpText?: string
-}
-
-defineProps<Props>()
-
-defineEmits<{
-  'update:modelValue': [value: boolean]
-}>()
-
-const id = ref(`checkbox-${Math.random().toString(36).slice(2, 11)}`)
-</script>
-```
-
-**Validation Rules**:
-- required: must be checked
-- value: true/false only
-
-**Use Cases**: Terms & Conditions, Feature Toggles, Agreements
-
----
-
-## Implementation Strategy
-
-### Step 1.1: Create Field Components (2 hours)
-```bash
-# Create each field component
-# File: src/components/fields/typed/[Field]/[Field].vue
-
-# NumberField
-src/components/fields/typed/NumberField/
-  ├── NumberField.vue
-  ├── NumberField.stories.ts (5+ stories)
-  └── NumberField.spec.ts (unit tests)
-
-# PercentageField
-src/components/fields/typed/PercentageField/
-  ├── PercentageField.vue
-  ├── PercentageField.stories.ts
-  └── PercentageField.spec.ts
-
-# ... repeat for PhoneField, EmailField, URLField, TextareaField, CheckboxField
-```
-
-### Step 1.2: Validation Rules (1 hour)
-```typescript
-// src/composables/useValidation.ts - Add new rules
-const rules = {
-  number: (min?, max?) => ({...}),
-  percentage: () => ({...}),
-  phone: (countryCode?) => ({...}),
-  email: () => ({...}),
-  url: () => ({...}),
-  textarea: (minLength?, maxLength?) => ({...}),
-  checkbox: () => ({...})
-}
-```
-
-### Step 1.3: Formatting Functions (1 hour)
-```typescript
-// src/composables/useFormatting.ts - Add new formatters
-const fmt = useFormatting()
-fmt.formatPhone('01012345678') // "+82 10 1234 5678"
-fmt.parsePhone('+82 10 1234 5678') // "01012345678"
-fmt.formatPercentage(0.75, 2) // "75.00%"
-```
-
-### Step 1.4: Storybook Documentation (1 hour)
-```typescript
-// Each field: 5+ stories
-// Example: NumberField.stories.ts
-export default {
-  title: 'Fields/Typed/NumberField',
-  component: NumberField,
-  argTypes: {
-    minValue: { control: 'number' },
-    maxValue: { control: 'number' },
-    step: { control: 'number' }
-  }
-}
-
-export const Default = {...}
-export const WithValidation = {...}
-export const WithMinMax = {...}
-export const Disabled = {...}
-export const Error = {...}
-```
-
-### Step 1.5: Unit Tests (1 hour)
-```bash
-# Each field: 10-15 unit tests
-# Example: NumberField.spec.ts
-
-describe('NumberField', () => {
-  it('validates min/max bounds')
-  it('formats decimal places correctly')
-  it('emits update events')
-  it('handles disable state')
-  it('shows error messages')
-  // ... etc
-})
-```
-
----
-
-## Implementation Timeline
-
-| Task | Duration | Status |
-|------|----------|--------|
-| NumberField | 30 min | ⏳ Start |
-| PercentageField | 30 min | ⏳ After NumberField |
-| PhoneField | 40 min | ⏳ After PercentageField |
-| EmailField | 30 min | ⏳ After PhoneField |
-| URLField | 30 min | ⏳ After EmailField |
-| TextareaField | 30 min | ⏳ After URLField |
-| CheckboxField | 30 min | ⏳ After TextareaField |
-| **Total** | **4.5 hours** | ⏳ Start now |
-
-**Estimated Completion**: 2026-08-28 (end of day)
-
----
-
-## Validation Matrix
-
-| Field | Required | Email | Phone | URL | Min/Max | Pattern | Custom |
-|-------|----------|-------|-------|-----|---------|---------|--------|
-| Number | ✅ | — | — | — | ✅ | — | — |
-| Percent | ✅ | — | — | — | ✅ (0-100) | — | — |
-| Phone | ✅ | — | ✅ | — | — | ✅ | Country-specific |
-| Email | ✅ | ✅ | — | — | — | ✅ | Length limit |
-| URL | ✅ | — | — | ✅ | — | ✅ | Protocol check |
-| Textarea | ✅ | — | — | — | ✅ | — | Word count |
-| Checkbox | ✅ | — | — | — | — | — | Acceptance |
-
----
-
-## Story Examples
-
-### NumberField Stories (5+)
-```typescript
-export const Default = Template.bind({})
-Default.args = {
-  modelValue: 100,
-  label: 'Quantity',
-  minValue: 1,
-  maxValue: 9999
-}
-
-export const WithDecimals = Template.bind({})
-WithDecimals.args = {
-  modelValue: 19.99,
-  label: 'Price',
-  step: 0.01,
-  minValue: 0
-}
-
-export const Disabled = Template.bind({})
-Disabled.args = {
-  modelValue: 42,
-  disabled: true
-}
-
-export const Error = Template.bind({})
-Error.args = {
-  modelValue: 5000,
-  errorMessage: 'Quantity cannot exceed 1000'
-}
-```
-
-### PhoneField Stories (5+)
-```typescript
-export const Default = Template.bind({})
-Default.args = {
-  modelValue: '01012345678',
-  label: 'Contact Phone'
-}
-
-export const Korea = Template.bind({})
-Korea.args = {
-  modelValue: '01012345678',
-  countryCode: 'KR'
-}
-
-export const US = Template.bind({})
-US.args = {
-  modelValue: '2025551234',
-  countryCode: 'US'
-}
-```
-
----
-
-## Testing Strategy
-
-### Unit Tests (Per Field: 10-15 tests)
-```typescript
-// NumberField.spec.ts example
-describe('NumberField', () => {
-  it('renders input with correct value')
-  it('emits update:modelValue on input')
-  it('validates min boundary')
-  it('validates max boundary')
-  it('handles decimal step')
-  it('shows error message when invalid')
-  it('respects disabled state')
-  it('focuses on click')
-  it('handles keyboard input')
-  it('handles paste event')
-})
-```
-
-### Storybook Visual Testing
-```bash
-npm run storybook
-# Manually verify: rendering, validation, error states, accessibility
-```
-
-### Integration Tests (New)
-```typescript
-// tests/integration/typed-fields.spec.ts
-describe('Typed Fields Integration', () => {
-  it('NumberField with validation rules')
-  it('PhoneField with formatting')
-  it('EmailField with API lookup')
-  it('URLField with protocol validation')
-  it('CheckboxField with toggle state')
-})
-```
-
----
-
-## Files to Create
-
-```
-Phase 3 Step 1 Deliverables:
-
-src/components/fields/typed/
-├── NumberField/
-│   ├── NumberField.vue
-│   ├── NumberField.stories.ts
-│   └── NumberField.spec.ts
-├── PercentageField/
-│   ├── PercentageField.vue
-│   ├── PercentageField.stories.ts
-│   └── PercentageField.spec.ts
-├── PhoneField/
-│   ├── PhoneField.vue
-│   ├── PhoneField.stories.ts
-│   └── PhoneField.spec.ts
-├── EmailField/
-│   ├── EmailField.vue
-│   ├── EmailField.stories.ts
-│   └── EmailField.spec.ts
-├── URLField/
-│   ├── URLField.vue
-│   ├── URLField.stories.ts
-│   └── URLField.spec.ts
-├── TextareaField/
-│   ├── TextareaField.vue
-│   ├── TextareaField.stories.ts
-│   └── TextareaField.spec.ts
-└── CheckboxField/
-    ├── CheckboxField.vue
-    ├── CheckboxField.stories.ts
-    └── CheckboxField.spec.ts
-
-tests/integration/
-└── typed-fields.spec.ts (new integration tests)
-
-src/composables/
-├── useValidation.ts (updated: new rules)
-└── useFormatting.ts (updated: new formatters)
-
-Documentation/
-└── PHASE3-STEP1-COMPLETION.md (completion checklist)
-```
-
----
-
-## Quality Checklist (Per Field)
-
-- [ ] Component renders correctly
-- [ ] Props are typed (no `any`)
-- [ ] Emits work (update:modelValue, blur)
-- [ ] Validation rules integrated
-- [ ] Formatting applied
-- [ ] Error messages display
-- [ ] Disabled state respected
-- [ ] Accessibility (labels, ARIA, keyboard)
-- [ ] 5+ Storybook stories
-- [ ] 10+ unit tests passing
-- [ ] TypeScript strict: 0 errors
-- [ ] No console warnings
-
----
-
-## Exit Criteria (Step 1 Complete)
-
-- ✅ All 7 fields implemented
-- ✅ All 35+ Storybook stories created
-- ✅ All 70+ unit tests passing
-- ✅ Validation + formatting integrated
-- ✅ TypeScript strict: 0 errors
-- ✅ `npm run verify` passes
-- ✅ Integration tests added
-- ✅ PHASE3-STEP1-COMPLETION.md filled
-
----
-
-## Next Phase (After Step 1)
-
-**Step 2**: Smart Components Layer (Domain Fields)
-- OrderLineField (with Product lookup)
-- CustomerField (with Customer lookup)
-- ProductField (with SKU validation)
-- WarehouseField
-- etc.
-
----
-
-**Ready to implement Phase 3 Step 1?** ✅
-
-Estimated time: 4.5 hours  
-Target completion: 2026-08-28 (end of day)  
-Proceed with NumberField implementation? → Yes ✅
diff --git a/oms-wms-erp/PHASE3-STEP2-SMART-COMPONENTS.md b/oms-wms-erp/PHASE3-STEP2-SMART-COMPONENTS.md
deleted file mode 100644
index c253537b..00000000
--- a/oms-wms-erp/PHASE3-STEP2-SMART-COMPONENTS.md
+++ /dev/null
@@ -1,694 +0,0 @@
-# Phase 3 Step 2: Smart Components Layer (Domain Fields)
-
-**Status**: 🚀 START  
-**Phase**: 3 / 11  
-**Step**: 2 / 4  
-**Target Completion**: 2026-09-02 (4 days)  
-**Overall Phase 3**: 2 weeks (2026-08-27 to 2026-09-10)
-
----
-
-## Overview
-
-**Phase 3 Step 2 Goal**: Build Smart Components layer (Domain Fields)
-
-**What are Domain Fields?**
-- Composed from Typed Fields + business logic
-- Add API lookups (customer list, product catalog, etc.)
-- Implement domain-specific validation rules
-- Enable complex workflows (multi-field coordination)
-- Example: OrderLineField = Qty (NumberField) + Product (lookup) + Price (auto-calculated)
-
-**Architecture Transition**:
-```
-Layer 1: Primitives (Button, Input, Table)
-         ↓ (composed into)
-Layer 2: Typed Fields (TextField, NumberField, DateField)
-         ↓ (composed into)
-Layer 3: Domain Fields ← WE ARE HERE (OrderLineField, CustomerField)
-         ↓ (composed into)
-Layer 4: Business Composites (OrderForm, InventoryTransfer)
-```
-
-**After Step 2**: Full Domain Fields layer ready for Composite components
-
----
-
-## The 12 Domain Fields
-
-### 1. **OrderLineField** — Order line item (qty + product + price)
-```vue
-<template>
-  <div class="order-line-group">
-    <!-- Product Lookup -->
-    <SelectField
-      v-model="line.productId"
-      :options="productOptions"
-      label="Product"
-      @update:modelValue="handleProductChange"
-    />
-    
-    <!-- Quantity (auto-calculates available) -->
-    <NumberField
-      v-model="line.quantity"
-      label="Quantity"
-      :max="availableQuantity"
-      @blur="calculateTotal"
-    />
-    
-    <!-- Unit Price (auto-filled from product) -->
-    <CurrencyField
-      v-model="line.unitPrice"
-      label="Unit Price"
-      disabled
-    />
-    
-    <!-- Total Line Amount (auto-calculated) -->
-    <CurrencyField
-      v-model="line.lineTotal"
-      label="Line Total"
-      disabled
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-interface OrderLine {
-  productId: string
-  quantity: number
-  unitPrice: number
-  lineTotal: number
-}
-
-const props = defineProps<{
-  modelValue: OrderLine
-  availableProducts?: any[]
-}>()
-
-const line = ref({...props.modelValue})
-const productOptions = ref([])
-
-const handleProductChange = async (productId: string) => {
-  // Fetch product details from API
-  const product = await productsApi.getProduct(productId)
-  line.value.unitPrice = product.price
-  calculateTotal()
-}
-
-const calculateTotal = () => {
-  line.value.lineTotal = line.value.quantity * line.value.unitPrice
-  emit('update:modelValue', line.value)
-}
-</script>
-```
-
-**Features**:
-- Product lookup (async)
-- Quantity validation (available stock)
-- Auto-fill unit price from product
-- Auto-calculate line total
-- Emit coordinated updates
-
----
-
-### 2. **CustomerField** — Customer lookup with details
-```vue
-<template>
-  <div class="customer-field">
-    <!-- Customer Autocomplete -->
-    <SelectField
-      v-model="customerId"
-      :options="customerOptions"
-      label="Customer"
-      searchable
-      async
-      @search="searchCustomers"
-    />
-    
-    <!-- Auto-filled Details -->
-    <TextField
-      :value="customer.name"
-      label="Company Name"
-      disabled
-    />
-    
-    <EmailField
-      :value="customer.email"
-      label="Email"
-      disabled
-    />
-    
-    <PhoneField
-      :value="customer.phone"
-      label="Contact Phone"
-      disabled
-    />
-    
-    <!-- Credit Limit Warning -->
-    <div v-if="customerAtRisk" class="alert alert-warning">
-      ⚠️ Customer approaching credit limit: {{ creditUsage }}%
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-const customerId = ref('')
-const customer = ref({})
-const customerOptions = ref([])
-
-const searchCustomers = async (query: string) => {
-  const results = await customersApi.searchCustomers(query)
-  customerOptions.value = results.map(c => ({ value: c.id, label: c.name }))
-}
-
-const handleCustomerSelect = async (id: string) => {
-  const customerData = await customersApi.getCustomer(id)
-  customer.value = customerData
-  checkCreditLimit(customerData)
-  emit('update:modelValue', { customerId: id, ...customerData })
-}
-</script>
-```
-
-**Features**:
-- Async customer search
-- Auto-load customer details
-- Display contact info
-- Credit limit warning
-- Emit coordinated data
-
----
-
-### 3. **ProductField** — Product lookup with details
-```vue
-<template>
-  <div class="product-field">
-    <!-- SKU Lookup -->
-    <TextField
-      v-model="sku"
-      label="Product SKU"
-      @blur="lookupProduct"
-    />
-    
-    <!-- Auto-filled Details -->
-    <TextField
-      :value="product.name"
-      label="Product Name"
-      disabled
-    />
-    
-    <SelectField
-      :value="product.categoryId"
-      :options="categories"
-      label="Category"
-      disabled
-    />
-    
-    <CurrencyField
-      :value="product.price"
-      label="List Price"
-      disabled
-    />
-    
-    <!-- Stock Availability -->
-    <NumberField
-      :value="availableStock"
-      label="Available Stock"
-      disabled
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-const sku = ref('')
-const product = ref({})
-
-const lookupProduct = async () => {
-  if (!sku.value) return
-  
-  const p = await productsApi.getProductBySku(sku.value)
-  if (!p) {
-    errorMessage.value = 'Product not found'
-    return
-  }
-  
-  product.value = p
-  checkStock(p.id)
-  emit('update:modelValue', p)
-}
-</script>
-```
-
-**Features**:
-- SKU-based lookup
-- Auto-load product details
-- Display category, price, stock
-- Validation (product exists)
-
----
-
-### 4. **WarehouseField** — Warehouse selection with capacity
-
-```vue
-<template>
-  <div class="warehouse-field">
-    <SelectField
-      v-model="warehouseId"
-      :options="warehouseOptions"
-      label="Warehouse"
-      @update:modelValue="handleWarehouseChange"
-    />
-    
-    <!-- Display Warehouse Info -->
-    <div v-if="warehouse" class="warehouse-info">
-      <TextField :value="warehouse.location" label="Location" disabled />
-      <TextField :value="warehouse.capacity" label="Total Capacity" disabled />
-      <NumberField :value="warehouse.usedCapacity" label="Used Capacity" disabled />
-      
-      <!-- Capacity Bar -->
-      <div class="progress mt-2">
-        <div 
-          class="progress-bar"
-          :class="capacityClass"
-          :style="{ width: capacityPercent + '%' }"
-        >
-          {{ capacityPercent }}%
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-const warehouseId = ref('')
-const warehouse = ref(null)
-const warehouseOptions = ref([])
-
-onMounted(async () => {
-  const whs = await warehousesApi.listWarehouses()
-  warehouseOptions.value = whs.map(w => ({ value: w.id, label: w.name }))
-})
-
-const handleWarehouseChange = async (id: string) => {
-  warehouse.value = await warehousesApi.getWarehouse(id)
-  emit('update:modelValue', warehouse.value)
-}
-
-const capacityClass = computed(() => {
-  const percent = capacityPercent.value
-  if (percent > 90) return 'bg-danger'
-  if (percent > 70) return 'bg-warning'
-  return 'bg-success'
-})
-</script>
-```
-
-**Features**:
-- Warehouse selection
-- Display location, capacity
-- Capacity usage visualization
-- Color-coded status
-
----
-
-### 5. **SupplierField** — Supplier lookup
-```vue
-<!-- Company name + Contact + Payment terms -->
-```
-
-### 6. **StockTransferField** — From/To warehouse transfer
-```vue
-<!-- From warehouse + To warehouse + Quantity + Transfer reason -->
-```
-
-### 7. **DateRangeField** — Start + End date pair
-```vue
-<!-- Start date + End date with validation (start < end) -->
-```
-
-### 8. **AddressField** — Full address with country
-```vue
-<!-- Street + City + Postal + Country + Validation -->
-```
-
-### 9. **BankAccountField** — Account + Bank code
-```vue
-<!-- Account number + Bank code + Account holder name -->
-```
-
-### 10. **TaxIDField** — Country-specific tax ID
-```vue
-<!-- Tax ID with country-specific validation (KRN, USN, JPN) -->
-```
-
-### 11. **RoleField** — User role with permissions
-```vue
-<!-- Role selection + Display role permissions + Permission matrix -->
-```
-
-### 12. **ApprovalField** — Approval with comments
-```vue
-<!-- Approver lookup + Approval status + Comment textarea + Timestamp -->
-```
-
----
-
-## Implementation Strategy
-
-### Step 2.1: Core Domain Fields (2 days)
-Implement 3 "must-have" fields:
-1. **OrderLineField** — Most complex, demonstrates patterns
-2. **CustomerField** — Async search pattern
-3. **ProductField** — SKU lookup pattern
-
-### Step 2.2: Supporting Domain Fields (1 day)
-4. **WarehouseField** — Selection + info display
-5. **DateRangeField** — Date pair validation
-6. **AddressField** — Multi-field composite
-
-### Step 2.3: Specialized Domain Fields (1 day)
-7-12. Remaining 6 fields (simpler patterns)
-
----
-
-## API Integration Pattern
-
-**For each Domain Field**:
-
-1. **Define API endpoint** (in MockServiceWorker)
-```typescript
-// tests/mocks/handlers.ts
-http.get('*/api/products/search', async ({request}) => {
-  const url = new URL(request.url)
-  const query = url.searchParams.get('q')
-  return HttpResponse.json(searchResults)
-})
-```
-
-2. **Create API client method**
-```typescript
-// src/services/api/client.ts
-class ProductsApiClient extends ApiClient {
-  async searchProducts(query: string) {
-    return this.get('/products/search', { params: { q: query } })
-  }
-}
-```
-
-3. **Use in Domain Field**
-```typescript
-// src/components/fields/domain/ProductField/ProductField.vue
-import { productsApi } from '@/services/api/client'
-
-const handleSkuChange = async (sku: string) => {
-  const product = await productsApi.getProductBySku(sku)
-  // ...
-}
-```
-
----
-
-## Component Structure
-
-**Each Domain Field** (3 files):
-
-```
-src/components/fields/domain/OrderLineField/
-├── OrderLineField.vue          (component implementation)
-├── OrderLineField.stories.ts   (5+ Storybook stories)
-└── OrderLineField.spec.ts      (10+ integration tests)
-```
-
-**Folder structure**:
-```
-src/components/fields/
-├── primitives/                 (30 components - Phase 1) ✅
-├── typed/                      (12 components - Phase 2+3.1) ✅
-└── domain/                     (12 components - Phase 3.2) ← START HERE
-    ├── OrderLineField/
-    ├── CustomerField/
-    ├── ProductField/
-    ├── WarehouseField/
-    ├── SupplierField/
-    ├── StockTransferField/
-    ├── DateRangeField/
-    ├── AddressField/
-    ├── BankAccountField/
-    ├── TaxIDField/
-    ├── RoleField/
-    ├── ApprovalField/
-    └── index.ts (central export)
-```
-
----
-
-## State Management Pattern
-
-**For Domain Fields with complex state**:
-
-Use Pinia store module or local state?
-
-**Recommended**: Local state (with emit pattern) for Step 2
-- Keep fields composable
-- Avoid store bloat
-- Parent form manages state via Pinia
-
-**Example**:
-```typescript
-// OrderLineField (local state)
-const line = ref({...modelValue})
-watch(() => line.value, () => {
-  emit('update:modelValue', line.value)
-}, { deep: true })
-
-// Parent OrderForm (Pinia store)
-const lineStore = useOrderLinesStore() // Pinia store
-```
-
----
-
-## Testing Strategy
-
-### Unit Tests (Per Field: 15-20 tests)
-```typescript
-// OrderLineField.spec.ts example
-describe('OrderLineField', () => {
-  it('loads product details on SKU change')
-  it('validates quantity against available stock')
-  it('calculates line total correctly')
-  it('emits update:modelValue on changes')
-  it('handles product not found error')
-  it('disables fields when loading')
-  it('shows loading spinner during API call')
-})
-```
-
-### Integration Tests (New)
-```typescript
-// tests/integration/domain-fields.spec.ts
-describe('Domain Fields with API', () => {
-  it('OrderLineField full workflow (search → select → calculate)')
-  it('CustomerField async search + credit check')
-  it('ProductField SKU lookup + stock validation')
-})
-```
-
-### Storybook Stories (Per Field: 5+ stories)
-```typescript
-// OrderLineField.stories.ts
-export const Default = {...}
-export const WithProductLookup = {...}
-export const WithValidationError = {...}
-export const Loading = {...}
-export const Disabled = {...}
-```
-
----
-
-## API Requirements
-
-**New API endpoints needed** (for MSW mocking):
-
-```
-Products:
-  GET /api/products/search?q={query}
-  GET /api/products/{id}
-  GET /api/products/sku/{sku}
-
-Customers:
-  GET /api/customers/search?q={query}
-  GET /api/customers/{id}
-  POST /api/customers/{id}/credit-check
-
-Warehouses:
-  GET /api/warehouses
-  GET /api/warehouses/{id}
-
-Suppliers:
-  GET /api/suppliers/search?q={query}
-  GET /api/suppliers/{id}
-
-Orders:
-  GET /api/orders/{id}/lines
-  POST /api/orders/{id}/lines (line validation)
-```
-
-**Update MSW handlers** (tests/mocks/handlers.ts):
-- [ ] Product search endpoint
-- [ ] Product by SKU endpoint
-- [ ] Customer search endpoint
-- [ ] Customer credit check endpoint
-- [ ] Warehouse list/get endpoints
-- [ ] Supplier search endpoint
-
----
-
-## Exit Criteria (Step 2 Complete)
-
-- ✅ 12 Domain Fields implemented
-- ✅ 60+ Storybook stories created
-- ✅ 150+ integration tests passing
-- ✅ API endpoints mocked (MSW)
-- ✅ All async patterns tested
-- ✅ Error handling verified
-- ✅ Loading states implemented
-- ✅ TypeScript strict: 0 errors
-- ✅ WCAG accessibility compliance
-
----
-
-## Timeline
-
-| Task | Duration | Status |
-|------|----------|--------|
-| OrderLineField | 6 hours | ⏳ Start |
-| CustomerField | 4 hours | ⏳ After OrderLineField |
-| ProductField | 4 hours | ⏳ After CustomerField |
-| WarehouseField | 3 hours | ⏳ Parallel |
-| DateRangeField | 2 hours | ⏳ Parallel |
-| AddressField | 3 hours | ⏳ Parallel |
-| Remaining 6 fields | 6 hours | ⏳ Day 2 |
-| Testing + Storybook | 4 hours | ⏳ Day 3 |
-| **Total** | **~32 hours / 4 days** | ⏳ 2026-08-28 → 2026-09-02 |
-
----
-
-## Quality Checklist (Per Field)
-
-- [ ] Component renders correctly
-- [ ] Props are typed (no `any`)
-- [ ] Emits work (update:modelValue)
-- [ ] API calls mocked (MSW)
-- [ ] Loading state shows spinner
-- [ ] Error state shows message
-- [ ] Validation rules enforced
-- [ ] Accessible (labels, ARIA, keyboard)
-- [ ] 5+ Storybook stories
-- [ ] 15+ integration tests
-- [ ] TypeScript strict: 0 errors
-- [ ] No console warnings
-
----
-
-## Known Patterns to Implement
-
-### 1. **Async Search**
-```typescript
-const searchQuery = ref('')
-const searchResults = ref([])
-const isSearching = ref(false)
-
-const handleSearch = async (query: string) => {
-  isSearching.value = true
-  searchResults.value = await api.search(query)
-  isSearching.value = false
-}
-```
-
-### 2. **Auto-fill Details**
-```typescript
-const handleSelect = async (id: string) => {
-  const details = await api.getDetails(id)
-  Object.assign(model, details)
-  emit('update:modelValue', model)
-}
-```
-
-### 3. **Multi-field Validation**
-```typescript
-const validateLineTotal = () => {
-  if (line.quantity * line.unitPrice !== line.lineTotal) {
-    error.value = 'Line total mismatch'
-  }
-}
-```
-
-### 4. **Loading State**
-```typescript
-const isLoading = ref(false)
-const handleAsyncAction = async () => {
-  isLoading.value = true
-  try {
-    // async work
-  } finally {
-    isLoading.value = false
-  }
-}
-```
-
----
-
-## Next Phase (After Step 2)
-
-**Phase 3 Step 3**: Complete remaining Pinia stores (7/10 stores)
-- Customers, Suppliers, StockTransfers, etc.
-- Integration with Domain Fields
-
-**Phase 3 Step 4**: Business Composite Components (11 components)
-- OrderForm (uses OrderLineField, CustomerField, etc.)
-- InventoryTransfer, VoucherEditor, etc.
-
----
-
-## Files to Create
-
-```
-Phase 3 Step 2 Deliverables:
-
-src/components/fields/domain/
-├── index.ts (12 field exports)
-├── OrderLineField/
-│   ├── OrderLineField.vue
-│   ├── OrderLineField.stories.ts
-│   └── OrderLineField.spec.ts
-├── CustomerField/
-├── ProductField/
-├── WarehouseField/
-├── SupplierField/
-├── StockTransferField/
-├── DateRangeField/
-├── AddressField/
-├── BankAccountField/
-├── TaxIDField/
-├── RoleField/
-└── ApprovalField/
-
-tests/mocks/
-└── handlers.ts (UPDATED: new API endpoints)
-
-tests/integration/
-└── domain-fields.spec.ts (NEW: 150+ tests)
-
-Documentation/
-└── PHASE3-STEP2-COMPLETION.md
-```
-
----
-
-**Ready to implement Phase 3 Step 2?** ✅
-
-Starting with **OrderLineField** (most complex, demonstrates patterns)
-
-Estimated time: 4 days → 2026-09-02
-
-**Proceed with OrderLineField implementation?** ✅ Yes
diff --git a/oms-wms-erp/PRIMITIVES-IMPLEMENTATION.md b/oms-wms-erp/PRIMITIVES-IMPLEMENTATION.md
deleted file mode 100644
index 263efe41..00000000
--- a/oms-wms-erp/PRIMITIVES-IMPLEMENTATION.md
+++ /dev/null
@@ -1,462 +0,0 @@
-# Phase 1 Step 3: Primitives Implementation Guide
-
-**Status**: 10/30 Primitives scaffolded, 20 templates provided  
-**Expected**: All 30 primitives ready for Phase 2 (Week 3-4)
-
----
-
-## Current Status: 10/30
-
-### ✅ Completed (with full implementation)
-1. **Button** (ButtonBase.vue, 7 stories, 8 tests)
-2. **Input** (InputBase.vue)
-3. **Select** (SelectBase.vue)
-4. **Table** (TableBase.vue)
-5. **Textarea** (Template in DEVELOPMENT.md)
-
-### 🔨 Scaffolded (template generator ready)
-
-Use the generator to create remaining 25 components:
-
-```bash
-npm run component:create Card
-npm run component:create Badge
-npm run component:create Modal
-npm run component:create Alert
-npm run component:create Spinner
-npm run component:create Tooltip
-npm run component:create Checkbox
-npm run component:create Radio
-npm run component:create Pagination
-npm run component:create Dropdown
-npm run component:create Tabs
-npm run component:create Breadcrumb
-npm run component:create NavBar
-npm run component:create Sidebar
-npm run component:create Icon
-npm run component:create Link
-npm run component:create FormGroup
-npm run component:create Label
-npm run component:create HelpText
-npm run component:create ErrorMessage
-npm run component:create LoadingState
-npm run component:create EmptyState
-npm run component:create Divider
-npm run component:create Collapse
-npm run component:create Stepper
-```
-
----
-
-## Implementation Templates
-
-### Card Component
-
-```vue
-<!-- src/components/primitives/Card/CardBase.vue -->
-<template>
-  <div :class="['card', variantClass]">
-    <div v-if="title" class="card-header">
-      <h5 class="card-title">{{ title }}</h5>
-    </div>
-    <div class="card-body">
-      <slot />
-    </div>
-    <div v-if="$slots.footer" class="card-footer">
-      <slot name="footer" />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue'
-
-interface Props {
-  title?: string
-  variant?: 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger'
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  variant: 'default'
-})
-
-const variantClass = computed(() => {
-  return props.variant !== 'default' ? `border-${props.variant}` : ''
-})
-</script>
-```
-
-### Badge Component
-
-```vue
-<!-- src/components/primitives/Badge/BadgeBase.vue -->
-<template>
-  <span :class="['badge', `bg-${status}`]">
-    <slot />
-  </span>
-</template>
-
-<script setup lang="ts">
-interface Props {
-  status: 'success' | 'danger' | 'warning' | 'info' | 'secondary'
-}
-
-withDefaults(defineProps<Props>(), {
-  status: 'secondary'
-})
-</script>
-```
-
-### Modal Component
-
-```vue
-<!-- src/components/primitives/Modal/ModalBase.vue -->
-<template>
-  <Teleport to="body">
-    <div v-if="isOpen" class="modal d-block" :style="{ backgroundColor: 'rgba(0,0,0,.5)' }">
-      <div class="modal-dialog">
-        <div class="modal-content">
-          <div class="modal-header">
-            <h5 class="modal-title">{{ title }}</h5>
-            <button type="button" class="btn-close" @click="$emit('close')" />
-          </div>
-          <div class="modal-body">
-            <slot />
-          </div>
-          <div v-if="$slots.footer" class="modal-footer">
-            <slot name="footer" />
-          </div>
-        </div>
-      </div>
-    </div>
-  </Teleport>
-</template>
-
-<script setup lang="ts">
-interface Props {
-  isOpen: boolean
-  title?: string
-}
-
-withDefaults(defineProps<Props>(), {})
-
-defineEmits<{
-  close: []
-}>()
-</script>
-```
-
-### Alert Component
-
-```vue
-<!-- src/components/primitives/Alert/AlertBase.vue -->
-<template>
-  <div :class="['alert', `alert-${type}`, { dismissible: closable }]">
-    <div v-if="title" class="alert-heading">{{ title }}</div>
-    <slot />
-    <button v-if="closable" type="button" class="btn-close" @click="$emit('close')" />
-  </div>
-</template>
-
-<script setup lang="ts">
-interface Props {
-  type: 'success' | 'danger' | 'warning' | 'info'
-  title?: string
-  closable?: boolean
-}
-
-withDefaults(defineProps<Props>(), {
-  type: 'info',
-  closable: false
-})
-
-defineEmits<{
-  close: []
-}>()
-</script>
-```
-
-### Checkbox Component
-
-```vue
-<!-- src/components/primitives/Checkbox/CheckboxBase.vue -->
-<template>
-  <div class="form-check">
-    <input
-      :id="id"
-      type="checkbox"
-      class="form-check-input"
-      :checked="modelValue"
-      :disabled="disabled"
-      @change="$emit('update:modelValue', ($event.target as HTMLInputElement).checked)"
-    />
-    <label :for="id" class="form-check-label">
-      {{ label }}
-    </label>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-interface Props {
-  modelValue: boolean
-  label?: string
-  disabled?: boolean
-}
-
-withDefaults(defineProps<Props>(), {})
-
-const id = ref(`checkbox-${Math.random().toString(36).slice(2, 11)}`)
-
-defineEmits<{
-  'update:modelValue': [value: boolean]
-}>()
-</script>
-```
-
-### Radio Component
-
-```vue
-<!-- src/components/primitives/Radio/RadioBase.vue -->
-<template>
-  <div class="form-check">
-    <input
-      :id="id"
-      type="radio"
-      class="form-check-input"
-      :name="name"
-      :value="value"
-      :checked="modelValue === value"
-      :disabled="disabled"
-      @change="$emit('update:modelValue', value)"
-    />
-    <label :for="id" class="form-check-label">
-      {{ label }}
-    </label>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-interface Props {
-  modelValue: string | number
-  value: string | number
-  name: string
-  label?: string
-  disabled?: boolean
-}
-
-withDefaults(defineProps<Props>(), {})
-
-const id = ref(`radio-${Math.random().toString(36).slice(2, 11)}`)
-
-defineEmits<{
-  'update:modelValue': [value: string | number]
-}>()
-</script>
-```
-
-### Spinner Component
-
-```vue
-<!-- src/components/primitives/Spinner/SpinnerBase.vue -->
-<template>
-  <div :class="['spinner-border', sizeClass]" role="status" aria-busy="true">
-    <span class="visually-hidden">Loading...</span>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue'
-
-interface Props {
-  size?: 'sm' | 'md' | 'lg'
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  size: 'md'
-})
-
-const sizeClass = computed(() => {
-  return props.size !== 'md' ? `spinner-border-${props.size}` : ''
-})
-</script>
-```
-
-### Tooltip Component
-
-```vue
-<!-- src/components/primitives/Tooltip/TooltipBase.vue -->
-<template>
-  <div class="d-inline-block">
-    <span
-      class="text-decoration-underline cursor-help"
-      @mouseenter="show = true"
-      @mouseleave="show = false"
-    >
-      <slot />
-    </span>
-    <Teleport to="body">
-      <div
-        v-if="show"
-        :class="['tooltip', `bs-tooltip-${position}`, 'show']"
-        role="tooltip"
-        :style="{ position: 'absolute', ...position }"
-      >
-        <div class="tooltip-inner">
-          {{ text }}
-        </div>
-      </div>
-    </Teleport>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-interface Props {
-  text: string
-  position?: 'top' | 'bottom' | 'left' | 'right'
-}
-
-withDefaults(defineProps<Props>(), {
-  position: 'top'
-})
-
-const show = ref(false)
-</script>
-```
-
-### Pagination Component
-
-```vue
-<!-- src/components/primitives/Pagination/PaginationBase.vue -->
-<template>
-  <nav>
-    <ul class="pagination">
-      <li class="page-item" :class="{ disabled: currentPage === 1 }">
-        <button class="page-link" @click="$emit('page-change', currentPage - 1)">Previous</button>
-      </li>
-      <li
-        v-for="page in visiblePages"
-        :key="page"
-        class="page-item"
-        :class="{ active: page === currentPage }"
-      >
-        <button class="page-link" @click="$emit('page-change', page)">{{ page }}</button>
-      </li>
-      <li class="page-item" :class="{ disabled: currentPage === totalPages }">
-        <button class="page-link" @click="$emit('page-change', currentPage + 1)">Next</button>
-      </li>
-    </ul>
-  </nav>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue'
-
-interface Props {
-  currentPage: number
-  totalPages: number
-  maxVisible?: number
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  maxVisible: 5
-})
-
-const visiblePages = computed(() => {
-  const pages = []
-  for (let i = Math.max(1, props.currentPage - 2); i <= Math.min(props.totalPages, props.currentPage + 2); i++) {
-    pages.push(i)
-  }
-  return pages
-})
-
-defineEmits<{
-  'page-change': [page: number]
-}>()
-</script>
-```
-
----
-
-## Quick Start: Generate All Remaining Components
-
-```bash
-# Add script to package.json scripts
-"component:create": "node scripts/generate-primitive.mjs"
-
-# Then run:
-npm run component:create Card
-npm run component:create Badge
-npm run component:create Modal
-npm run component:create Alert
-npm run component:create Spinner
-npm run component:create Tooltip
-npm run component:create Checkbox
-npm run component:create Radio
-npm run component:create Pagination
-npm run component:create Dropdown
-npm run component:create Tabs
-npm run component:create Breadcrumb
-npm run component:create NavBar
-npm run component:create Sidebar
-npm run component:create Icon
-npm run component:create Link
-npm run component:create FormGroup
-npm run component:create Label
-npm run component:create HelpText
-npm run component:create ErrorMessage
-npm run component:create LoadingState
-npm run component:create EmptyState
-npm run component:create Divider
-npm run component:create Collapse
-npm run component:create Stepper
-```
-
-Or use Makefile:
-
-```bash
-make create-primitives    # Generate all 25 remaining components
-```
-
----
-
-## Phase 1 Step 3 Checklist
-
-- [x] 5 components fully implemented (Button, Input, Select, Table, Textarea)
-- [x] Component generator script created
-- [x] 10 implementation templates provided
-- [ ] Generate remaining 20 components (using generator)
-- [ ] Add Storybook stories to all 30 (180 stories total)
-- [ ] Add unit tests to all 30 (70%+ coverage)
-- [ ] Run `npm run storybook` to verify all stories render
-- [ ] Run `npm run test:unit` to verify all tests pass
-- [ ] Update Storybook deployment
-- [ ] Commit all components
-
----
-
-## Next: Phase 2
-
-Once all 30 Primitives complete:
-- 180 Storybook stories published
-- 70%+ unit test coverage
-- WCAG 2.1 AA accessibility audit passing
-- Ready for Layer 2 (Typed Fields)
-
----
-
-## Estimated Time
-
-- Generate 25 components: ~10 minutes (using generator)
-- Implement Storybook stories: ~5 hours (automated)
-- Implement unit tests: ~5 hours (automated)
-- Total: **~3-4 days** (Phase 1 Step 3)
-
----
-
-**Timeline**: Complete by 2026-08-09 (Friday) → Enter Phase 2 (Week 3)
diff --git a/oms-wms-erp/README.md b/oms-wms-erp/README.md
deleted file mode 100644
index c27ae6a4..00000000
--- a/oms-wms-erp/README.md
+++ /dev/null
@@ -1,206 +0,0 @@
-# OMS·WMS·ERP Platform
-
-Enterprise-grade Order Management (OMS) + Warehouse Management (WMS) + Enterprise Resource Planning (ERP) platform built with Vue 3, TypeScript, and Vite.
-
-## Project Status
-
-**Phase**: 2 (Typed Fields & State Management)  
-**Status**: 🚀 In Progress (Step 4: Final Verification)  
-**Started**: 2026-08-02  
-**Phase 2 Target**: 2026-08-27 (End of Week 3)  
-**Overall Target**: 2026-11-30 (Phase 11)
-
-**Progress**:
-- ✅ Phase 1: Complete (Primitives, Storybook, CI/CD)
-- 🔄 Phase 2 Step 1-3: Complete (Typed Fields, Pinia, MSW)
-- 🔄 Phase 2 Step 4: In Progress (Final Verification)
-
-## Getting Started
-
-### Prerequisites
-
-- Node.js >= 18.0.0
-- npm >= 9.0.0
-
-### Installation
-
-```bash
-npm install
-```
-
-### Development
-
-Start the development server:
-
-```bash
-npm run dev
-```
-
-The app will open at `http://localhost:5173`
-
-### Storybook
-
-View component library:
-
-```bash
-npm run storybook
-```
-
-Storybook will open at `http://localhost:6006`
-
-### Build for Production
-
-```bash
-npm run build
-```
-
-### Testing
-
-**Unit Tests** (70+ tests, Vitest):
-```bash
-npm run test:unit         # Run once
-npm run test:watch       # Watch mode (development)
-```
-
-**Integration Tests** (65+ tests, MSW mocking):
-```bash
-npm run test:integration # Run integration tests
-```
-
-**E2E Tests** (50+ tests, Playwright):
-```bash
-npm run test:e2e         # Requires dev server running (npm run dev)
-npx playwright test --headed  # Run with browser visible
-```
-
-**Complete Verification** (lint + type-check + unit + integration + build):
-```bash
-npm run verify           # Full pipeline
-npm run test:all         # All tests (unit + integration + E2E)
-```
-
-**Coverage Report**:
-```bash
-npm run test:coverage    # Generate HTML coverage report
-# Open coverage/index.html in browser
-```
-
-**Test Statistics**:
-- Total Coverage: 185+ test cases
-- Unit Tests: 70+
-- Integration Tests: 65+
-- E2E Tests: 50+
-- Target Coverage: 70%+
-
-### Linting
-
-```bash
-npm run lint
-```
-
-## Architecture
-
-### 4-Layer Component Hierarchy
-
-1. **Primitives** (30) - Pure UI building blocks
-   - Button, Input, Select, Table, Card, Badge, Modal, etc.
-   - No business logic, full accessibility (WCAG 2.1 AA)
-
-2. **Typed Fields** (12) - Domain-aware inputs
-   - TextField, DateField, CurrencyField, etc.
-   - Built-in validation and formatting
-
-3. **Domain Fields** (12) - Business-specific components
-   - OrderLineField, ProductField, etc.
-   - API lookups, business rules
-
-4. **Business Composites** (11) - Full CRUD workflows
-   - OrderForm, InventoryTransferWizard, VoucherEditor, etc.
-   - State orchestration, approval workflows
-
-### Project Structure
-
-```
-src/
-├── components/
-│   ├── primitives/          # Layer 1: UI building blocks
-│   ├── fields/
-│   │   ├── typed/          # Layer 2: Type-safe inputs
-│   │   └── domain/         # Layer 3: Business-specific
-│   └── composites/         # Layer 4: Full workflows
-├── stores/                  # Pinia state management
-├── services/                # API client, validators, formatters
-├── views/                   # Page components
-├── router.ts               # Vue Router configuration
-├── App.vue                 # Root component
-└── main.ts                 # Entry point
-```
-
-## Development Guidelines
-
-### Code Quality
-
-- **TypeScript Strict Mode**: Enabled (no `any` types)
-- **ESLint**: Enforced on commit
-- **Prettier**: Auto-format on save
-- **Test Coverage**: Target 70%+
-
-### Component Development
-
-1. **Responsibility**: Each component does one thing well
-2. **Props & Events**: Follow Vue 3 Composition API conventions
-3. **Accessibility**: WCAG 2.1 AA minimum
-4. **Documentation**: Storybook stories required (5+ per component)
-
-### Testing
-
-- **Unit Tests**: Vitest + @testing-library/vue
-- **Integration Tests**: Vitest with MSW mocks
-- **E2E Tests**: Playwright (116 scenarios)
-
-## Key Technologies
-
-- **Framework**: Vue 3 (Composition API)
-- **Language**: TypeScript (strict mode)
-- **Build Tool**: Vite
-- **Component Documentation**: Storybook 8.0+
-- **State Management**: Pinia
-- **HTTP Client**: Axios
-- **Testing**: Vitest + Playwright
-- **Linting**: ESLint + Prettier
-- **UI Framework**: Tabler (Bootstrap 5)
-
-## Phase Roadmap
-
-| Phase | Goal | Duration | Status |
-|-------|------|----------|--------|
-| **0** | Requirements & Baseline | 2 weeks | ✅ Complete |
-| **1** | Dev Env & CI/CD | 2 weeks | 🚀 In Progress |
-| **2** | Primitives (30 components) | 2 weeks | ⏳ Pending |
-| **3** | Fields & Pinia | 2 weeks | ⏳ Pending |
-| **4** | CRUD Templates & E2E | 2 weeks | ⏳ Pending |
-| **5-11** | Polish, Security, Deployment | 10 weeks | ⏳ Pending |
-
-## Contributing
-
-1. Create a feature branch
-2. Make changes following code standards
-3. Write tests (70%+ coverage target)
-4. Create Storybook stories for new components
-5. Submit PR with reference to task/issue
-
-## API Specification
-
-See `spec/63_oms_wms_erp_api_openapi.yaml` for complete OpenAPI 3.0 specification.
-
-## Database Schema
-
-See `spec/64_oms_wms_erp_database_schema.sql` for PostgreSQL schema (3NF + audit trails).
-
-## License
-
-Internal Use Only - QuantEngine Project
-
-## Support
-
-For questions or issues, refer to CLAUDE.md in the project root.
diff --git a/oms-wms-erp/TEST-GUIDE.md b/oms-wms-erp/TEST-GUIDE.md
deleted file mode 100644
index 496c3000..00000000
--- a/oms-wms-erp/TEST-GUIDE.md
+++ /dev/null
@@ -1,205 +0,0 @@
-# OMS·WMS·ERP Test Guide (Phase 3 Step 5)
-
-## Test Architecture
-
-```
-┌─────────────────────────────────────────────────┐
-│ Unit Tests (Vitest)                             │
-│ - Components (65 components × 20 tests = 1,300) │
-│ - Stores (10 stores × 15 tests = 150)           │
-│ - Total: 1,450 unit tests                       │
-├─────────────────────────────────────────────────┤
-│ Integration Tests (Vitest)                      │
-│ - Order Workflow (10 tests)                     │
-│ - Inventory Workflow (10 tests)                 │
-│ - Customer Workflow (8 tests)                   │
-│ - Total: 28 integration tests                   │
-├─────────────────────────────────────────────────┤
-│ E2E Tests (Playwright)                          │
-│ - Order Flow (6 tests)                          │
-│ - Inventory Flow (3 tests)                      │
-│ - Dashboard Flow (pending)                      │
-│ - Total: 9 E2E tests (expanding)                │
-└─────────────────────────────────────────────────┘
-
-Total Test Suite: 1,487 tests
-Test Coverage Target: 80%+
-Execution Time: ~2 minutes (parallel)
-```
-
-## Running Tests
-
-### Unit Tests (Components + Stores)
-
-```bash
-# Run all unit tests
-npm run test:unit
-
-# Run with coverage
-npm run test:unit -- --coverage
-
-# Watch mode
-npm run test:unit -- --watch
-
-# Specific file
-npm run test:unit -- stores/modules/orders.spec.ts
-```
-
-### Integration Tests (Vitest)
-
-```bash
-# Run all integration tests
-npm run test:integration
-
-# Watch mode
-npm run test:integration -- --watch
-
-# Specific workflow
-npm run test:integration -- tests/integration/order-workflow.spec.ts
-```
-
-### E2E Tests (Playwright)
-
-```bash
-# Run all E2E tests
-npm run test:e2e
-
-# Headed mode (see browser)
-npm run test:e2e -- --headed
-
-# Debug mode
-npm run test:e2e -- --debug
-
-# Single test file
-npm run test:e2e -- order-flow.spec.ts
-```
-
-### Full Test Suite
-
-```bash
-# Run all tests (unit + integration + e2e)
-npm run test
-
-# With coverage report
-npm run test:coverage
-```
-
-## Test Files
-
-### Integration Tests
-
-**tests/integration/order-workflow.spec.ts** (30 tests)
-- Complete order lifecycle (create → update → delete)
-- Order filtering by status/customer/date
-- Order total calculations
-- Status transitions
-- Validation rules
-
-**tests/integration/inventory-workflow.spec.ts** (20 tests)
-- Stock quantity updates
-- Reserve/release workflows
-- Overselling prevention
-- Low stock alerts
-- Warehouse coordination
-
-**tests/integration/customer-workflow.spec.ts** (18 tests)
-- Customer CRUD operations
-- Credit usage tracking
-- At-risk customer detection
-- Status management
-
-### E2E Tests
-
-**tests/e2e/order-flow.spec.ts** (6 tests)
-- Full order workflow (UI)
-- Order filtering
-- Order editing
-- Order deletion
-- Total calculations
-
-**tests/e2e/inventory-flow.spec.ts** (3 tests)
-- Inventory transfer UI
-- Inventory level display
-- Low stock alerts
-
-## Coverage Requirements
-
-| Layer | Target | Actual | Status |
-|-------|--------|--------|--------|
-| Primitives | 60% | TBD | 🔄 |
-| Typed Fields | 70% | TBD | 🔄 |
-| Domain Fields | 80% | TBD | 🔄 |
-| Composites | 60% | TBD | 🔄 |
-| Stores | 85% | TBD | 🔄 |
-| **Overall** | **80%** | **TBD** | **🔄** |
-
-## CI/CD Integration
-
-### GitHub Actions (if applicable)
-
-```yaml
-test:
-  runs-on: ubuntu-latest
-  steps:
-    - uses: actions/checkout@v3
-    - uses: actions/setup-node@v3
-    - run: npm ci
-    - run: npm run test:unit -- --coverage
-    - run: npm run test:integration
-    - run: npm run test:e2e
-    - uses: codecov/codecov-action@v3
-```
-
-## Best Practices
-
-1. **Isolation**: Each test should be independent
-2. **Clarity**: Test names describe what they test
-3. **Coverage**: Focus on critical paths (orders, inventory, customers)
-4. **Speed**: Unit tests < 100ms, integration < 500ms, E2E < 5s
-5. **Maintenance**: Keep tests simple and readable
-
-## Debugging
-
-### Debug Unit Tests
-
-```bash
-npm run test:unit -- --inspect-brk=127.0.0.1:9229 tests/unit/stores/orders.spec.ts
-```
-
-### Debug E2E Tests
-
-```bash
-npm run test:e2e -- --debug tests/e2e/order-flow.spec.ts
-```
-
-### View Playwright Report
-
-```bash
-npx playwright show-report
-```
-
-## Metrics
-
-### Test Execution Time (Baseline)
-
-- Unit tests: ~45 seconds
-- Integration tests: ~15 seconds
-- E2E tests: ~60 seconds
-- **Total**: ~2 minutes
-
-### Coverage Trends
-
-Track coverage weekly to ensure quality:
-
-```bash
-npm run test:coverage -- --reporter=json > coverage/$(date +%Y-%m-%d).json
-```
-
-## Next Steps
-
-1. Expand E2E tests (Dashboard, User Management, Settings)
-2. Add performance testing (Lighthouse)
-3. Add accessibility testing (axe-core)
-4. Setup visual regression testing
-5. Add load testing (k6 or Artillery)
-
diff --git a/oms-wms-erp/index.html b/oms-wms-erp/index.html
deleted file mode 100644
index f752b3e2..00000000
--- a/oms-wms-erp/index.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>OMS·WMS·ERP Platform</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>
diff --git a/oms-wms-erp/package-lock.json b/oms-wms-erp/package-lock.json
deleted file mode 100644
index 737d1d8f..00000000
--- a/oms-wms-erp/package-lock.json
+++ /dev/null
@@ -1,4984 +0,0 @@
-{
-  "name": "oms-wms-erp",
-  "version": "1.0.0",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "oms-wms-erp",
-      "version": "1.0.0",
-      "dependencies": {
-        "@vueuse/core": "^10.11.0",
-        "axios": "^1.7.0",
-        "bootstrap": "^5.3.0",
-        "pinia": "^2.2.0",
-        "vue": "^3.4.0",
-        "vue-router": "^4.3.0",
-        "zod": "^4.4.3"
-      },
-      "devDependencies": {
-        "@playwright/test": "^1.48.0",
-        "@typescript-eslint/eslint-plugin": "^7.16.0",
-        "@typescript-eslint/parser": "^7.16.0",
-        "@vitejs/plugin-vue": "^5.1.0",
-        "@vue/test-utils": "^2.4.0",
-        "eslint": "^9.11.0",
-        "eslint-plugin-vue": "^9.31.0",
-        "rollup-plugin-visualizer": "^5.12.0",
-        "typescript": "^5.4.0",
-        "vite": "^5.2.0",
-        "vitest": "^2.1.0",
-        "vue-tsc": "^1.8.0"
-      },
-      "engines": {
-        "node": ">=18.0.0"
-      }
-    },
-    "node_modules/@babel/helper-string-parser": {
-      "version": "7.29.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
-      "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.29.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
-      "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/parser": {
-      "version": "7.29.7",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.7.tgz",
-      "integrity": "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/types": "^7.29.7"
-      },
-      "bin": {
-        "parser": "bin/babel-parser.js"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@babel/types": {
-      "version": "7.29.7",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.7.tgz",
-      "integrity": "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.29.7",
-        "@babel/helper-validator-identifier": "^7.29.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
-      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "aix"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/android-arm": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
-      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/android-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
-      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/android-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
-      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
-      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/darwin-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
-      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
-      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
-      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-arm": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
-      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
-      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-ia32": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
-      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-loong64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
-      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
-      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
-      "cpu": [
-        "mips64el"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
-      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
-      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-s390x": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
-      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/linux-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
-      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
-      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
-      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/sunos-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
-      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "sunos"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/win32-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
-      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/win32-ia32": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
-      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@esbuild/win32-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
-      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.10.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.10.1.tgz",
-      "integrity": "sha512-cuadcxVFE8sDK6iWJbs8Sn0av2Nrh2QSGQhVlBW9AaAHqHwjWsZHT8LJ4hFGPh7ASBV2deFdM7H/DPjulmh8rg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "eslint-visitor-keys": "^3.4.3"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
-      }
-    },
-    "node_modules/@eslint-community/regexpp": {
-      "version": "4.12.2",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
-      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
-      }
-    },
-    "node_modules/@eslint/config-array": {
-      "version": "0.21.2",
-      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.2.tgz",
-      "integrity": "sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@eslint/object-schema": "^2.1.7",
-        "debug": "^4.3.1",
-        "minimatch": "^3.1.5"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/config-array/node_modules/brace-expansion": {
-      "version": "1.1.16",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.16.tgz",
-      "integrity": "sha512-IDw48K2/2kRkg9LdJxurvq3lV3aBgq0REY89duEqFRthjlPdXHKMj7EnQOXVckxzgisinf3nHfrcE2FufFLXMw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/@eslint/config-array/node_modules/minimatch": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
-      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/@eslint/config-helpers": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
-      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@eslint/core": "^0.17.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/core": {
-      "version": "0.17.0",
-      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
-      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@types/json-schema": "^7.0.15"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/eslintrc": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.6.tgz",
-      "integrity": "sha512-l2Ul9PrHsPCKcEY/ac7VgFj9D80C7S68sOKc618SyHDPK36s1XcFebXY0iTzUVn4Yq+YbwvSnDmCz9yxjX+QrA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ajv": "^6.14.0",
-        "debug": "^4.3.2",
-        "espree": "^10.0.1",
-        "globals": "^14.0.0",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^4.3.0",
-        "minimatch": "^3.1.5",
-        "strip-json-comments": "^3.1.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
-      "version": "1.1.16",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.16.tgz",
-      "integrity": "sha512-IDw48K2/2kRkg9LdJxurvq3lV3aBgq0REY89duEqFRthjlPdXHKMj7EnQOXVckxzgisinf3nHfrcE2FufFLXMw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/@eslint/eslintrc/node_modules/minimatch": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
-      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/@eslint/js": {
-      "version": "9.39.5",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.5.tgz",
-      "integrity": "sha512-QywQuszQh77pIXCsq998c8hbhSTI/azTty1Z6N53dmAudKHhy573j3yvRLsX2BSp8YpLtoCEG8E9DJe+8zUh4A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://eslint.org/donate"
-      }
-    },
-    "node_modules/@eslint/object-schema": {
-      "version": "2.1.7",
-      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
-      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@eslint/plugin-kit": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
-      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@eslint/core": "^0.17.0",
-        "levn": "^0.4.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
-    "node_modules/@humanfs/core": {
-      "version": "0.19.2",
-      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.2.tgz",
-      "integrity": "sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@humanfs/types": "^0.15.0"
-      },
-      "engines": {
-        "node": ">=18.18.0"
-      }
-    },
-    "node_modules/@humanfs/node": {
-      "version": "0.16.8",
-      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.8.tgz",
-      "integrity": "sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@humanfs/core": "^0.19.2",
-        "@humanfs/types": "^0.15.0",
-        "@humanwhocodes/retry": "^0.4.0"
-      },
-      "engines": {
-        "node": ">=18.18.0"
-      }
-    },
-    "node_modules/@humanfs/types": {
-      "version": "0.15.0",
-      "resolved": "https://registry.npmjs.org/@humanfs/types/-/types-0.15.0.tgz",
-      "integrity": "sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=18.18.0"
-      }
-    },
-    "node_modules/@humanwhocodes/module-importer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=12.22"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
-      }
-    },
-    "node_modules/@humanwhocodes/retry": {
-      "version": "0.4.3",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
-      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=18.18"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
-      }
-    },
-    "node_modules/@isaacs/cliui": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
-      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "string-width": "^5.1.2",
-        "string-width-cjs": "npm:string-width@^4.2.0",
-        "strip-ansi": "^7.0.1",
-        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
-        "wrap-ansi": "^8.1.0",
-        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
-      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
-      "license": "MIT"
-    },
-    "node_modules/@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@nodelib/fs.stat": "2.0.5",
-        "run-parallel": "^1.1.9"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.stat": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.walk": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@one-ini/wasm": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/@one-ini/wasm/-/wasm-0.1.1.tgz",
-      "integrity": "sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@pkgjs/parseargs": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
-      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/@playwright/test": {
-      "version": "1.62.0",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.62.0.tgz",
-      "integrity": "sha512-9zOJ6ZQRAena31MpOH9VSzIz8Ou3YJ/wtY/eQm5T2uhfhG7/U3COrMS8xOtUrZrp9OgdmzEnIYODye3nY1VqzA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "playwright": "1.62.0"
-      },
-      "bin": {
-        "playwright": "cli.js"
-      },
-      "engines": {
-        "node": ">=20"
-      }
-    },
-    "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.62.2.tgz",
-      "integrity": "sha512-6o7ZLZK+BeenkZCFNDXqpbjw9bD6nuWonvS/lwQJp7NoVVxm6p3qE7qQ5jGuBjiFsgvqjD8mZAU5oWxTmbOeOg==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.62.2.tgz",
-      "integrity": "sha512-BaH7BllCACHoH1LguOU56UItGfUWjujlO65kS9LAodViaN4bwIKd7oeW/ZHJ/4ljr/7MIiENnNy3HJ0zXv8Zkw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.62.2.tgz",
-      "integrity": "sha512-v39RCCvj4He82I9sFmk+M1VZ0PLM9sfsLVikjfx2hYBNALhrrOR2D3JjQA6AhlaSOgcR+RzrKY7e1+bT6SUO/A==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.62.2.tgz",
-      "integrity": "sha512-yl0y2vq3S3lHeuXhEdss6TWfKW8vkujImO12tn4ZkG/4oghr09LvdYm2RElVjokTQiUvDUGXLGsYeLqUMCKpGA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ]
-    },
-    "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.62.2.tgz",
-      "integrity": "sha512-tT4pvt4qXD+vEoezupCWi+a1F0vvDiksiHc+PxRlYTOH1I6/X4id9jPxTP+Fg+545euaFT1jJVs4CEdHZAU1vw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.62.2.tgz",
-      "integrity": "sha512-6nU5F2wCW+qvCBhTn1pdIU3bzsIoF7EUwsCDRxilWGprQR6yd508YnH9+OKFCwpfS8pjZqDUmnCAr7exax0XCg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.62.2.tgz",
-      "integrity": "sha512-n1GJHPOvpIfhi3TmrCeh6S6URt9BFCt0KQE3qvexyGCTAKpR4Lg+eWvNZEqu7epxwus/8ElT3hacYEucm49SZg==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "libc": [
-        "glibc"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.62.2.tgz",
-      "integrity": "sha512-JqgflS8wEB+UXV/vS1RpRbifGBeN4D5lz8D8oOFbFZw4vedvdOgCFAjfBmIMdW3yL10XpQQ0Ambepw6MXrhOnA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "libc": [
-        "musl"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.62.2.tgz",
-      "integrity": "sha512-wnFJkogWvN4jm/hQRF2UBaeUmk20j5+DmHvoyWii2b8HJDyvz1MF2OU/6ynXt2KR63rbZLWkFpoytpdc/yBuSA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "libc": [
-        "glibc"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.62.2.tgz",
-      "integrity": "sha512-HVu2bp0zhvJ8xHEV9+UUs7S90VadmBSY3LcIMvozbPo4AuMGDWlz3ymHLHZPX4hR67TKTt8Qp5PJ5RBg/i+RMQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "libc": [
-        "musl"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-loong64-gnu": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.62.2.tgz",
-      "integrity": "sha512-mQqqAV8QaoSgr9I2fKDLY2BAVvmKjWoGiu/cSYQonsLvtqwEn1E4QYfnCOcp5zoEqNhsDYin1s6jx/VJmrxlZg==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "libc": [
-        "glibc"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-loong64-musl": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.62.2.tgz",
-      "integrity": "sha512-IxKLoxCQ2IWi6bT2akyDUBGsOImDKB+sPp4EsTmwFQ/fMwpCKm8uLSSgP/Kx/QYUgKis6SEZ5/Nlhup0DIA0PQ==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "libc": [
-        "musl"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.62.2.tgz",
-      "integrity": "sha512-Mk5ha2RQSgyFfmYYLkBpPnUk8D8FriBxesO1u9O75X0mHgXL1UQcH5Itl2lurWL2tj0RxV9b9tJgipac0hRY9A==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "libc": [
-        "glibc"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-ppc64-musl": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.62.2.tgz",
-      "integrity": "sha512-CjvEnqJL/0/TQ3TXX3OPIJ/kmBellrWd4heXUmHeJlTnmwjKpSJzoehLaL6Xk0ZnMHBu9dZuFADNOrtjF4v+2w==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "libc": [
-        "musl"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.62.2.tgz",
-      "integrity": "sha512-1SiZbzwdkaDURsew/tSOrooKiYy7EQGT6m8ufavAi9NEyQb/6VuIxFXAL1fqa4iZe3g4NbNk4P7J32z2tw5Mgg==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "libc": [
-        "glibc"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.62.2.tgz",
-      "integrity": "sha512-nQts12zJ3NQRoE6uYljOH89v7szzLDvG2JD/vsX+vGXU8w/At1GowTZ5/7qeFQ8m7L55rpR8Okugnuo5bgjy2Q==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "libc": [
-        "musl"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.62.2.tgz",
-      "integrity": "sha512-E9/ll019jhPIJgpzfZoIkBGhcz+kKNgVWYRY0zr9srBdPPFVpvOKW8VaJKUbeK+eZXyQF9ltME+Kk6affeaPgg==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "libc": [
-        "glibc"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.62.2.tgz",
-      "integrity": "sha512-5BqxR/pshjey51iliyzTD5Xi3EN0aLmQ2lZ3lvefVV9c82BvrLo2/6OT55iifpWBufs6kdwWbuOKS841DrmK9A==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "libc": [
-        "glibc"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.62.2.tgz",
-      "integrity": "sha512-uNN83XxQrRAh/w0/pmAfibcwyb6YWt4gP+dpnQKPVJshAloQ785ii8CT8ZCIxkGg9opVsvAlGhFitSm6D1Jjpg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "libc": [
-        "musl"
-      ],
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-openbsd-x64": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.62.2.tgz",
-      "integrity": "sha512-srjEIxSH3LRnJN6THczDHWQplqEMFiAJrTab0msUryh9kwNpkICf3Ea6q6MN/2cZwRFUNx5w+h6Hpi4QuHS6Zg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openbsd"
-      ]
-    },
-    "node_modules/@rollup/rollup-openharmony-arm64": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.62.2.tgz",
-      "integrity": "sha512-8hOJnxgbyObnCm5AlRA3A931xX19xq80RjVTKgJOvEKWqJruP/Uf12IbAOaDjjEXYRewwHLfmF0YRIdK3OwKWA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "openharmony"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.62.2.tgz",
-      "integrity": "sha512-mmF4AY1i0hG/bLWUctUq59gtmgaSIRa3cu/A3JFRp/sCNEme2bgDEiDS22P9FbnJB8NJNF4jPJiSP5RHQpUTDg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.62.2.tgz",
-      "integrity": "sha512-DZgkknc6jhHrk46V25vbAM0zZkyP0nSDkJB8/dRkLTxv470dOmWDqGoEJl/9A0dFfS7yE3REOwNDxpHwSLSt0Q==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-x64-gnu": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.62.2.tgz",
-      "integrity": "sha512-T6xr6ucWSFto+VGajA8YH26LdpHRuP4YLHEKAtCWvJDOlnmWcDZVCI2Jmjr+IFHDlt2zRaTAKE4tfjTaWLgJBg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.62.2.tgz",
-      "integrity": "sha512-BfzEnDJOt9T8M989/lA37EcJgat01wLRnoi5dQf3QzOH7jzpqTAzdDbVfRljVr5r+jzKqpbHeyOfAaXxAd0PAA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ]
-    },
-    "node_modules/@types/estree": {
-      "version": "1.0.9",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.9.tgz",
-      "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/json-schema": {
-      "version": "7.0.15",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
-      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/web-bluetooth": {
-      "version": "0.0.20",
-      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
-      "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==",
-      "license": "MIT"
-    },
-    "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "7.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.18.0.tgz",
-      "integrity": "sha512-94EQTWZ40mzBc42ATNIBimBEDltSJ9RQHCC8vc/PDbxi4k8dVwUAv4o98dk50M1zB+JGFxp43FP7f8+FP8R6Sw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@eslint-community/regexpp": "^4.10.0",
-        "@typescript-eslint/scope-manager": "7.18.0",
-        "@typescript-eslint/type-utils": "7.18.0",
-        "@typescript-eslint/utils": "7.18.0",
-        "@typescript-eslint/visitor-keys": "7.18.0",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.3.1",
-        "natural-compare": "^1.4.0",
-        "ts-api-utils": "^1.3.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || >=20.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/parser": "^7.0.0",
-        "eslint": "^8.56.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/parser": {
-      "version": "7.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.18.0.tgz",
-      "integrity": "sha512-4Z+L8I2OqhZV8qA132M4wNL30ypZGYOQVBfMgxDH/K5UX0PNqTu1c6za9ST5r9+tavvHiTWmBnKzpCJ/GlVFtg==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "@typescript-eslint/scope-manager": "7.18.0",
-        "@typescript-eslint/types": "7.18.0",
-        "@typescript-eslint/typescript-estree": "7.18.0",
-        "@typescript-eslint/visitor-keys": "7.18.0",
-        "debug": "^4.3.4"
-      },
-      "engines": {
-        "node": "^18.18.0 || >=20.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.56.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/scope-manager": {
-      "version": "7.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.18.0.tgz",
-      "integrity": "sha512-jjhdIE/FPF2B7Z1uzc6i3oWKbGcHb87Qw7AWj6jmEqNOfDFbJWtjt/XfwCpvNkpGWlcJaog5vTR+VV8+w9JflA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/types": "7.18.0",
-        "@typescript-eslint/visitor-keys": "7.18.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || >=20.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/type-utils": {
-      "version": "7.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.18.0.tgz",
-      "integrity": "sha512-XL0FJXuCLaDuX2sYqZUUSOJ2sG5/i1AAze+axqmLnSkNEVMVYLF+cbwlB2w8D1tinFuSikHmFta+P+HOofrLeA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/typescript-estree": "7.18.0",
-        "@typescript-eslint/utils": "7.18.0",
-        "debug": "^4.3.4",
-        "ts-api-utils": "^1.3.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || >=20.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.56.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/types": {
-      "version": "7.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.18.0.tgz",
-      "integrity": "sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.18.0 || >=20.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "7.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.18.0.tgz",
-      "integrity": "sha512-aP1v/BSPnnyhMHts8cf1qQ6Q1IFwwRvAQGRvBFkWlo3/lH29OXA3Pts+c10nxRxIBrDnoMqzhgdwVe5f2D6OzA==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "@typescript-eslint/types": "7.18.0",
-        "@typescript-eslint/visitor-keys": "7.18.0",
-        "debug": "^4.3.4",
-        "globby": "^11.1.0",
-        "is-glob": "^4.0.3",
-        "minimatch": "^9.0.4",
-        "semver": "^7.6.0",
-        "ts-api-utils": "^1.3.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || >=20.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/utils": {
-      "version": "7.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.18.0.tgz",
-      "integrity": "sha512-kK0/rNa2j74XuHVcoCZxdFBMF+aq/vH83CXAOHieC+2Gis4mF8jJXT5eAfyD3K0sAxtPuwxaIOIOvhwzVDt/kw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.4.0",
-        "@typescript-eslint/scope-manager": "7.18.0",
-        "@typescript-eslint/types": "7.18.0",
-        "@typescript-eslint/typescript-estree": "7.18.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || >=20.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^8.56.0"
-      }
-    },
-    "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "7.18.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.18.0.tgz",
-      "integrity": "sha512-cDF0/Gf81QpY3xYyJKDV14Zwdmid5+uuENhjH2EqFaF0ni+yAyq/LzMaIJdhNJXZI7uLzwIlA+V7oWoyn6Curg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/types": "7.18.0",
-        "eslint-visitor-keys": "^3.4.3"
-      },
-      "engines": {
-        "node": "^18.18.0 || >=20.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@vitejs/plugin-vue": {
-      "version": "5.2.4",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.4.tgz",
-      "integrity": "sha512-7Yx/SXSOcQq5HiiV3orevHUFn+pmMB4cgbEkDYgnkUWb0WfeQ/wa2yFv6D5ICiCQOVpjA7vYDXrC7AGO8yjDHA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.0.0 || >=20.0.0"
-      },
-      "peerDependencies": {
-        "vite": "^5.0.0 || ^6.0.0",
-        "vue": "^3.2.25"
-      }
-    },
-    "node_modules/@vitest/expect": {
-      "version": "2.1.9",
-      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-2.1.9.tgz",
-      "integrity": "sha512-UJCIkTBenHeKT1TTlKMJWy1laZewsRIzYighyYiJKZreqtdxSos/S1t+ktRMQWu2CKqaarrkeszJx1cgC5tGZw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/spy": "2.1.9",
-        "@vitest/utils": "2.1.9",
-        "chai": "^5.1.2",
-        "tinyrainbow": "^1.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/mocker": {
-      "version": "2.1.9",
-      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-2.1.9.tgz",
-      "integrity": "sha512-tVL6uJgoUdi6icpxmdrn5YNo3g3Dxv+IHJBr0GXHaEdTcw3F+cPKnsXFhli6nO+f/6SDKPHEK1UN+k+TQv0Ehg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/spy": "2.1.9",
-        "estree-walker": "^3.0.3",
-        "magic-string": "^0.30.12"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      },
-      "peerDependencies": {
-        "msw": "^2.4.9",
-        "vite": "^5.0.0"
-      },
-      "peerDependenciesMeta": {
-        "msw": {
-          "optional": true
-        },
-        "vite": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@vitest/pretty-format": {
-      "version": "2.1.9",
-      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.9.tgz",
-      "integrity": "sha512-KhRIdGV2U9HOUzxfiHmY8IFHTdqtOhIzCpd8WRdJiE7D/HUcZVD0EgQCVjm+Q9gkUXWgBvMmTtZgIG48wq7sOQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tinyrainbow": "^1.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/runner": {
-      "version": "2.1.9",
-      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-2.1.9.tgz",
-      "integrity": "sha512-ZXSSqTFIrzduD63btIfEyOmNcBmQvgOVsPNPe0jYtESiXkhd8u2erDLnMxmGrDCwHCCHE7hxwRDCT3pt0esT4g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/utils": "2.1.9",
-        "pathe": "^1.1.2"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/snapshot": {
-      "version": "2.1.9",
-      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-2.1.9.tgz",
-      "integrity": "sha512-oBO82rEjsxLNJincVhLhaxxZdEtV0EFHMK5Kmx5sJ6H9L183dHECjiefOAdnqpIgT5eZwT04PoggUnW88vOBNQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/pretty-format": "2.1.9",
-        "magic-string": "^0.30.12",
-        "pathe": "^1.1.2"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/spy": {
-      "version": "2.1.9",
-      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-2.1.9.tgz",
-      "integrity": "sha512-E1B35FwzXXTs9FHNK6bDszs7mtydNi5MIfUWpceJ8Xbfb1gBMscAnwLbEu+B44ed6W3XjL9/ehLPHR1fkf1KLQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tinyspy": "^3.0.2"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@vitest/utils": {
-      "version": "2.1.9",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.1.9.tgz",
-      "integrity": "sha512-v0psaMSkNJ3A2NMrUEHFRzJtDPFn+/VWZ5WxImB21T9fjucJRmS7xCS3ppEnARb9y11OAzaD+P2Ps+b+BGX5iQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/pretty-format": "2.1.9",
-        "loupe": "^3.1.2",
-        "tinyrainbow": "^1.2.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/@volar/language-core": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-1.11.1.tgz",
-      "integrity": "sha512-dOcNn3i9GgZAcJt43wuaEykSluAuOkQgzni1cuxLxTV0nJKanQztp7FxyswdRILaKH+P2XZMPRp2S4MV/pElCw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@volar/source-map": "1.11.1"
-      }
-    },
-    "node_modules/@volar/source-map": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-1.11.1.tgz",
-      "integrity": "sha512-hJnOnwZ4+WT5iupLRnuzbULZ42L7BWWPMmruzwtLhJfpDVoZLjNBxHDi2sY2bgZXCKlpU5XcsMFoYrsQmPhfZg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "muggle-string": "^0.3.1"
-      }
-    },
-    "node_modules/@volar/typescript": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-1.11.1.tgz",
-      "integrity": "sha512-iU+t2mas/4lYierSnoFOeRFQUhAEMgsFuQxoxvwn5EdQopw43j+J27a4lt9LMInx1gLJBC6qL14WYGlgymaSMQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@volar/language-core": "1.11.1",
-        "path-browserify": "^1.0.1"
-      }
-    },
-    "node_modules/@vue/compiler-core": {
-      "version": "3.5.40",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.40.tgz",
-      "integrity": "sha512-39E8IgOhTbVDnoJFMKc2DvYnypcZwUqgUhQkccva/0m6FUwtIKSGV7n1hpVmYcFaoRAwf9pBcwnKlCEsN63ZEQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/parser": "^7.29.7",
-        "@vue/shared": "3.5.40",
-        "entities": "^7.0.1",
-        "estree-walker": "^2.0.2",
-        "source-map-js": "^1.2.1"
-      }
-    },
-    "node_modules/@vue/compiler-core/node_modules/estree-walker": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
-      "license": "MIT"
-    },
-    "node_modules/@vue/compiler-dom": {
-      "version": "3.5.40",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.40.tgz",
-      "integrity": "sha512-pwkx4vqlqOspFstrcmzwkKLePVMD3PT65imRzLhanU2V1Fj4K13g6OXjanOyzw3aTAuRk84BOmY8f3rEHqPaVA==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/compiler-core": "3.5.40",
-        "@vue/shared": "3.5.40"
-      }
-    },
-    "node_modules/@vue/compiler-sfc": {
-      "version": "3.5.40",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.40.tgz",
-      "integrity": "sha512-gIf497P4kpuALcvs5n3AEg1Vdn0pSY4XbjASIfHNYF1/MP3T2Mf2STERTubysBxCRxzJGJYtF/O7vwJrxFB3Vw==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/parser": "^7.29.7",
-        "@vue/compiler-core": "3.5.40",
-        "@vue/compiler-dom": "3.5.40",
-        "@vue/compiler-ssr": "3.5.40",
-        "@vue/shared": "3.5.40",
-        "estree-walker": "^2.0.2",
-        "magic-string": "^0.30.21",
-        "postcss": "^8.5.19",
-        "source-map-js": "^1.2.1"
-      }
-    },
-    "node_modules/@vue/compiler-sfc/node_modules/estree-walker": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
-      "license": "MIT"
-    },
-    "node_modules/@vue/compiler-ssr": {
-      "version": "3.5.40",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.40.tgz",
-      "integrity": "sha512-rrE5xiXG663+vHCHa3J9p2z5OcBRjXmoqenprJxAFQxg5pSshzeBiCE6pu46axapRJ2Adk0YDA2BRZVjiHXnhg==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/compiler-dom": "3.5.40",
-        "@vue/shared": "3.5.40"
-      }
-    },
-    "node_modules/@vue/devtools-api": {
-      "version": "6.6.4",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
-      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
-      "license": "MIT"
-    },
-    "node_modules/@vue/language-core": {
-      "version": "1.8.27",
-      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-1.8.27.tgz",
-      "integrity": "sha512-L8Kc27VdQserNaCUNiSFdDl9LWT24ly8Hpwf1ECy3aFb9m6bDhBGQYOujDm21N7EW3moKIOKEanQwe1q5BK+mA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@volar/language-core": "~1.11.1",
-        "@volar/source-map": "~1.11.1",
-        "@vue/compiler-dom": "^3.3.0",
-        "@vue/shared": "^3.3.0",
-        "computeds": "^0.0.1",
-        "minimatch": "^9.0.3",
-        "muggle-string": "^0.3.1",
-        "path-browserify": "^1.0.1",
-        "vue-template-compiler": "^2.7.14"
-      },
-      "peerDependencies": {
-        "typescript": "*"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@vue/reactivity": {
-      "version": "3.5.40",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.40.tgz",
-      "integrity": "sha512-B7ot9UlUZOi1zbq61/LvE88ZLTV8IlajTdiZTAEiDQgrnIMIZoPr9kGw0Zw46ObW62O9+H/Be3kMbfb7kYPQZA==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/shared": "3.5.40"
-      }
-    },
-    "node_modules/@vue/runtime-core": {
-      "version": "3.5.40",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.40.tgz",
-      "integrity": "sha512-KAZLweuZ6uUJPK1PMSQPgBU5gCjgrrfjUhSglmU9NhH+Zjepa8cnwSydPWDWHDwOgY4g3VcZ+PljbiHlURNCbw==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/reactivity": "3.5.40",
-        "@vue/shared": "3.5.40"
-      }
-    },
-    "node_modules/@vue/runtime-dom": {
-      "version": "3.5.40",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.40.tgz",
-      "integrity": "sha512-ZfrX8ssZQds900L9pr8AuK05ddnMsR4MPMZr8cPN9GoqoPWcXLhjvvbIA2SMv+7a97sJ1vv9pj/zxK0Cq/eEFQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/reactivity": "3.5.40",
-        "@vue/runtime-core": "3.5.40",
-        "@vue/shared": "3.5.40",
-        "csstype": "^3.2.3"
-      }
-    },
-    "node_modules/@vue/server-renderer": {
-      "version": "3.5.40",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.40.tgz",
-      "integrity": "sha512-XNJym9WpevhTVt1HuwOrCRJ5Q+9z4BjTMrDtjTrvx74SmUll8spNTw6whWJa9mEkO4PKn5TihI/bm/8ds2QVJw==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/compiler-ssr": "3.5.40",
-        "@vue/runtime-dom": "3.5.40",
-        "@vue/shared": "3.5.40"
-      }
-    },
-    "node_modules/@vue/shared": {
-      "version": "3.5.40",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.40.tgz",
-      "integrity": "sha512-WxnBtruIqOoV3rA4jeKDWzrYI5h7Cp4+pjwDi8kWGHz+IslhiN+wguLVVhtv2l8VoU02rzDCVfDjgCl1lNpZVg==",
-      "license": "MIT"
-    },
-    "node_modules/@vue/test-utils": {
-      "version": "2.4.11",
-      "resolved": "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.4.11.tgz",
-      "integrity": "sha512-GDqaqZsA6m2E5vNzej0aYiIb6BX8xV9pNSbbbXKOfEYwg7ZNblVX8suyqmUBThq8VIrgAJNxn+z72hVtUeiWHA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "js-beautify": "^1.14.9",
-        "vue-component-type-helpers": "^3.0.0"
-      },
-      "peerDependencies": {
-        "@vue/compiler-dom": "3.x",
-        "@vue/server-renderer": "3.x",
-        "vue": "3.x"
-      },
-      "peerDependenciesMeta": {
-        "@vue/server-renderer": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@vueuse/core": {
-      "version": "10.11.1",
-      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.11.1.tgz",
-      "integrity": "sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/web-bluetooth": "^0.0.20",
-        "@vueuse/metadata": "10.11.1",
-        "@vueuse/shared": "10.11.1",
-        "vue-demi": ">=0.14.8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/@vueuse/metadata": {
-      "version": "10.11.1",
-      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.11.1.tgz",
-      "integrity": "sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==",
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/@vueuse/shared": {
-      "version": "10.11.1",
-      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.11.1.tgz",
-      "integrity": "sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==",
-      "license": "MIT",
-      "dependencies": {
-        "vue-demi": ">=0.14.8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/abbrev": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-2.0.0.tgz",
-      "integrity": "sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-      }
-    },
-    "node_modules/acorn": {
-      "version": "8.17.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.17.0.tgz",
-      "integrity": "sha512-xRQbDb9BnwDafYNn6Vwl839DYVjqXYb1XVGtWAZ1kcDc6iwAL4hg3B1dZlRiuENFeO2H53gFG3in621AdERVAg==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/acorn-jsx": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/agent-base": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
-      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
-      "license": "MIT",
-      "dependencies": {
-        "debug": "4"
-      },
-      "engines": {
-        "node": ">= 6.0.0"
-      }
-    },
-    "node_modules/ajv": {
-      "version": "6.15.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.15.0.tgz",
-      "integrity": "sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/ansi-regex": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
-      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true,
-      "license": "Python-2.0"
-    },
-    "node_modules/array-union": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
-      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/assertion-error": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
-      "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/asynckit": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
-      "license": "MIT"
-    },
-    "node_modules/axios": {
-      "version": "1.18.1",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.18.1.tgz",
-      "integrity": "sha512-3nTvFlvpn9Zu/RkHUqtc7/+al4UpRW5az71ap5zccp6e8RAYEzhMTecX8Dz1wWDYrPpUoB1HAQEGEAEvUr7S9g==",
-      "license": "MIT",
-      "dependencies": {
-        "follow-redirects": "^1.16.0",
-        "form-data": "^4.0.5",
-        "https-proxy-agent": "^5.0.1",
-        "proxy-from-env": "^2.1.0"
-      }
-    },
-    "node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/boolbase": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
-      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/bootstrap": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.0.tgz",
-      "integrity": "sha512-UnBV3E3v4STVNQdms6jSGO2CvOkjUMdDAVR2V5N4uCMdaIkaQjbcEAMqRimDHIs4uqBYzDAKCQwCB+97tJgHQw==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/twbs"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/bootstrap"
-        }
-      ],
-      "license": "MIT",
-      "peerDependencies": {
-        "@popperjs/core": "^2.11.7"
-      }
-    },
-    "node_modules/brace-expansion": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.2.tgz",
-      "integrity": "sha512-w5JZcKgdhDOgOwm8H+KgbosopHMuGcl6qbulwjtz3SM7I7P3yW1eAjzMPLrIE+NQ9vjgANKHWeMHnrT0OXW1oA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/braces": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
-      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fill-range": "^7.1.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/cac": {
-      "version": "6.7.14",
-      "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.14.tgz",
-      "integrity": "sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/call-bind-apply-helpers": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
-      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
-      "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/callsites": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/chai": {
-      "version": "5.3.3",
-      "resolved": "https://registry.npmjs.org/chai/-/chai-5.3.3.tgz",
-      "integrity": "sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "assertion-error": "^2.0.1",
-        "check-error": "^2.1.1",
-        "deep-eql": "^5.0.1",
-        "loupe": "^3.1.0",
-        "pathval": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/check-error": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/check-error/-/check-error-2.1.3.tgz",
-      "integrity": "sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 16"
-      }
-    },
-    "node_modules/cliui": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
-      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "string-width": "^4.2.0",
-        "strip-ansi": "^6.0.1",
-        "wrap-ansi": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/cliui/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/cliui/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/cliui/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/cliui/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/cliui/node_modules/wrap-ansi": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/combined-stream": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-      "license": "MIT",
-      "dependencies": {
-        "delayed-stream": "~1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/commander": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
-      "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/computeds": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/computeds/-/computeds-0.0.1.tgz",
-      "integrity": "sha512-7CEBgcMjVmitjYo5q8JTJVra6X5mQ20uTThdK+0kR7UEaDrAWEQcRiBtWJzga4eRpP6afNwwLsX2SET2JhVB1Q==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/config-chain": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.13.tgz",
-      "integrity": "sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ini": "^1.3.4",
-        "proto-list": "~1.2.1"
-      }
-    },
-    "node_modules/cross-spawn": {
-      "version": "7.0.6",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
-      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/cssesc": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "cssesc": "bin/cssesc"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/csstype": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
-      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
-      "license": "MIT"
-    },
-    "node_modules/de-indent": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
-      "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/debug": {
-      "version": "4.4.3",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
-      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
-      "license": "MIT",
-      "dependencies": {
-        "ms": "^2.1.3"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/deep-eql": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-5.0.2.tgz",
-      "integrity": "sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/deep-is": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/define-lazy-prop": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
-      "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/delayed-stream": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/dir-glob": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
-      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "path-type": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/dunder-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
-      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
-      "license": "MIT",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "gopd": "^1.2.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/eastasianwidth": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/editorconfig": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-1.0.7.tgz",
-      "integrity": "sha512-e0GOtq/aTQhVdNyDU9e02+wz9oDDM+SIOQxWME2QRjzRX5yyLAuHDE+0aE8vHb9XRC8XD37eO2u57+F09JqFhw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@one-ini/wasm": "0.1.1",
-        "commander": "^10.0.0",
-        "minimatch": "^9.0.1",
-        "semver": "^7.5.3"
-      },
-      "bin": {
-        "editorconfig": "bin/editorconfig"
-      },
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/emoji-regex": {
-      "version": "9.2.2",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/entities": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
-      "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
-    "node_modules/es-define-property": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
-      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-errors": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
-      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-module-lexer": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
-      "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/es-object-atoms": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.2.tgz",
-      "integrity": "sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==",
-      "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-set-tostringtag": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
-      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
-      "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.6",
-        "has-tostringtag": "^1.0.2",
-        "hasown": "^2.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/esbuild": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
-      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "bin": {
-        "esbuild": "bin/esbuild"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.21.5",
-        "@esbuild/android-arm": "0.21.5",
-        "@esbuild/android-arm64": "0.21.5",
-        "@esbuild/android-x64": "0.21.5",
-        "@esbuild/darwin-arm64": "0.21.5",
-        "@esbuild/darwin-x64": "0.21.5",
-        "@esbuild/freebsd-arm64": "0.21.5",
-        "@esbuild/freebsd-x64": "0.21.5",
-        "@esbuild/linux-arm": "0.21.5",
-        "@esbuild/linux-arm64": "0.21.5",
-        "@esbuild/linux-ia32": "0.21.5",
-        "@esbuild/linux-loong64": "0.21.5",
-        "@esbuild/linux-mips64el": "0.21.5",
-        "@esbuild/linux-ppc64": "0.21.5",
-        "@esbuild/linux-riscv64": "0.21.5",
-        "@esbuild/linux-s390x": "0.21.5",
-        "@esbuild/linux-x64": "0.21.5",
-        "@esbuild/netbsd-x64": "0.21.5",
-        "@esbuild/openbsd-x64": "0.21.5",
-        "@esbuild/sunos-x64": "0.21.5",
-        "@esbuild/win32-arm64": "0.21.5",
-        "@esbuild/win32-ia32": "0.21.5",
-        "@esbuild/win32-x64": "0.21.5"
-      }
-    },
-    "node_modules/escalade": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
-      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/escape-string-regexp": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/eslint": {
-      "version": "9.39.5",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.5.tgz",
-      "integrity": "sha512-DgZS62aPLXKlnxILS/AYCoRvHaZeXceIzlXPkkGGzJWSow1aEk0lbTlxUSlyjC8jcaKxAdOnTDz+o1JFSBsyjw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.8.0",
-        "@eslint-community/regexpp": "^4.12.1",
-        "@eslint/config-array": "^0.21.2",
-        "@eslint/config-helpers": "^0.4.2",
-        "@eslint/core": "^0.17.0",
-        "@eslint/eslintrc": "^3.3.6",
-        "@eslint/js": "9.39.5",
-        "@eslint/plugin-kit": "^0.4.1",
-        "@humanfs/node": "^0.16.6",
-        "@humanwhocodes/module-importer": "^1.0.1",
-        "@humanwhocodes/retry": "^0.4.2",
-        "@types/estree": "^1.0.6",
-        "ajv": "^6.14.0",
-        "chalk": "^4.0.0",
-        "cross-spawn": "^7.0.6",
-        "debug": "^4.3.2",
-        "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^8.4.0",
-        "eslint-visitor-keys": "^4.2.1",
-        "espree": "^10.4.0",
-        "esquery": "^1.5.0",
-        "esutils": "^2.0.2",
-        "fast-deep-equal": "^3.1.3",
-        "file-entry-cache": "^8.0.0",
-        "find-up": "^5.0.0",
-        "glob-parent": "^6.0.2",
-        "ignore": "^5.2.0",
-        "imurmurhash": "^0.1.4",
-        "is-glob": "^4.0.0",
-        "json-stable-stringify-without-jsonify": "^1.0.1",
-        "lodash.merge": "^4.6.2",
-        "minimatch": "^3.1.5",
-        "natural-compare": "^1.4.0",
-        "optionator": "^0.9.3"
-      },
-      "bin": {
-        "eslint": "bin/eslint.js"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://eslint.org/donate"
-      },
-      "peerDependencies": {
-        "jiti": "*"
-      },
-      "peerDependenciesMeta": {
-        "jiti": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-plugin-vue": {
-      "version": "9.33.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.33.0.tgz",
-      "integrity": "sha512-174lJKuNsuDIlLpjeXc5E2Tss8P44uIimAfGD0b90k0NoirJqpG7stLuU9Vp/9ioTOrQdWVREc4mRd1BD+CvGw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.4.0",
-        "globals": "^13.24.0",
-        "natural-compare": "^1.4.0",
-        "nth-check": "^2.1.1",
-        "postcss-selector-parser": "^6.0.15",
-        "semver": "^7.6.3",
-        "vue-eslint-parser": "^9.4.3",
-        "xml-name-validator": "^4.0.0"
-      },
-      "engines": {
-        "node": "^14.17.0 || >=16.0.0"
-      },
-      "peerDependencies": {
-        "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0"
-      }
-    },
-    "node_modules/eslint-plugin-vue/node_modules/globals": {
-      "version": "13.24.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
-      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "type-fest": "^0.20.2"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/eslint-scope": {
-      "version": "8.4.0",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
-      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint/node_modules/brace-expansion": {
-      "version": "1.1.16",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.16.tgz",
-      "integrity": "sha512-IDw48K2/2kRkg9LdJxurvq3lV3aBgq0REY89duEqFRthjlPdXHKMj7EnQOXVckxzgisinf3nHfrcE2FufFLXMw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/eslint/node_modules/eslint-visitor-keys": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
-      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint/node_modules/minimatch": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
-      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/espree": {
-      "version": "10.4.0",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
-      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "acorn": "^8.15.0",
-        "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^4.2.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/espree/node_modules/eslint-visitor-keys": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
-      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/esquery": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
-      "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "estraverse": "^5.1.0"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/esrecurse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estree-walker": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
-      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/estree": "^1.0.0"
-      }
-    },
-    "node_modules/esutils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/expect-type": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.4.0.tgz",
-      "integrity": "sha512-KfYbmpRm0VbLjEvVa9yGwCi9GI34xvi7A/HXYWQO65CSD2u3MczUJSuwXKFIxlGsgBQizV9q5J9NHj4VG0n+pA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
-    "node_modules/fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/fast-glob": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
-      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@nodelib/fs.stat": "^2.0.2",
-        "@nodelib/fs.walk": "^1.2.3",
-        "glob-parent": "^5.1.2",
-        "merge2": "^1.3.0",
-        "micromatch": "^4.0.8"
-      },
-      "engines": {
-        "node": ">=8.6.0"
-      }
-    },
-    "node_modules/fast-glob/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/fast-levenshtein": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/fastq": {
-      "version": "1.20.1",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
-      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "reusify": "^1.0.4"
-      }
-    },
-    "node_modules/file-entry-cache": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
-      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "flat-cache": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=16.0.0"
-      }
-    },
-    "node_modules/fill-range": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
-      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/find-up": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "locate-path": "^6.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/flat-cache": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
-      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "flatted": "^3.2.9",
-        "keyv": "^4.5.4"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/flatted": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.3.tgz",
-      "integrity": "sha512-/zipXxyO6rGvuNGDiULY9MvEGSkb2gaG4GGH4ygMi0ZZzyMHdUZBmntJmx5x1G2VuPytCwGN4xsJP6cw+sK+vQ==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/follow-redirects": {
-      "version": "1.16.0",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.16.0.tgz",
-      "integrity": "sha512-y5rN/uOsadFT/JfYwhxRS5R7Qce+g3zG97+JrtFZlC9klX/W5hD7iiLzScI4nZqUS7DNUdhPgw4xI8W2LuXlUw==",
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/RubenVerborgh"
-        }
-      ],
-      "license": "MIT",
-      "engines": {
-        "node": ">=4.0"
-      },
-      "peerDependenciesMeta": {
-        "debug": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/foreground-child": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
-      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "cross-spawn": "^7.0.6",
-        "signal-exit": "^4.0.1"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/form-data": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.6.tgz",
-      "integrity": "sha512-vKatAh4SlVfgbv+YtmhiRjhEMJsYpsG1Y2rMQtR+SVSbytsSD1YGzDIcrAJmdFec88u/+VoGmxnl+80gL1tRCQ==",
-      "license": "MIT",
-      "dependencies": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.8",
-        "es-set-tostringtag": "^2.1.0",
-        "hasown": "^2.0.4",
-        "mime-types": "^2.1.35"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/fsevents": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/function-bind": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/get-caller-file": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
-      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": "6.* || 8.* || >= 10.*"
-      }
-    },
-    "node_modules/get-intrinsic": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
-      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
-      "license": "MIT",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.2",
-        "es-define-property": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.1.1",
-        "function-bind": "^1.1.2",
-        "get-proto": "^1.0.1",
-        "gopd": "^1.2.0",
-        "has-symbols": "^1.1.0",
-        "hasown": "^2.0.2",
-        "math-intrinsics": "^1.1.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/get-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
-      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
-      "license": "MIT",
-      "dependencies": {
-        "dunder-proto": "^1.0.1",
-        "es-object-atoms": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/glob": {
-      "version": "10.5.0",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
-      "integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
-      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^3.1.2",
-        "minimatch": "^9.0.4",
-        "minipass": "^7.1.2",
-        "package-json-from-dist": "^1.0.0",
-        "path-scurry": "^1.11.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/globals": {
-      "version": "14.0.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
-      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/globby": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
-      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "array-union": "^2.1.0",
-        "dir-glob": "^3.0.1",
-        "fast-glob": "^3.2.9",
-        "ignore": "^5.2.0",
-        "merge2": "^1.4.1",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/gopd": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
-      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/graphemer": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/has-symbols": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
-      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-tostringtag": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
-      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
-      "license": "MIT",
-      "dependencies": {
-        "has-symbols": "^1.0.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/hasown": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
-      "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
-      "license": "MIT",
-      "dependencies": {
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/he": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
-      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "he": "bin/he"
-      }
-    },
-    "node_modules/https-proxy-agent": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
-      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
-      "license": "MIT",
-      "dependencies": {
-        "agent-base": "6",
-        "debug": "4"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/ignore": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
-      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/import-fresh": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
-      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "parent-module": "^1.0.0",
-        "resolve-from": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/imurmurhash": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.8.19"
-      }
-    },
-    "node_modules/ini": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
-      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/is-docker": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
-      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "is-docker": "cli.js"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-extglob": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.12.0"
-      }
-    },
-    "node_modules/is-wsl": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
-      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-docker": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/jackspeak": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
-      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "@isaacs/cliui": "^8.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      },
-      "optionalDependencies": {
-        "@pkgjs/parseargs": "^0.11.0"
-      }
-    },
-    "node_modules/js-beautify": {
-      "version": "1.15.4",
-      "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.15.4.tgz",
-      "integrity": "sha512-9/KXeZUKKJwqCXUdBxFJ3vPh467OCckSBmYDwSK/EtV090K+iMJ7zx2S3HLVDIWFQdqMIsZWbnaGiba18aWhaA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "config-chain": "^1.1.13",
-        "editorconfig": "^1.0.4",
-        "glob": "^10.4.2",
-        "js-cookie": "^3.0.5",
-        "nopt": "^7.2.1"
-      },
-      "bin": {
-        "css-beautify": "js/bin/css-beautify.js",
-        "html-beautify": "js/bin/html-beautify.js",
-        "js-beautify": "js/bin/js-beautify.js"
-      },
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/js-cookie": {
-      "version": "3.0.8",
-      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.8.tgz",
-      "integrity": "sha512-yeJd4aNAdYZQjaon2bpD/Gb0B/omw7HQOsynXXcOiWVCacbBcPlgn8S/d1X6blFSaHao7ozqtW7NZW19xpCtIw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/js-yaml": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.3.0.tgz",
-      "integrity": "sha512-1td788aAnnZ5qs7V2QIRl1owjtYpbKt749Y3xauqQgwIIGF/xXWz1wMTEBx5O3LK3lXLVuqXPdPxj2BoFHaW9Q==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/puzrin"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/nodeca"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "node_modules/json-buffer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/json-stable-stringify-without-jsonify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/keyv": {
-      "version": "4.5.4",
-      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
-      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "json-buffer": "3.0.1"
-      }
-    },
-    "node_modules/levn": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "prelude-ls": "^1.2.1",
-        "type-check": "~0.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/locate-path": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "p-locate": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/lodash": {
-      "version": "4.18.1",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.18.1.tgz",
-      "integrity": "sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/lodash.merge": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/loupe": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/loupe/-/loupe-3.2.1.tgz",
-      "integrity": "sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/lru-cache": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/magic-string": {
-      "version": "0.30.21",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
-      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.5"
-      }
-    },
-    "node_modules/math-intrinsics": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
-      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/merge2": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/micromatch": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
-      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "braces": "^3.0.3",
-        "picomatch": "^2.3.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
-    "node_modules/mime-db": {
-      "version": "1.52.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mime-types": {
-      "version": "2.1.35",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "license": "MIT",
-      "dependencies": {
-        "mime-db": "1.52.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/minimatch": {
-      "version": "9.0.9",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
-      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/minipass": {
-      "version": "7.1.3",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.3.tgz",
-      "integrity": "sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      }
-    },
-    "node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "license": "MIT"
-    },
-    "node_modules/muggle-string": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.3.1.tgz",
-      "integrity": "sha512-ckmWDJjphvd/FvZawgygcUeQCxzvohjFO5RxTjj4eq8kw359gFF3E1brjfI+viLMxss5JrHTDRHZvu2/tuy0Qg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/nanoid": {
-      "version": "3.3.16",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.16.tgz",
-      "integrity": "sha512-bzlKTyNJ7+LdGIIwy8ijFpIqEQIvafahV7eYykJ8Cvh42EdJeODoJ6gUJXpQJvej1BddH8OqTXZNE/KfbWAu8Q==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
-      },
-      "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
-      }
-    },
-    "node_modules/natural-compare": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/nopt": {
-      "version": "7.2.1",
-      "resolved": "https://registry.npmjs.org/nopt/-/nopt-7.2.1.tgz",
-      "integrity": "sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "abbrev": "^2.0.0"
-      },
-      "bin": {
-        "nopt": "bin/nopt.js"
-      },
-      "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-      }
-    },
-    "node_modules/nth-check": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
-      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "boolbase": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/nth-check?sponsor=1"
-      }
-    },
-    "node_modules/open": {
-      "version": "8.4.2",
-      "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
-      "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "define-lazy-prop": "^2.0.0",
-        "is-docker": "^2.1.1",
-        "is-wsl": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/optionator": {
-      "version": "0.9.4",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
-      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "deep-is": "^0.1.3",
-        "fast-levenshtein": "^2.0.6",
-        "levn": "^0.4.1",
-        "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0",
-        "word-wrap": "^1.2.5"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "yocto-queue": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/p-locate": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "p-limit": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/package-json-from-dist": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
-      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
-      "dev": true,
-      "license": "BlueOak-1.0.0"
-    },
-    "node_modules/parent-module": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "callsites": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/path-browserify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
-      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/path-exists": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-scurry": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
-      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "lru-cache": "^10.2.0",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/path-type": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/pathe": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.2.tgz",
-      "integrity": "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/pathval": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/pathval/-/pathval-2.0.1.tgz",
-      "integrity": "sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 14.16"
-      }
-    },
-    "node_modules/picocolors": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
-      "license": "ISC"
-    },
-    "node_modules/picomatch": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
-      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/pinia": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.3.1.tgz",
-      "integrity": "sha512-khUlZSwt9xXCaTbbxFYBKDc/bWAGWJjOgvxETwkTN7KRm66EeT1ZdZj6i2ceh9sP2Pzqsbc704r2yngBrxBVug==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/devtools-api": "^6.6.3",
-        "vue-demi": "^0.14.10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/posva"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.4.4",
-        "vue": "^2.7.0 || ^3.5.11"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/playwright": {
-      "version": "1.62.0",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.62.0.tgz",
-      "integrity": "sha512-Z14dG305dgaLu6foB1TXQagFiW8JfSUIUaUuPaKQ6NtBPKF1P/qXcqfh6c6K/icPqdy37JmjbiBXf6JNg6Sylw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "playwright-core": "1.62.0"
-      },
-      "bin": {
-        "playwright": "cli.js"
-      },
-      "engines": {
-        "node": ">=20"
-      },
-      "optionalDependencies": {
-        "fsevents": "2.3.2"
-      }
-    },
-    "node_modules/playwright-core": {
-      "version": "1.62.0",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.62.0.tgz",
-      "integrity": "sha512-nsNRyq0r2zsG8AcRHWknc9QRA5XCueC7gWMrs+Gx2tlZn9hcl8zudfh00lhJPY1DE7NmZ6bDsT9g2yey8mXljA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "bin": {
-        "playwright-core": "cli.js"
-      },
-      "engines": {
-        "node": ">=20"
-      }
-    },
-    "node_modules/postcss": {
-      "version": "8.5.23",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.23.tgz",
-      "integrity": "sha512-g50586zr4bZmwFiTlflMu8E0bDTb5I5gertgwAKmsdUlTQIhZtunzUlD1WSzwcVWPoAVpsrA6vlfCD7oXvRwgg==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "nanoid": "^3.3.16",
-        "picocolors": "^1.1.1",
-        "source-map-js": "^1.2.1"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
-    "node_modules/postcss-selector-parser": {
-      "version": "6.1.4",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.4.tgz",
-      "integrity": "sha512-bIoJLOmjCO1S9XdY/DcnR5hJxvrDir1PbGChrzXG3vw0/FOliy/fA3dmdhQ441kah4gKv+TwckGzex6wNS5cnQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/prelude-ls": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/proto-list": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
-      "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/proxy-from-env": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-2.1.0.tgz",
-      "integrity": "sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/punycode": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/queue-microtask": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "license": "MIT"
-    },
-    "node_modules/require-directory": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
-      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/resolve-from": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/reusify": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
-      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "iojs": ">=1.0.0",
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/rollup": {
-      "version": "4.62.2",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.62.2.tgz",
-      "integrity": "sha512-RFnrW4lhXA3s3eqHDZvN654g8OTjzRfqpIRJYczCGB6HzphckVAi/Qh4tbPUbRuDi7s1Llv8g/NspLkttY3gTA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/estree": "1.0.9"
-      },
-      "bin": {
-        "rollup": "dist/bin/rollup"
-      },
-      "engines": {
-        "node": ">=18.0.0",
-        "npm": ">=8.0.0"
-      },
-      "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.62.2",
-        "@rollup/rollup-android-arm64": "4.62.2",
-        "@rollup/rollup-darwin-arm64": "4.62.2",
-        "@rollup/rollup-darwin-x64": "4.62.2",
-        "@rollup/rollup-freebsd-arm64": "4.62.2",
-        "@rollup/rollup-freebsd-x64": "4.62.2",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.62.2",
-        "@rollup/rollup-linux-arm-musleabihf": "4.62.2",
-        "@rollup/rollup-linux-arm64-gnu": "4.62.2",
-        "@rollup/rollup-linux-arm64-musl": "4.62.2",
-        "@rollup/rollup-linux-loong64-gnu": "4.62.2",
-        "@rollup/rollup-linux-loong64-musl": "4.62.2",
-        "@rollup/rollup-linux-ppc64-gnu": "4.62.2",
-        "@rollup/rollup-linux-ppc64-musl": "4.62.2",
-        "@rollup/rollup-linux-riscv64-gnu": "4.62.2",
-        "@rollup/rollup-linux-riscv64-musl": "4.62.2",
-        "@rollup/rollup-linux-s390x-gnu": "4.62.2",
-        "@rollup/rollup-linux-x64-gnu": "4.62.2",
-        "@rollup/rollup-linux-x64-musl": "4.62.2",
-        "@rollup/rollup-openbsd-x64": "4.62.2",
-        "@rollup/rollup-openharmony-arm64": "4.62.2",
-        "@rollup/rollup-win32-arm64-msvc": "4.62.2",
-        "@rollup/rollup-win32-ia32-msvc": "4.62.2",
-        "@rollup/rollup-win32-x64-gnu": "4.62.2",
-        "@rollup/rollup-win32-x64-msvc": "4.62.2",
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/rollup-plugin-visualizer": {
-      "version": "5.14.0",
-      "resolved": "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.14.0.tgz",
-      "integrity": "sha512-VlDXneTDaKsHIw8yzJAFWtrzguoJ/LnQ+lMpoVfYJ3jJF4Ihe5oYLAqLklIK/35lgUY+1yEzCkHyZ1j4A5w5fA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "open": "^8.4.0",
-        "picomatch": "^4.0.2",
-        "source-map": "^0.7.4",
-        "yargs": "^17.5.1"
-      },
-      "bin": {
-        "rollup-plugin-visualizer": "dist/bin/cli.js"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "peerDependencies": {
-        "rolldown": "1.x",
-        "rollup": "2.x || 3.x || 4.x"
-      },
-      "peerDependenciesMeta": {
-        "rolldown": {
-          "optional": true
-        },
-        "rollup": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/rollup-plugin-visualizer/node_modules/picomatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz",
-      "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/run-parallel": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "queue-microtask": "^1.2.2"
-      }
-    },
-    "node_modules/semver": {
-      "version": "7.8.5",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
-      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "shebang-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/siginfo": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
-      "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/signal-exit": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/slash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/source-map": {
-      "version": "0.7.6",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.6.tgz",
-      "integrity": "sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">= 12"
-      }
-    },
-    "node_modules/source-map-js": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
-      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/stackback": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
-      "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/std-env": {
-      "version": "3.10.0",
-      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.10.0.tgz",
-      "integrity": "sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/string-width": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "eastasianwidth": "^0.2.0",
-        "emoji-regex": "^9.2.2",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/string-width-cjs": {
-      "name": "string-width",
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-width-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-width-cjs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/string-width-cjs/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-ansi": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
-      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^6.2.2"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
-    "node_modules/strip-ansi-cjs": {
-      "name": "strip-ansi",
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-ansi-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-json-comments": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/tinybench": {
-      "version": "2.9.0",
-      "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
-      "integrity": "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/tinyexec": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-0.3.2.tgz",
-      "integrity": "sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/tinypool": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-1.1.1.tgz",
-      "integrity": "sha512-Zba82s87IFq9A9XmjiX5uZA/ARWDrB03OHlq+Vw1fSdt0I+4/Kutwy8BP4Y/y/aORMo61FQ0vIb5j44vSo5Pkg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.0.0 || >=20.0.0"
-      }
-    },
-    "node_modules/tinyrainbow": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-1.2.0.tgz",
-      "integrity": "sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/tinyspy": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-3.0.2.tgz",
-      "integrity": "sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-number": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
-    },
-    "node_modules/ts-api-utils": {
-      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.3.tgz",
-      "integrity": "sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=16"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.2.0"
-      }
-    },
-    "node_modules/type-check": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "prelude-ls": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/type-fest": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-      "dev": true,
-      "license": "(MIT OR CC0-1.0)",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/typescript": {
-      "version": "5.9.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
-      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
-    "node_modules/uri-js": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "node_modules/util-deprecate": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/vite": {
-      "version": "5.4.21",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.21.tgz",
-      "integrity": "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "esbuild": "^0.21.3",
-        "postcss": "^8.4.43",
-        "rollup": "^4.20.0"
-      },
-      "bin": {
-        "vite": "bin/vite.js"
-      },
-      "engines": {
-        "node": "^18.0.0 || >=20.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/vitejs/vite?sponsor=1"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.3"
-      },
-      "peerDependencies": {
-        "@types/node": "^18.0.0 || >=20.0.0",
-        "less": "*",
-        "lightningcss": "^1.21.0",
-        "sass": "*",
-        "sass-embedded": "*",
-        "stylus": "*",
-        "sugarss": "*",
-        "terser": "^5.4.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        },
-        "less": {
-          "optional": true
-        },
-        "lightningcss": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        },
-        "sass-embedded": {
-          "optional": true
-        },
-        "stylus": {
-          "optional": true
-        },
-        "sugarss": {
-          "optional": true
-        },
-        "terser": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/vite-node": {
-      "version": "2.1.9",
-      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-2.1.9.tgz",
-      "integrity": "sha512-AM9aQ/IPrW/6ENLQg3AGY4K1N2TGZdR5e4gu/MmmR2xR3Ll1+dib+nook92g4TV3PXVyeyxdWwtaCAiUL0hMxA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cac": "^6.7.14",
-        "debug": "^4.3.7",
-        "es-module-lexer": "^1.5.4",
-        "pathe": "^1.1.2",
-        "vite": "^5.0.0"
-      },
-      "bin": {
-        "vite-node": "vite-node.mjs"
-      },
-      "engines": {
-        "node": "^18.0.0 || >=20.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      }
-    },
-    "node_modules/vite/node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/vitest": {
-      "version": "2.1.9",
-      "resolved": "https://registry.npmjs.org/vitest/-/vitest-2.1.9.tgz",
-      "integrity": "sha512-MSmPM9REYqDGBI8439mA4mWhV5sKmDlBKWIYbA3lRb2PTHACE0mgKwA8yQ2xq9vxDTuk4iPrECBAEW2aoFXY0Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@vitest/expect": "2.1.9",
-        "@vitest/mocker": "2.1.9",
-        "@vitest/pretty-format": "^2.1.9",
-        "@vitest/runner": "2.1.9",
-        "@vitest/snapshot": "2.1.9",
-        "@vitest/spy": "2.1.9",
-        "@vitest/utils": "2.1.9",
-        "chai": "^5.1.2",
-        "debug": "^4.3.7",
-        "expect-type": "^1.1.0",
-        "magic-string": "^0.30.12",
-        "pathe": "^1.1.2",
-        "std-env": "^3.8.0",
-        "tinybench": "^2.9.0",
-        "tinyexec": "^0.3.1",
-        "tinypool": "^1.0.1",
-        "tinyrainbow": "^1.2.0",
-        "vite": "^5.0.0",
-        "vite-node": "2.1.9",
-        "why-is-node-running": "^2.3.0"
-      },
-      "bin": {
-        "vitest": "vitest.mjs"
-      },
-      "engines": {
-        "node": "^18.0.0 || >=20.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      },
-      "peerDependencies": {
-        "@edge-runtime/vm": "*",
-        "@types/node": "^18.0.0 || >=20.0.0",
-        "@vitest/browser": "2.1.9",
-        "@vitest/ui": "2.1.9",
-        "happy-dom": "*",
-        "jsdom": "*"
-      },
-      "peerDependenciesMeta": {
-        "@edge-runtime/vm": {
-          "optional": true
-        },
-        "@types/node": {
-          "optional": true
-        },
-        "@vitest/browser": {
-          "optional": true
-        },
-        "@vitest/ui": {
-          "optional": true
-        },
-        "happy-dom": {
-          "optional": true
-        },
-        "jsdom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/vue": {
-      "version": "3.5.40",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.40.tgz",
-      "integrity": "sha512-+8PJ4SJXdn/cHGImF4CKdxlWHIN5Dkt7DoufRREM6h6uVCx2m7QxgcEQmmzyOK8A9mcafg7sFbJFYsdFVubTig==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/compiler-dom": "3.5.40",
-        "@vue/compiler-sfc": "3.5.40",
-        "@vue/runtime-dom": "3.5.40",
-        "@vue/server-renderer": "3.5.40",
-        "@vue/shared": "3.5.40"
-      },
-      "peerDependencies": {
-        "typescript": "*"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/vue-component-type-helpers": {
-      "version": "3.3.8",
-      "resolved": "https://registry.npmjs.org/vue-component-type-helpers/-/vue-component-type-helpers-3.3.8.tgz",
-      "integrity": "sha512-troqCMmQodQDqUqn63NQaFi+CDSclSe7sc8VEBFqf5GFLqmGR2Ph3P2WEC7qwpRVyEWsTi/aAr4vyOe/B1hU3g==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/vue-demi": {
-      "version": "0.14.10",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
-      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
-      "hasInstallScript": true,
-      "license": "MIT",
-      "bin": {
-        "vue-demi-fix": "bin/vue-demi-fix.js",
-        "vue-demi-switch": "bin/vue-demi-switch.js"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      },
-      "peerDependencies": {
-        "@vue/composition-api": "^1.0.0-rc.1",
-        "vue": "^3.0.0-0 || ^2.6.0"
-      },
-      "peerDependenciesMeta": {
-        "@vue/composition-api": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/vue-eslint-parser": {
-      "version": "9.4.3",
-      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.3.tgz",
-      "integrity": "sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "debug": "^4.3.4",
-        "eslint-scope": "^7.1.1",
-        "eslint-visitor-keys": "^3.3.0",
-        "espree": "^9.3.1",
-        "esquery": "^1.4.0",
-        "lodash": "^4.17.21",
-        "semver": "^7.3.6"
-      },
-      "engines": {
-        "node": "^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/mysticatea"
-      },
-      "peerDependencies": {
-        "eslint": ">=6.0.0"
-      }
-    },
-    "node_modules/vue-eslint-parser/node_modules/eslint-scope": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
-      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/vue-eslint-parser/node_modules/espree": {
-      "version": "9.6.1",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
-      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
-      "dev": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "acorn": "^8.9.0",
-        "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^3.4.1"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/vue-router": {
-      "version": "4.6.4",
-      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.6.4.tgz",
-      "integrity": "sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg==",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/devtools-api": "^6.6.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/posva"
-      },
-      "peerDependencies": {
-        "vue": "^3.5.0"
-      }
-    },
-    "node_modules/vue-template-compiler": {
-      "version": "2.7.16",
-      "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.7.16.tgz",
-      "integrity": "sha512-AYbUWAJHLGGQM7+cNTELw+KsOG9nl2CnSv467WobS5Cv9uk3wFcnr1Etsz2sEIHEZvw1U+o9mRlEO6QbZvUPGQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "de-indent": "^1.0.2",
-        "he": "^1.2.0"
-      }
-    },
-    "node_modules/vue-tsc": {
-      "version": "1.8.27",
-      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-1.8.27.tgz",
-      "integrity": "sha512-WesKCAZCRAbmmhuGl3+VrdWItEvfoFIPXOvUJkjULi+x+6G/Dy69yO3TBRJDr9eUlmsNAwVmxsNZxvHKzbkKdg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@volar/typescript": "~1.11.1",
-        "@vue/language-core": "1.8.27",
-        "semver": "^7.5.4"
-      },
-      "bin": {
-        "vue-tsc": "bin/vue-tsc.js"
-      },
-      "peerDependencies": {
-        "typescript": "*"
-      }
-    },
-    "node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/why-is-node-running": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
-      "integrity": "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "siginfo": "^2.0.0",
-        "stackback": "0.0.2"
-      },
-      "bin": {
-        "why-is-node-running": "cli.js"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/word-wrap": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
-      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/wrap-ansi": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
-      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^6.1.0",
-        "string-width": "^5.0.1",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi-cjs": {
-      "name": "wrap-ansi",
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi/node_modules/ansi-styles": {
-      "version": "6.2.3",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
-      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/xml-name-validator": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
-      "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/y18n": {
-      "version": "5.0.8",
-      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
-      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/yargs": {
-      "version": "17.7.3",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.3.tgz",
-      "integrity": "sha512-GZtjxm/J/4TSxuL3FNYjCmLktBTnIw/rVmKSIyKeYAZpmJB2ig9VauCC5xsa82GNKVKDAqpOn3KVzNt0zmrU0g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cliui": "^8.0.1",
-        "escalade": "^3.1.1",
-        "get-caller-file": "^2.0.5",
-        "require-directory": "^2.1.1",
-        "string-width": "^4.2.3",
-        "y18n": "^5.0.5",
-        "yargs-parser": "^21.1.1"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/yargs-parser": {
-      "version": "21.1.1",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
-      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/yargs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/yargs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/yargs/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/yargs/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/yocto-queue": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/zod": {
-      "version": "4.4.3",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-4.4.3.tgz",
-      "integrity": "sha512-ytENFjIJFl2UwYglde2jchW2Hwm4GJFLDiSXWdTrJQBIN9Fcyp7n4DhxJEiWNAJMV1/BqWfW/kkg71UDcHJyTQ==",
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/colinhacks"
-      }
-    }
-  }
-}
diff --git a/oms-wms-erp/package.json b/oms-wms-erp/package.json
deleted file mode 100644
index 4faa07c7..00000000
--- a/oms-wms-erp/package.json
+++ /dev/null
@@ -1,48 +0,0 @@
-{
-  "name": "oms-wms-erp",
-  "version": "1.0.0",
-  "type": "module",
-  "description": "OMS·WMS·ERP Commercialization Platform",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "test:build": "vite build --outDir dist-test",
-    "preview": "vite preview",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts",
-    "test": "vitest",
-    "test:unit": "vitest run",
-    "test:integration": "vitest run tests/integration",
-    "test:e2e": "playwright test",
-    "test:coverage": "vitest run --coverage",
-    "type-check": "vue-tsc --noEmit",
-    "docker:build": "docker build -t oms-wms-erp:latest .",
-    "docker:run": "docker run -p 5173:5173 --env-file .env.production oms-wms-erp:latest",
-    "start": "node server.js"
-  },
-  "dependencies": {
-    "@vueuse/core": "^10.11.0",
-    "axios": "^1.7.0",
-    "bootstrap": "^5.3.0",
-    "pinia": "^2.2.0",
-    "vue": "^3.4.0",
-    "vue-router": "^4.3.0",
-    "zod": "^4.4.3"
-  },
-  "devDependencies": {
-    "@playwright/test": "^1.48.0",
-    "@typescript-eslint/eslint-plugin": "^7.16.0",
-    "@typescript-eslint/parser": "^7.16.0",
-    "@vitejs/plugin-vue": "^5.1.0",
-    "@vue/test-utils": "^2.4.0",
-    "eslint": "^9.11.0",
-    "eslint-plugin-vue": "^9.31.0",
-    "rollup-plugin-visualizer": "^5.12.0",
-    "typescript": "^5.4.0",
-    "vite": "^5.2.0",
-    "vitest": "^2.1.0",
-    "vue-tsc": "^1.8.0"
-  },
-  "engines": {
-    "node": ">=18.0.0"
-  }
-}
diff --git a/oms-wms-erp/playwright.config.ts b/oms-wms-erp/playwright.config.ts
deleted file mode 100644
index c333c6bf..00000000
--- a/oms-wms-erp/playwright.config.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { defineConfig, devices } from '@playwright/test'
-
-export default defineConfig({
-  testDir: './tests/e2e',
-  testMatch: '**/*.spec.ts',
-  fullyParallel: true,
-  forbidOnly: !!process.env.CI,
-  retries: process.env.CI ? 2 : 0,
-  workers: process.env.CI ? 1 : undefined,
-  reporter: [
-    ['html'],
-    ['json', { outputFile: 'test-results/results.json' }],
-    ['junit', { outputFile: 'test-results/junit.xml' }]
-  ],
-  use: {
-    baseURL: 'http://localhost:5173',
-    trace: 'on-first-retry',
-    screenshot: 'only-on-failure',
-    video: 'retain-on-failure'
-  },
-  webServer: {
-    command: 'npm run dev',
-    url: 'http://localhost:5173',
-    reuseExistingServer: !process.env.CI
-  },
-  projects: [
-    {
-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] }
-    },
-    {
-      name: 'firefox',
-      use: { ...devices['Desktop Firefox'] }
-    },
-    {
-      name: 'webkit',
-      use: { ...devices['Desktop Safari'] }
-    }
-  ]
-})
diff --git a/oms-wms-erp/scripts/generate-primitive.mjs b/oms-wms-erp/scripts/generate-primitive.mjs
deleted file mode 100644
index 9e8dfb2c..00000000
--- a/oms-wms-erp/scripts/generate-primitive.mjs
+++ /dev/null
@@ -1,95 +0,0 @@
-#!/usr/bin/env node
-
-import fs from 'fs'
-import path from 'path'
-
-const componentName = process.argv[2]
-const componentDir = `src/components/primitives/${componentName}`
-
-if (!componentName) {
-  console.error('Usage: node scripts/generate-primitive.mjs ComponentName')
-  process.exit(1)
-}
-
-// Create directory
-if (!fs.existsSync(componentDir)) {
-  fs.mkdirSync(componentDir, { recursive: true })
-  console.log(`✓ Created directory: ${componentDir}`)
-}
-
-// Create Vue component
-const vueTemplate = `<template>
-  <div class="component-root">
-    <slot />
-  </div>
-</template>
-
-<script setup lang="ts">
-interface Props {
-  // Add props here
-}
-
-withDefaults(defineProps<Props>(), {})
-
-defineEmits<{
-  // Add emits here
-}>()
-</script>
-
-<style scoped>
-.component-root {
-  /* Add styles here */
-}
-</style>
-`
-
-const vueFile = path.join(componentDir, `${componentName}.vue`)
-if (!fs.existsSync(vueFile)) {
-  fs.writeFileSync(vueFile, vueTemplate)
-  console.log(`✓ Created: ${vueFile}`)
-}
-
-// Create Storybook stories
-const storiesTemplate = `import type { Meta, StoryObj } from '@storybook/vue3'
-import ${componentName} from './${componentName}.vue'
-
-const meta = {
-  title: 'Primitives/${componentName}',
-  component: ${componentName},
-  tags: ['autodocs']
-} satisfies Meta<typeof ${componentName}>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const Default: Story = {
-  args: {}
-}
-`
-
-const storiesFile = path.join(componentDir, `${componentName}.stories.ts`)
-if (!fs.existsSync(storiesFile)) {
-  fs.writeFileSync(storiesFile, storiesTemplate)
-  console.log(`✓ Created: ${storiesFile}`)
-}
-
-// Create unit tests
-const specTemplate = `import { describe, it, expect } from 'vitest'
-import { mount } from '@vue/test-utils'
-import ${componentName} from './${componentName}.vue'
-
-describe('${componentName}', () => {
-  it('renders', () => {
-    const wrapper = mount(${componentName})
-    expect(wrapper.exists()).toBe(true)
-  })
-})
-`
-
-const specFile = path.join(componentDir, `${componentName}.spec.ts`)
-if (!fs.existsSync(specFile)) {
-  fs.writeFileSync(specFile, specTemplate)
-  console.log(`✓ Created: ${specFile}`)
-}
-
-console.log(`✓ Component "${componentName}" generated successfully!`)
diff --git a/oms-wms-erp/scripts/generate-store.mjs b/oms-wms-erp/scripts/generate-store.mjs
deleted file mode 100644
index ed925d4e..00000000
--- a/oms-wms-erp/scripts/generate-store.mjs
+++ /dev/null
@@ -1,164 +0,0 @@
-#!/usr/bin/env node
-
-import fs from 'fs'
-import path from 'path'
-
-const storeName = process.argv[2]
-const storeType = process.argv[3] || 'default'
-
-if (!storeName) {
-  console.error('Usage: node scripts/generate-store.mjs StoreName [type]')
-  process.exit(1)
-}
-
-const storeDir = `src/stores/modules`
-const fileName = `${storeName.charAt(0).toLowerCase()}${storeName.slice(1)}.ts`
-
-if (!fs.existsSync(storeDir)) {
-  fs.mkdirSync(storeDir, { recursive: true })
-}
-
-// Store templates by type
-const templates = {
-  default: `/**
- * Pinia Store: ${storeName}
- * State management for ${storeName.toLowerCase()}-related data
- */
-
-import { defineStore } from 'pinia'
-import { ref, computed } from 'vue'
-
-export const use${storeName}Store = defineStore('${fileName.replace('.ts', '')}', () => {
-  // State
-  const items = ref<any[]>([])
-  const selectedItem = ref<any | null>(null)
-  const loading = ref(false)
-  const error = ref<string | null>(null)
-  const filters = ref<Record<string, any>>({})
-
-  // Computed
-  const itemCount = computed(() => items.value.length)
-  const filteredItems = computed(() => items.value)
-
-  // Actions
-  const fetchItems = async (limit = 100, offset = 0) => {
-    loading.value = true
-    error.value = null
-    try {
-      // TODO: Call API endpoint
-      // const response = await ${fileName.replace('.ts', '')}Api.list${storeName}({ limit, offset })
-      // items.value = response.data
-    } catch (err) {
-      error.value = (err as Error).message
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const fetchItemById = async (itemId: string) => {
-    loading.value = true
-    error.value = null
-    try {
-      // TODO: Call API endpoint
-      // const response = await ${fileName.replace('.ts', '')}Api.get${storeName}(itemId)
-      // selectedItem.value = response.data
-    } catch (err) {
-      error.value = (err as Error).message
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const createItem = async (payload: any) => {
-    loading.value = true
-    error.value = null
-    try {
-      // TODO: Call API endpoint
-      // const response = await ${fileName.replace('.ts', '')}Api.create${storeName}(payload)
-      // items.value.push(response.data)
-      // selectedItem.value = response.data
-      // return response.data
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const updateItem = async (itemId: string, payload: any) => {
-    loading.value = true
-    error.value = null
-    try {
-      // TODO: Call API endpoint
-      // const response = await ${fileName.replace('.ts', '')}Api.update${storeName}(itemId, payload)
-      // const index = items.value.findIndex((i) => i.id === itemId)
-      // if (index !== -1) items.value[index] = response.data
-      // if (selectedItem.value?.id === itemId) selectedItem.value = response.data
-      // return response.data
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const deleteItem = async (itemId: string) => {
-    loading.value = true
-    error.value = null
-    try {
-      // TODO: Call API endpoint
-      // await ${fileName.replace('.ts', '')}Api.delete${storeName}(itemId)
-      // items.value = items.value.filter((i) => i.id !== itemId)
-      // if (selectedItem.value?.id === itemId) selectedItem.value = null
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const setFilter = (key: string, value: any) => {
-    filters.value[key] = value
-  }
-
-  const clearFilters = () => {
-    filters.value = {}
-  }
-
-  return {
-    // State
-    items,
-    selectedItem,
-    loading,
-    error,
-    filters,
-
-    // Computed
-    itemCount,
-    filteredItems,
-
-    // Actions
-    fetchItems,
-    fetchItemById,
-    createItem,
-    updateItem,
-    deleteItem,
-    setFilter,
-    clearFilters
-  }
-})
-`
-}
-
-const template = templates[storeType] || templates.default
-
-const storeFile = path.join(storeDir, fileName)
-if (!fs.existsSync(storeFile)) {
-  fs.writeFileSync(storeFile, template)
-  console.log(`✓ Created: ${storeFile}`)
-} else {
-  console.log(`⚠ Already exists: ${storeFile}`)
-}
diff --git a/oms-wms-erp/src/App.vue b/oms-wms-erp/src/App.vue
deleted file mode 100644
index 41df9e3b..00000000
--- a/oms-wms-erp/src/App.vue
+++ /dev/null
@@ -1,163 +0,0 @@
-<template>
-  <div v-if="!showSidebar" id="app">
-    <router-view />
-  </div>
-  <div v-else id="app" class="admin-layout">
-    <nav class="sidebar">
-      <div class="sidebar-header">
-        <h2>OMS·WMS·ERP</h2>
-      </div>
-      <ul class="nav-menu">
-        <li><router-link to="/admin/dashboard" active-class="active">📊 Dashboard</router-link></li>
-        <li><router-link to="/admin/orders" active-class="active">📦 Orders</router-link></li>
-        <li><router-link to="/admin/products" active-class="active">🏷️ Products</router-link></li>
-        <li><router-link to="/admin/customers" active-class="active">👥 Customers</router-link></li>
-        <li><router-link to="/admin/inventory" active-class="active">📊 Inventory</router-link></li>
-        <li><router-link to="/admin/warehouses" active-class="active">🏭 Warehouses</router-link></li>
-      </ul>
-      <div class="sidebar-footer">
-        <div class="user-info">
-          <div class="username">{{ authStore.user?.username }}</div>
-          <div class="role">{{ authStore.user?.role }}</div>
-        </div>
-        <button @click="handleLogout" class="logout-btn">🚪 Logout</button>
-      </div>
-    </nav>
-    <main class="content">
-      <router-view />
-    </main>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { RouterView, RouterLink } from 'vue-router'
-import { useRouter, useRoute } from 'vue-router'
-import { useAuthStore } from '@/stores'
-import { computed, onMounted } from 'vue'
-
-const router = useRouter()
-const route = useRoute()
-const authStore = useAuthStore()
-
-// Initialize auth on app mount
-onMounted(() => {
-  authStore.checkAuth()
-})
-
-// Show sidebar only on admin routes
-const showSidebar = computed(() => {
-  return authStore.isAuthenticated && !route.path.startsWith('/login')
-})
-
-const handleLogout = () => {
-  if (confirm('Are you sure you want to logout?')) {
-    authStore.logout()
-    router.push('/login')
-  }
-}
-</script>
-
-<style scoped>
-.admin-layout {
-  display: flex;
-  height: 100vh;
-  background-color: #f5f5f5;
-}
-
-.sidebar {
-  width: 250px;
-  background-color: #2c3e50;
-  color: #fff;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  box-shadow: 2px 0 4px rgba(0,0,0,0.1);
-}
-
-.sidebar-header {
-  padding: 1.5rem;
-  border-bottom: 1px solid rgba(255,255,255,0.1);
-}
-
-.sidebar-header h2 {
-  margin: 0;
-  font-size: 1.25rem;
-  font-weight: 700;
-}
-
-.nav-menu {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  flex: 1;
-}
-
-.nav-menu li {
-  border-bottom: 1px solid rgba(255,255,255,0.05);
-}
-
-.nav-menu a {
-  display: block;
-  padding: 1rem 1.5rem;
-  color: rgba(255,255,255,0.7);
-  text-decoration: none;
-  transition: all 0.2s;
-  font-size: 0.95rem;
-}
-
-.nav-menu a:hover {
-  background-color: rgba(255,255,255,0.05);
-  color: #fff;
-}
-
-.nav-menu a.active {
-  background-color: #0d6efd;
-  color: #fff;
-  border-left: 4px solid #fff;
-  padding-left: calc(1.5rem - 4px);
-}
-
-.sidebar-footer {
-  padding: 1rem 1.5rem;
-  border-top: 1px solid rgba(255,255,255,0.1);
-  background-color: rgba(0,0,0,0.1);
-}
-
-.user-info {
-  margin-bottom: 1rem;
-}
-
-.username {
-  font-weight: 600;
-  font-size: 0.95rem;
-  margin-bottom: 0.25rem;
-}
-
-.role {
-  font-size: 0.85rem;
-  color: rgba(255,255,255,0.6);
-  text-transform: capitalize;
-}
-
-.logout-btn {
-  width: 100%;
-  padding: 0.5rem 0;
-  background-color: #dc3545;
-  color: white;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 0.9rem;
-  transition: all 0.2s;
-}
-
-.logout-btn:hover {
-  background-color: #c82333;
-}
-
-.content {
-  flex: 1;
-  overflow-y: auto;
-  background-color: #f5f5f5;
-}
-</style>
diff --git a/oms-wms-erp/src/components/composites${component}.vue b/oms-wms-erp/src/components/composites${component}.vue
deleted file mode 100644
index 389c58d8..00000000
--- a/oms-wms-erp/src/components/composites${component}.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<template>
-  <div class="dashboardSummary">
-    <h2>DashboardSummary</h2>
-    <div class="component-placeholder">
-      <p>Implementation: Layer 4 Business Composite</p>
-      <p>Uses appropriate Pinia store for state management</p>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-// Component implementation
-</script>
-
-<style scoped>
-.dashboardSummary { padding: 1rem; }
-.component-placeholder { padding: 2rem; background: #f8f9fa; border-radius: 4px; text-align: center; }
-</style>
diff --git a/oms-wms-erp/src/components/composites/InventoryTransfer.vue b/oms-wms-erp/src/components/composites/InventoryTransfer.vue
deleted file mode 100644
index 3c817ed6..00000000
--- a/oms-wms-erp/src/components/composites/InventoryTransfer.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<template>
-  <div class="inventory-transfer">
-    <h2>Inventory Transfer</h2>
-    <div class="transfer-form">
-      <div class="form-row">
-        <div class="form-col">
-          <label>From Warehouse:</label>
-          <select v-model="transfer.fromWarehouse" class="form-control">
-            <option v-for="w in warehouseStore.operationalWarehouses" :key="w.id" :value="w.id">
-              {{ w.name }}
-            </option>
-          </select>
-        </div>
-        <div class="form-col">
-          <label>To Warehouse:</label>
-          <select v-model="transfer.toWarehouse" class="form-control">
-            <option v-for="w in warehouseStore.operationalWarehouses" :key="w.id" :value="w.id">
-              {{ w.name }}
-            </option>
-          </select>
-        </div>
-      </div>
-      <div class="form-row">
-        <div class="form-col">
-          <label>Product SKU:</label>
-          <input v-model="transfer.productSku" type="text" class="form-control" />
-        </div>
-        <div class="form-col">
-          <label>Quantity:</label>
-          <input v-model.number="transfer.quantity" type="number" class="form-control" />
-        </div>
-      </div>
-      <div class="form-row">
-        <button class="btn btn-primary" @click="handleTransfer" :disabled="inventoryStore.loading">
-          Transfer
-        </button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-import { useInventoryStore, useWarehouseStore } from '@/stores'
-
-const inventoryStore = useInventoryStore()
-const warehouseStore = useWarehouseStore()
-
-const transfer = ref({
-  fromWarehouse: '',
-  toWarehouse: '',
-  productSku: '',
-  quantity: 0
-})
-
-const handleTransfer = async () => {
-  try {
-    // Transfer logic
-    alert('Transfer completed')
-  } catch (err) {
-    alert('Transfer failed')
-  }
-}
-</script>
-
-<style scoped>
-.inventory-transfer { padding: 1rem; }
-.transfer-form { margin-top: 1rem; }
-.form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; margin-bottom: 1rem; }
-.form-col { display: flex; flex-direction: column; }
-label { font-weight: 500; margin-bottom: 0.5rem; font-size: 0.875rem; }
-.form-control { border: 1px solid #dee2e6; border-radius: 4px; padding: 0.5rem; }
-.btn { padding: 0.5rem 1rem; border: none; border-radius: 4px; cursor: pointer; font-weight: 500; }
-.btn-primary { background-color: #0d6efd; color: #fff; }
-</style>
diff --git a/oms-wms-erp/src/components/composites/OrderForm.vue b/oms-wms-erp/src/components/composites/OrderForm.vue
deleted file mode 100644
index 0541f633..00000000
--- a/oms-wms-erp/src/components/composites/OrderForm.vue
+++ /dev/null
@@ -1,244 +0,0 @@
-<template>
-  <div class="order-form">
-    <div class="form-header">
-      <h2>{{ isEditing ? 'Edit Order' : 'Create Order' }}</h2>
-      <div v-if="order" class="order-meta">
-        <span class="badge" :class="getStatusBadgeClass()">{{ order.status }}</span>
-        <span class="text-muted">{{ order.orderNumber }}</span>
-      </div>
-    </div>
-
-    <div class="form-content">
-      <div class="form-section">
-        <h3>Customer Information</h3>
-        <div class="form-row">
-          <div class="form-col">
-            <label class="form-label">Customer <span class="text-danger">*</span></label>
-            <select v-model="formData.customerId" class="form-control" @change="onCustomerChange">
-              <option value="">-- Select Customer --</option>
-              <option v-for="c in customerStore.activeCustomers" :key="c.id" :value="c.id">
-                {{ c.name }} ({{ c.code }})
-              </option>
-            </select>
-          </div>
-          <div class="form-col">
-            <label class="form-label">Order Date <span class="text-danger">*</span></label>
-            <input v-model="formData.orderDate" type="date" class="form-control" />
-          </div>
-          <div class="form-col">
-            <label class="form-label">Due Date <span class="text-danger">*</span></label>
-            <input v-model="formData.dueDate" type="date" class="form-control" />
-          </div>
-        </div>
-      </div>
-
-      <div class="form-section">
-        <h3>Order Items</h3>
-        <table v-if="formData.items.length > 0" class="table table-sm">
-          <thead>
-            <tr>
-              <th>SKU</th>
-              <th>Quantity</th>
-              <th>Unit Price</th>
-              <th>Line Total</th>
-              <th></th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr v-for="(item, idx) in formData.items" :key="idx">
-              <td>{{ item.productSku }}</td>
-              <td>{{ item.quantity }}</td>
-              <td>${{ item.unitPrice.toFixed(2) }}</td>
-              <td>${{ item.lineTotal.toFixed(2) }}</td>
-              <td>
-                <button class="btn btn-sm btn-danger" @click="removeItem(idx)">Remove</button>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-        <div v-else class="alert alert-info">No items added yet</div>
-        <button class="btn btn-secondary mt-2" @click="showAddItem = true">Add Item</button>
-      </div>
-
-      <div class="form-section">
-        <div class="totals">
-          <div class="total-row">
-            <span>Subtotal:</span>
-            <span>${{ formData.subtotal.toFixed(2) }}</span>
-          </div>
-          <div class="total-row">
-            <span>Tax (10%):</span>
-            <span>${{ formData.tax.toFixed(2) }}</span>
-          </div>
-          <div class="total-row total-amount">
-            <span>Total:</span>
-            <span>${{ formData.total.toFixed(2) }}</span>
-          </div>
-        </div>
-      </div>
-
-      <div class="form-section">
-        <label class="form-label">Notes (Optional)</label>
-        <textarea v-model="formData.notes" class="form-control" rows="3" placeholder="Add order notes..."></textarea>
-      </div>
-
-      <div v-if="isEditing" class="form-section">
-        <label class="form-label">Status</label>
-        <select v-model="formData.status" class="form-control">
-          <option value="DRAFT">Draft</option>
-          <option value="PENDING">Pending</option>
-          <option value="CONFIRMED">Confirmed</option>
-          <option value="SHIPPED">Shipped</option>
-          <option value="DELIVERED">Delivered</option>
-          <option value="CANCELLED">Cancelled</option>
-        </select>
-      </div>
-    </div>
-
-    <div class="form-actions">
-      <button v-if="isEditing" class="btn btn-danger" @click="handleDelete">Delete Order</button>
-      <div>
-        <button class="btn btn-secondary" @click="$emit('cancel')">Cancel</button>
-        <button class="btn btn-primary" @click="handleSave" :disabled="orderStore.loading">
-          Save Order
-        </button>
-      </div>
-    </div>
-
-    <div v-if="orderStore.error" class="alert alert-danger mt-3">{{ orderStore.error }}</div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, onMounted, watch } from 'vue'
-import { useOrderStore, useCustomerStore, type Order, type OrderItem } from '@/stores'
-
-interface Props {
-  orderId?: string
-}
-
-const props = defineProps<Props>()
-const emit = defineEmits<{ save: [order: Order]; cancel: [] }>()
-
-const orderStore = useOrderStore()
-const customerStore = useCustomerStore()
-
-const isEditing = computed(() => !!props.orderId)
-const order = ref<Order | null>(null)
-const showAddItem = ref(false)
-
-const formData = ref({
-  customerId: '',
-  orderDate: new Date().toISOString().split('T')[0],
-  dueDate: new Date(Date.now() + 14 * 24 * 60 * 60 * 1000).toISOString().split('T')[0],
-  items: [] as OrderItem[],
-  subtotal: 0,
-  tax: 0,
-  total: 0,
-  notes: '',
-  status: 'DRAFT'
-})
-
-onMounted(async () => {
-  await customerStore.fetchCustomers()
-  if (isEditing.value && props.orderId) {
-    const selected = orderStore.orders.find((o) => o.id === props.orderId)
-    if (selected) {
-      order.value = selected
-      formData.value = {
-        customerId: selected.customerId,
-        orderDate: selected.orderDate,
-        dueDate: selected.dueDate,
-        items: [...selected.items],
-        subtotal: selected.subtotal,
-        tax: selected.tax,
-        total: selected.total,
-        notes: selected.notes || '',
-        status: selected.status
-      }
-    }
-  }
-})
-
-const onCustomerChange = () => {}
-const removeItem = (index: number) => { formData.value.items.splice(index, 1) }
-
-const handleSave = async () => {
-  try {
-    if (isEditing.value && props.orderId) {
-      await orderStore.updateOrder(props.orderId, formData.value as Partial<Order>)
-    } else {
-      await orderStore.createOrder(formData.value)
-    }
-    emit('save', orderStore.selectedOrder!)
-  } catch (err) {
-    console.error('Error saving order:', err)
-  }
-}
-
-const handleDelete = async () => {
-  if (confirm('Delete this order?') && props.orderId) {
-    try {
-      await orderStore.deleteOrder(props.orderId)
-      emit('cancel')
-    } catch (err) {
-      console.error('Error:', err)
-    }
-  }
-}
-
-const getStatusBadgeClass = () => {
-  if (!order.value) return ''
-  const s = order.value.status
-  if (s === 'DELIVERED') return 'bg-success'
-  if (s === 'SHIPPED') return 'bg-info'
-  if (s === 'CONFIRMED') return 'bg-primary'
-  if (s === 'CANCELLED') return 'bg-danger'
-  return 'bg-secondary'
-}
-
-watch(() => formData.value.items, () => {
-  formData.value.subtotal = formData.value.items.reduce((sum, i) => sum + i.lineTotal, 0)
-  formData.value.tax = formData.value.subtotal * 0.1
-  formData.value.total = formData.value.subtotal + formData.value.tax
-}, { deep: true })
-</script>
-
-<style scoped>
-.order-form { max-width: 900px; margin: 0 auto; }
-.form-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; border-bottom: 2px solid #dee2e6; padding-bottom: 1rem; }
-.order-meta { display: flex; gap: 1rem; align-items: center; }
-.form-section { margin-bottom: 2rem; padding: 1.5rem; border: 1px solid #dee2e6; border-radius: 4px; background-color: #f8f9fa; }
-.form-section h3 { margin-top: 0; font-size: 1.1rem; margin-bottom: 1rem; font-weight: 600; }
-.form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; }
-.form-col { display: flex; flex-direction: column; }
-.form-label { font-weight: 500; margin-bottom: 0.5rem; font-size: 0.875rem; }
-.form-control { border-radius: 4px; border: 1px solid #dee2e6; padding: 0.5rem 0.75rem; font-size: 0.875rem; }
-.form-control:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
-.table { margin-bottom: 0; }
-.table th { background-color: #e9ecef; font-weight: 600; font-size: 0.875rem; }
-.totals { background-color: #fff; border: 1px solid #dee2e6; border-radius: 4px; padding: 1rem; margin: 0; }
-.total-row { display: flex; justify-content: space-between; padding: 0.5rem 0; font-size: 0.95rem; }
-.total-amount { border-top: 2px solid #dee2e6; padding-top: 1rem; margin-top: 0.5rem; font-weight: 600; font-size: 1.1rem; }
-.form-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 2rem; gap: 1rem; }
-.form-actions > div { display: flex; gap: 1rem; }
-.btn { padding: 0.5rem 1rem; border-radius: 4px; border: none; cursor: pointer; font-weight: 500; transition: all 0.2s; }
-.btn-primary { background-color: #0d6efd; color: #fff; }
-.btn-primary:hover:not(:disabled) { background-color: #0b5ed7; }
-.btn-secondary { background-color: #6c757d; color: #fff; }
-.btn-danger { background-color: #dc3545; color: #fff; }
-.btn:disabled { opacity: 0.65; cursor: not-allowed; }
-.alert { padding: 0.75rem 1rem; border-radius: 4px; border: 1px solid transparent; }
-.alert-info { background-color: #d1ecf1; color: #0c5460; border-color: #bee5eb; }
-.alert-danger { background-color: #f8d7da; color: #721c24; border-color: #f5c6cb; }
-.text-danger { color: #dc3545; }
-.text-muted { color: #6c757d; }
-.badge { display: inline-block; padding: 0.375rem 0.75rem; font-size: 0.75rem; font-weight: 600; border-radius: 0.25rem; }
-.bg-success { background-color: #28a745; color: #fff; }
-.bg-info { background-color: #17a2b8; color: #fff; }
-.bg-primary { background-color: #0d6efd; color: #fff; }
-.bg-danger { background-color: #dc3545; color: #fff; }
-.bg-secondary { background-color: #6c757d; color: #fff; }
-.mt-2 { margin-top: 0.5rem; }
-.mt-3 { margin-top: 1rem; }
-</style>
diff --git a/oms-wms-erp/src/components/composites/index.ts b/oms-wms-erp/src/components/composites/index.ts
deleted file mode 100644
index f58028f0..00000000
--- a/oms-wms-erp/src/components/composites/index.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-/**
- * Business Composite Components Index
- * Layer 4 of 4-layer component architecture (Phase 3 Step 4)
- *
- * 11 Business Composite Components:
- * - OrderForm: Create/edit orders with line items and totals
- * - InventoryTransfer: Transfer stock between warehouses
- * - ProductEditor: Manage product catalog (CRUD)
- * - CustomerProfile: View/edit customer details and credit
- * - SupplierManagement: Manage supplier relationships
- * - WarehouseSettings: Configure warehouse operations
- * - PricingManager: Manage price adjustments and history
- * - ReportBuilder: Generate business analytics reports
- * - UserManagement: Manage user accounts and permissions
- * - SettingsPanel: Configure application settings
- * - DashboardSummary: Executive dashboard overview
- */
-
-export { default as OrderForm } from './OrderForm.vue'
-export { default as InventoryTransfer } from './InventoryTransfer.vue'
-export { default as ProductEditor } from './ProductEditor.vue'
-export { default as CustomerProfile } from './CustomerProfile.vue'
-export { default as SupplierManagement } from './SupplierManagement.vue'
-export { default as WarehouseSettings } from './WarehouseSettings.vue'
-export { default as PricingManager } from './PricingManager.vue'
-export { default as ReportBuilder } from './ReportBuilder.vue'
-export { default as UserManagement } from './UserManagement.vue'
-export { default as SettingsPanel } from './SettingsPanel.vue'
-export { default as DashboardSummary } from './DashboardSummary.vue'
diff --git a/oms-wms-erp/src/components/fields/domain/AddressField/AddressField.spec.ts b/oms-wms-erp/src/components/fields/domain/AddressField/AddressField.spec.ts
deleted file mode 100644
index db9c6293..00000000
--- a/oms-wms-erp/src/components/fields/domain/AddressField/AddressField.spec.ts
+++ /dev/null
@@ -1,272 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { mount } from '@vue/test-utils'
-import AddressField from './AddressField.vue'
-
-describe('AddressField (Domain Field)', () => {
-  const defaultProps = {
-    modelValue: null
-  }
-
-  describe('Rendering', () => {
-    it('renders all address input fields', () => {
-      const wrapper = mount(AddressField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Street Address')
-      expect(wrapper.text()).toContain('City')
-      expect(wrapper.text()).toContain('Postal Code')
-      expect(wrapper.text()).toContain('Country')
-    })
-
-    it('renders optional state field', () => {
-      const wrapper = mount(AddressField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('State / Province')
-    })
-
-    it('renders optional building field', () => {
-      const wrapper = mount(AddressField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Building / Suite / Apt')
-    })
-
-    it('has country select dropdown', () => {
-      const wrapper = mount(AddressField, { props: defaultProps })
-
-      const select = wrapper.find('select')
-      expect(select.exists()).toBe(true)
-    })
-  })
-
-  describe('Street Validation', () => {
-    it('requires street address', async () => {
-      const wrapper = mount(AddressField, { props: defaultProps })
-
-      const inputs = wrapper.findAll('input[type="text"]')
-      await inputs[0].setValue('')
-      await inputs[0].trigger('blur')
-
-      expect(wrapper.vm.streetError).not.toBeNull()
-      expect(wrapper.vm.streetError).toContain('required')
-    })
-
-    it('validates minimum length', async () => {
-      const wrapper = mount(AddressField, { props: defaultProps })
-
-      const inputs = wrapper.findAll('input[type="text"]')
-      await inputs[0].setValue('123')
-      await inputs[0].trigger('blur')
-
-      expect(wrapper.vm.streetError).not.toBeNull()
-      expect(wrapper.vm.streetError).toContain('at least 5 characters')
-    })
-
-    it('accepts valid street', async () => {
-      const wrapper = mount(AddressField, { props: defaultProps })
-
-      const inputs = wrapper.findAll('input[type="text"]')
-      await inputs[0].setValue('123 Main Street')
-      await inputs[0].trigger('blur')
-
-      expect(wrapper.vm.streetError).toBeNull()
-    })
-  })
-
-  describe('City Validation', () => {
-    it('requires city', async () => {
-      const wrapper = mount(AddressField, { props: defaultProps })
-
-      const inputs = wrapper.findAll('input[type="text"]')
-      await inputs[1].setValue('')
-      await inputs[1].trigger('blur')
-
-      expect(wrapper.vm.cityError).not.toBeNull()
-    })
-
-    it('accepts valid city', async () => {
-      const wrapper = mount(AddressField, { props: defaultProps })
-
-      const inputs = wrapper.findAll('input[type="text"]')
-      await inputs[1].setValue('Seoul')
-      await inputs[1].trigger('blur')
-
-      expect(wrapper.vm.cityError).toBeNull()
-    })
-  })
-
-  describe('Postal Code Validation', () => {
-    it('requires postal code', async () => {
-      const wrapper = mount(AddressField, { props: defaultProps })
-
-      wrapper.vm.address.postalCode = ''
-      await wrapper.vm.$nextTick()
-      wrapper.vm.validatePostalCode()
-
-      expect(wrapper.vm.postalCodeError).not.toBeNull()
-    })
-
-    it('validates postal code format', async () => {
-      const wrapper = mount(AddressField, { props: defaultProps })
-
-      wrapper.vm.address.postalCode = 'ABC'
-      await wrapper.vm.$nextTick()
-      wrapper.vm.validatePostalCode()
-
-      expect(wrapper.vm.postalCodeError).not.toBeNull()
-    })
-
-    it('accepts valid postal codes', async () => {
-      const wrapper = mount(AddressField, { props: defaultProps })
-
-      wrapper.vm.address.postalCode = '04620'
-      await wrapper.vm.$nextTick()
-      wrapper.vm.validatePostalCode()
-
-      expect(wrapper.vm.postalCodeError).toBeNull()
-    })
-  })
-
-  describe('Country Validation', () => {
-    it('requires country selection', async () => {
-      const wrapper = mount(AddressField, { props: defaultProps })
-
-      wrapper.vm.address.country = ''
-      await wrapper.vm.$nextTick()
-      wrapper.vm.validateCountry()
-
-      expect(wrapper.vm.countryError).not.toBeNull()
-    })
-
-    it('accepts country selection', async () => {
-      const wrapper = mount(AddressField, { props: defaultProps })
-
-      wrapper.vm.address.country = 'KR'
-      await wrapper.vm.$nextTick()
-      wrapper.vm.validateCountry()
-
-      expect(wrapper.vm.countryError).toBeNull()
-    })
-  })
-
-  describe('Address Formatting', () => {
-    it('formats complete address', () => {
-      const wrapper = mount(AddressField, {
-        props: {
-          modelValue: {
-            street: '123 Main Street',
-            city: 'Seoul',
-            state: 'Seoul',
-            postalCode: '04620',
-            country: 'KR',
-            building: 'Suite 200'
-          }
-        }
-      })
-
-      expect(wrapper.vm.formatAddress).toContain('123 Main Street')
-      expect(wrapper.vm.formatAddress).toContain('Suite 200')
-      expect(wrapper.vm.formatAddress).toContain('Seoul')
-      expect(wrapper.vm.formatAddress).toContain('04620')
-      expect(wrapper.vm.formatAddress).toContain('South Korea')
-    })
-
-    it('omits empty optional fields', () => {
-      const wrapper = mount(AddressField, {
-        props: {
-          modelValue: {
-            street: '456 Oak Ave',
-            city: 'Tokyo',
-            state: '',
-            postalCode: '150-0002',
-            country: 'JP',
-            building: ''
-          }
-        }
-      })
-
-      const formatted = wrapper.vm.formatAddress
-      expect(formatted).toContain('456 Oak Ave')
-      expect(formatted).toContain('Tokyo')
-      expect(formatted).not.toContain('undefined')
-    })
-  })
-
-  describe('Completion Status', () => {
-    it('is not complete when required fields missing', async () => {
-      const wrapper = mount(AddressField, { props: defaultProps })
-
-      wrapper.vm.address.street = '123 Street'
-      wrapper.vm.address.city = 'Seoul'
-      wrapper.vm.address.postalCode = ''
-      wrapper.vm.address.country = ''
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.isComplete).toBe(false)
-    })
-
-    it('is complete when all required fields filled', async () => {
-      const wrapper = mount(AddressField, { props: defaultProps })
-
-      wrapper.vm.address.street = '123 Street'
-      wrapper.vm.address.city = 'Seoul'
-      wrapper.vm.address.postalCode = '04620'
-      wrapper.vm.address.country = 'KR'
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.isComplete).toBe(true)
-    })
-
-    it('shows success alert when complete', async () => {
-      const wrapper = mount(AddressField, { props: defaultProps })
-
-      wrapper.vm.address = {
-        street: '123 Main Street',
-        city: 'Seoul',
-        state: 'Seoul',
-        postalCode: '04620',
-        country: 'KR',
-        building: 'Suite 200'
-      }
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.text()).toContain('Address is valid')
-    })
-  })
-
-  describe('Props Updates', () => {
-    it('loads address from modelValue prop', () => {
-      const props = {
-        modelValue: {
-          street: '123 Test Street',
-          city: 'Seoul',
-          state: 'Seoul',
-          postalCode: '04620',
-          country: 'KR',
-          building: 'Apt 5F'
-        }
-      }
-
-      const wrapper = mount(AddressField, { props })
-
-      expect(wrapper.vm.address.street).toBe('123 Test Street')
-      expect(wrapper.vm.address.city).toBe('Seoul')
-      expect(wrapper.vm.address.country).toBe('KR')
-    })
-  })
-
-  describe('Accessibility', () => {
-    it('shows required indicators', () => {
-      const wrapper = mount(AddressField, { props: defaultProps })
-
-      const labels = wrapper.findAll('label')
-      const requiredLabels = labels.filter((l) => l.text().includes('*'))
-
-      expect(requiredLabels.length).toBeGreaterThan(0)
-    })
-
-    it('shows optional indicators', () => {
-      const wrapper = mount(AddressField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('(optional)')
-    })
-  })
-})
diff --git a/oms-wms-erp/src/components/fields/domain/AddressField/AddressField.stories.ts b/oms-wms-erp/src/components/fields/domain/AddressField/AddressField.stories.ts
deleted file mode 100644
index 9197e270..00000000
--- a/oms-wms-erp/src/components/fields/domain/AddressField/AddressField.stories.ts
+++ /dev/null
@@ -1,107 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3'
-import AddressField from './AddressField.vue'
-
-const meta: Meta<typeof AddressField> = {
-  title: 'Fields/Domain/AddressField',
-  component: AddressField
-}
-
-export default meta
-type Story = StoryObj<typeof AddressField>
-
-const Template = (args: any) => ({
-  components: { AddressField },
-  setup() {
-    return { args }
-  },
-  template: `
-    <div>
-      <AddressField
-        v-bind="args"
-        @update:modelValue="args.modelValue = $event"
-      />
-      <div v-if="args.modelValue" class="mt-3">
-        <strong>Address:</strong>
-        <p>{{ args.modelValue.street }}, {{ args.modelValue.city }}, {{ args.modelValue.country }}</p>
-      </div>
-    </div>
-  `
-})
-
-export const Empty: Story = {
-  render: Template,
-  args: {
-    modelValue: null
-  }
-}
-
-export const Seoul: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      street: '123 Gangnam Street',
-      city: 'Seoul',
-      state: 'Seoul',
-      postalCode: '04620',
-      country: 'KR',
-      building: 'Suite 200'
-    }
-  }
-}
-
-export const USA: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      street: '456 Main Street',
-      city: 'New York',
-      state: 'NY',
-      postalCode: '10001',
-      country: 'US',
-      building: 'Apt 5F'
-    }
-  }
-}
-
-export const Japan: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      street: '789 Shibuya',
-      city: 'Tokyo',
-      state: 'Tokyo',
-      postalCode: '150-0002',
-      country: 'JP',
-      building: ''
-    }
-  }
-}
-
-export const FormValidation: Story = {
-  render: (args: any) => ({
-    components: { AddressField },
-    setup() {
-      return { args }
-    },
-    template: `
-      <div>
-        <AddressField
-          v-bind="args"
-          @update:modelValue="args.modelValue = $event"
-        />
-        <div class="alert alert-info mt-3">
-          <strong>💡 Try to:</strong>
-          <ul>
-            <li>Leave street address empty → shows error</li>
-            <li>Enter less than 5 characters → shows error</li>
-            <li>Select a country → enables validation</li>
-            <li>Complete all required fields → shows success</li>
-          </ul>
-        </div>
-      </div>
-    `
-  }),
-  args: {
-    modelValue: null
-  }
-}
diff --git a/oms-wms-erp/src/components/fields/domain/AddressField/AddressField.vue b/oms-wms-erp/src/components/fields/domain/AddressField/AddressField.vue
deleted file mode 100644
index 89b35b1e..00000000
--- a/oms-wms-erp/src/components/fields/domain/AddressField/AddressField.vue
+++ /dev/null
@@ -1,388 +0,0 @@
-<template>
-  <div class="address-field">
-    <div class="address-group">
-      <!-- Street Address -->
-      <div class="form-group col-full">
-        <label class="form-label">
-          Street Address
-          <span class="text-danger">*</span>
-        </label>
-        <input
-          v-model="address.street"
-          type="text"
-          class="form-control"
-          :class="{ 'is-invalid': streetError }"
-          placeholder="e.g., 123 Main Street"
-          @blur="validateStreet"
-        />
-        <div v-if="streetError" class="invalid-feedback d-block">
-          {{ streetError }}
-        </div>
-      </div>
-
-      <!-- City -->
-      <div class="form-group">
-        <label class="form-label">
-          City
-          <span class="text-danger">*</span>
-        </label>
-        <input
-          v-model="address.city"
-          type="text"
-          class="form-control"
-          :class="{ 'is-invalid': cityError }"
-          placeholder="e.g., Seoul"
-          @blur="validateCity"
-        />
-        <div v-if="cityError" class="invalid-feedback d-block">
-          {{ cityError }}
-        </div>
-      </div>
-
-      <!-- Postal Code -->
-      <div class="form-group">
-        <label class="form-label">
-          Postal Code
-          <span class="text-danger">*</span>
-        </label>
-        <input
-          v-model="address.postalCode"
-          type="text"
-          class="form-control"
-          :class="{ 'is-invalid': postalCodeError }"
-          placeholder="e.g., 04620"
-          @blur="validatePostalCode"
-        />
-        <div v-if="postalCodeError" class="invalid-feedback d-block">
-          {{ postalCodeError }}
-        </div>
-      </div>
-
-      <!-- Country -->
-      <div class="form-group">
-        <label class="form-label">
-          Country
-          <span class="text-danger">*</span>
-        </label>
-        <select
-          v-model="address.country"
-          class="form-control"
-          :class="{ 'is-invalid': countryError }"
-          @blur="validateCountry"
-        >
-          <option value="">-- Select Country --</option>
-          <option value="KR">South Korea (KR)</option>
-          <option value="US">United States (US)</option>
-          <option value="JP">Japan (JP)</option>
-          <option value="CN">China (CN)</option>
-          <option value="SG">Singapore (SG)</option>
-          <option value="TW">Taiwan (TW)</option>
-        </select>
-        <div v-if="countryError" class="invalid-feedback d-block">
-          {{ countryError }}
-        </div>
-      </div>
-
-      <!-- State/Province (Optional) -->
-      <div class="form-group">
-        <label class="form-label">State / Province</label>
-        <input
-          v-model="address.state"
-          type="text"
-          class="form-control"
-          placeholder="e.g., Gyeonggi-do (optional)"
-        />
-      </div>
-
-      <!-- Building / Suite (Optional) -->
-      <div class="form-group col-full">
-        <label class="form-label">Building / Suite / Apt (Optional)</label>
-        <input
-          v-model="address.building"
-          type="text"
-          class="form-control"
-          placeholder="e.g., Suite 200 / Apt 5F"
-        />
-      </div>
-    </div>
-
-    <!-- Address Summary -->
-    <div v-if="isComplete" class="address-summary mt-2">
-      <small class="text-muted">
-        📍 <strong>{{ formatAddress }}</strong>
-      </small>
-    </div>
-
-    <!-- Validation Summary -->
-    <div v-if="hasErrors" class="alert alert-danger mt-2">
-      ⚠️ Please complete all required fields (marked with *)
-    </div>
-
-    <div v-if="isComplete && !hasErrors" class="alert alert-success mt-2">
-      ✅ Address is valid and complete
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue'
-
-interface Address {
-  street: string
-  city: string
-  state?: string
-  postalCode: string
-  country: string
-  building?: string
-}
-
-const props = defineProps<{
-  modelValue: Address | null
-}>()
-
-const emit = defineEmits<{
-  'update:modelValue': [value: Address | null]
-}>()
-
-// State
-const address = ref<Address>({
-  street: props.modelValue?.street || '',
-  city: props.modelValue?.city || '',
-  state: props.modelValue?.state || '',
-  postalCode: props.modelValue?.postalCode || '',
-  country: props.modelValue?.country || '',
-  building: props.modelValue?.building || ''
-})
-
-const streetError = ref<string | null>(null)
-const cityError = ref<string | null>(null)
-const postalCodeError = ref<string | null>(null)
-const countryError = ref<string | null>(null)
-
-// Computed
-const isComplete = computed(() => {
-  return (
-    address.value.street.trim().length > 0 &&
-    address.value.city.trim().length > 0 &&
-    address.value.postalCode.trim().length > 0 &&
-    address.value.country.length > 0 &&
-    !hasErrors.value
-  )
-})
-
-const hasErrors = computed(() => {
-  return (
-    streetError.value !== null ||
-    cityError.value !== null ||
-    postalCodeError.value !== null ||
-    countryError.value !== null
-  )
-})
-
-const formatAddress = computed(() => {
-  const parts = []
-
-  if (address.value.street) parts.push(address.value.street)
-  if (address.value.building) parts.push(address.value.building)
-  if (address.value.city) parts.push(address.value.city)
-  if (address.value.state) parts.push(address.value.state)
-  if (address.value.postalCode) parts.push(address.value.postalCode)
-  if (address.value.country) {
-    const countryName = getCountryName(address.value.country)
-    parts.push(countryName)
-  }
-
-  return parts.join(', ')
-})
-
-// Methods
-const validateStreet = () => {
-  streetError.value = null
-
-  if (!address.value.street.trim()) {
-    streetError.value = 'Street address is required'
-    return
-  }
-
-  if (address.value.street.trim().length < 5) {
-    streetError.value = 'Street address must be at least 5 characters'
-    return
-  }
-
-  emitUpdate()
-}
-
-const validateCity = () => {
-  cityError.value = null
-
-  if (!address.value.city.trim()) {
-    cityError.value = 'City is required'
-    return
-  }
-
-  if (address.value.city.trim().length < 2) {
-    cityError.value = 'City must be at least 2 characters'
-    return
-  }
-
-  emitUpdate()
-}
-
-const validatePostalCode = () => {
-  postalCodeError.value = null
-
-  if (!address.value.postalCode.trim()) {
-    postalCodeError.value = 'Postal code is required'
-    return
-  }
-
-  // Basic postal code validation (5-10 characters)
-  if (!/^[0-9\-\s]{3,10}$/.test(address.value.postalCode.trim())) {
-    postalCodeError.value = 'Postal code format is invalid'
-    return
-  }
-
-  emitUpdate()
-}
-
-const validateCountry = () => {
-  countryError.value = null
-
-  if (!address.value.country) {
-    countryError.value = 'Country is required'
-    return
-  }
-
-  emitUpdate()
-}
-
-const emitUpdate = () => {
-  if (isComplete.value) {
-    emit('update:modelValue', { ...address.value })
-  }
-}
-
-const getCountryName = (code: string): string => {
-  const countries: Record<string, string> = {
-    KR: 'South Korea',
-    US: 'United States',
-    JP: 'Japan',
-    CN: 'China',
-    SG: 'Singapore',
-    TW: 'Taiwan'
-  }
-  return countries[code] || code
-}
-</script>
-
-<style scoped>
-.address-field {
-  margin-bottom: 1.5rem;
-}
-
-.address-group {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: 1rem;
-  padding: 1rem;
-  border: 1px solid #dee2e6;
-  border-radius: 4px;
-  background-color: #f8f9fa;
-}
-
-.col-full {
-  grid-column: 1 / -1;
-}
-
-.form-group {
-  display: flex;
-  flex-direction: column;
-}
-
-.form-label {
-  font-weight: 500;
-  margin-bottom: 0.5rem;
-  font-size: 0.875rem;
-}
-
-.form-control {
-  border-radius: 4px;
-  border: 1px solid #dee2e6;
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-  font-family: inherit;
-}
-
-.form-control:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-
-.form-control.is-invalid {
-  border-color: #dc3545;
-}
-
-.form-control:disabled {
-  background-color: #e9ecef;
-  opacity: 1;
-  cursor: not-allowed;
-}
-
-.text-danger {
-  color: #dc3545;
-  margin-left: 0.25rem;
-}
-
-.invalid-feedback {
-  color: #dc3545;
-  font-size: 0.875rem;
-  margin-top: 0.25rem;
-  display: block;
-}
-
-.d-block {
-  display: block;
-}
-
-.address-summary {
-  padding: 0.75rem;
-  background-color: #e7f3ff;
-  border-left: 3px solid #0d6efd;
-  border-radius: 4px;
-  font-size: 0.875rem;
-  line-height: 1.6;
-}
-
-.alert {
-  padding: 0.75rem 1rem;
-  border-radius: 4px;
-  font-size: 0.875rem;
-  border: 1px solid transparent;
-  margin-bottom: 1rem;
-}
-
-.alert-danger {
-  background-color: #f8d7da;
-  color: #721c24;
-  border-color: #f5c6cb;
-}
-
-.alert-success {
-  background-color: #d4edda;
-  color: #155724;
-  border-color: #c3e6cb;
-}
-
-.mt-2 {
-  margin-top: 0.5rem;
-}
-
-small {
-  display: block;
-}
-
-strong {
-  font-weight: 600;
-}
-</style>
diff --git a/oms-wms-erp/src/components/fields/domain/ApprovalField/ApprovalField.spec.ts b/oms-wms-erp/src/components/fields/domain/ApprovalField/ApprovalField.spec.ts
deleted file mode 100644
index ab374f48..00000000
--- a/oms-wms-erp/src/components/fields/domain/ApprovalField/ApprovalField.spec.ts
+++ /dev/null
@@ -1,341 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { mount } from '@vue/test-utils'
-import ApprovalField from './ApprovalField.vue'
-
-describe('ApprovalField (Domain Field)', () => {
-  const defaultProps = {
-    modelValue: null
-  }
-
-  describe('Rendering', () => {
-    it('renders approval type dropdown', () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Approval Type')
-      expect(wrapper.text()).toContain('Purchase Order')
-    })
-
-    it('renders amount input field', () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Amount / Value')
-    })
-
-    it('renders approver selection checkboxes', () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Required Approver(s)')
-      expect(wrapper.text()).toContain('John Manager')
-      expect(wrapper.text()).toContain('CFO')
-    })
-
-    it('renders approval status dropdown', () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Approval Status')
-    })
-
-    it('renders approval notes textarea', () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Approval Notes')
-    })
-
-    it('renders approval date input', () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Approval Date')
-    })
-  })
-
-  describe('Approval Type Validation', () => {
-    it('requires approval type', async () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      wrapper.vm.approval.type = ''
-      wrapper.vm.validateType()
-
-      expect(wrapper.vm.typeError).not.toBeNull()
-      expect(wrapper.vm.typeError).toContain('required')
-    })
-
-    it('accepts valid approval type', async () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      wrapper.vm.approval.type = 'PURCHASE_ORDER'
-      wrapper.vm.validateType()
-
-      expect(wrapper.vm.typeError).toBeNull()
-    })
-
-    it('supports 5 approval types', () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Purchase Order')
-      expect(wrapper.text()).toContain('Inventory Transfer')
-      expect(wrapper.text()).toContain('Customer Credit')
-      expect(wrapper.text()).toContain('Expense Report')
-      expect(wrapper.text()).toContain('Price Adjustment')
-    })
-  })
-
-  describe('Approver Selection', () => {
-    it('requires at least one approver', () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      wrapper.vm.approval.type = 'PURCHASE_ORDER'
-      wrapper.vm.approval.approverIds = []
-      wrapper.vm.validateAndEmit()
-
-      expect(wrapper.vm.approverError).not.toBeNull()
-      expect(wrapper.vm.approverError).toContain('At least one approver')
-    })
-
-    it('allows single approver selection', () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      wrapper.vm.toggleApprover('manager1')
-
-      expect(wrapper.vm.approval.approverIds).toContain('manager1')
-      expect(wrapper.vm.approverError).toBeNull()
-    })
-
-    it('allows multiple approver selection', () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      wrapper.vm.toggleApprover('manager1')
-      wrapper.vm.toggleApprover('finance')
-      wrapper.vm.toggleApprover('cfo')
-
-      expect(wrapper.vm.approval.approverIds.length).toBe(3)
-    })
-
-    it('can deselect an approver', () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      wrapper.vm.toggleApprover('manager1')
-      expect(wrapper.vm.approval.approverIds).toContain('manager1')
-
-      wrapper.vm.toggleApprover('manager1')
-      expect(wrapper.vm.approval.approverIds).not.toContain('manager1')
-    })
-
-    it('supports 5 approvers', () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      expect(wrapper.vm.availableApprovers.length).toBe(5)
-      expect(wrapper.vm.availableApprovers.some((a) => a.id === 'ceo')).toBe(true)
-    })
-  })
-
-  describe('Amount Field', () => {
-    it('accepts numeric amount', async () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      wrapper.vm.approval.amount = 5000.50
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.approval.amount).toBe(5000.50)
-    })
-
-    it('formats amount in summary', async () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      wrapper.vm.approval.amount = 1500
-      await wrapper.vm.$nextTick()
-
-      const formatted = wrapper.vm.formatAmount(1500)
-      expect(formatted).toBe('1,500.00')
-    })
-
-    it('is optional', async () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      wrapper.vm.approval.type = 'PURCHASE_ORDER'
-      wrapper.vm.toggleApprover('manager1')
-      wrapper.vm.approval.amount = undefined
-
-      expect(wrapper.vm.isComplete).toBe(true)
-    })
-  })
-
-  describe('Approval Status', () => {
-    it('defaults to PENDING', () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      expect(wrapper.vm.approval.status).toBe('PENDING')
-    })
-
-    it('allows status change', () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      wrapper.vm.approval.status = 'APPROVED'
-      expect(wrapper.vm.approval.status).toBe('APPROVED')
-    })
-
-    it('supports 4 status values', () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Pending')
-      expect(wrapper.text()).toContain('Approved')
-      expect(wrapper.text()).toContain('Rejected')
-      expect(wrapper.text()).toContain('Cancelled')
-    })
-  })
-
-  describe('Completion Status', () => {
-    it('is complete when type and approver selected', async () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      wrapper.vm.approval.type = 'PURCHASE_ORDER'
-      wrapper.vm.toggleApprover('manager1')
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.isComplete).toBe(true)
-    })
-
-    it('is not complete when type missing', async () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      wrapper.vm.approval.type = ''
-      wrapper.vm.toggleApprover('manager1')
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.isComplete).toBe(false)
-    })
-
-    it('is not complete when approver missing', async () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      wrapper.vm.approval.type = 'INVENTORY_TRANSFER'
-      wrapper.vm.approval.approverIds = []
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.isComplete).toBe(false)
-    })
-
-    it('shows success alert when complete', async () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      wrapper.vm.approval.type = 'PURCHASE_ORDER'
-      wrapper.vm.toggleApprover('finance')
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.text()).toContain('Approval workflow is configured')
-    })
-
-    it('shows error alert when incomplete', async () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      wrapper.vm.approval.type = ''
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.text()).toContain('Please complete all required fields')
-    })
-  })
-
-  describe('Event Emission', () => {
-    it('emits update:modelValue with complete approval', async () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      wrapper.vm.approval.type = 'EXPENSE_REPORT'
-      wrapper.vm.approval.amount = 500
-      wrapper.vm.toggleApprover('manager1')
-      wrapper.vm.approval.notes = 'Test note'
-      wrapper.vm.validateAndEmit()
-
-      const emitted = wrapper.emitted('update:modelValue')
-      expect(emitted).toBeTruthy()
-      expect(emitted[0][0].type).toBe('EXPENSE_REPORT')
-      expect(emitted[0][0].amount).toBe(500)
-      expect(emitted[0][0].approverIds).toContain('manager1')
-      expect(emitted[0][0].notes).toBe('Test note')
-    })
-
-    it('does not emit when type missing', () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      wrapper.vm.approval.type = ''
-      wrapper.vm.toggleApprover('manager1')
-
-      const emitted = wrapper.emitted('update:modelValue')
-      expect(emitted).toBeFalsy()
-    })
-  })
-
-  describe('Props Updates', () => {
-    it('loads approval from modelValue prop', () => {
-      const props = {
-        modelValue: {
-          type: 'PURCHASE_ORDER',
-          amount: 10000,
-          approverIds: ['manager1', 'finance'],
-          status: 'PENDING',
-          notes: 'Test notes',
-          approvalDate: '2026-08-02'
-        }
-      }
-
-      const wrapper = mount(ApprovalField, { props })
-
-      expect(wrapper.vm.approval.type).toBe('PURCHASE_ORDER')
-      expect(wrapper.vm.approval.amount).toBe(10000)
-      expect(wrapper.vm.approval.approverIds).toEqual(['manager1', 'finance'])
-      expect(wrapper.vm.approval.notes).toBe('Test notes')
-    })
-  })
-
-  describe('Selected Approvers Summary', () => {
-    it('shows summary when complete', async () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      wrapper.vm.approval.type = 'PURCHASE_ORDER'
-      wrapper.vm.toggleApprover('manager1')
-      wrapper.vm.toggleApprover('finance')
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.text()).toContain('John Manager')
-      expect(wrapper.text()).toContain('Finance Controller')
-    })
-
-    it('displays amount in summary', async () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      wrapper.vm.approval.type = 'CUSTOMER_CREDIT'
-      wrapper.vm.approval.amount = 5000
-      wrapper.vm.toggleApprover('cfo')
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.text()).toContain('5,000.00')
-    })
-
-    it('shows status badge', async () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      wrapper.vm.approval.type = 'INVENTORY_TRANSFER'
-      wrapper.vm.toggleApprover('manager2')
-      wrapper.vm.approval.status = 'APPROVED'
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.text()).toContain('APPROVED')
-    })
-  })
-
-  describe('Accessibility', () => {
-    it('shows required indicators', () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      const labels = wrapper.findAll('label')
-      const requiredLabels = labels.filter((l) => l.text().includes('*'))
-
-      expect(requiredLabels.length).toBeGreaterThan(0)
-    })
-
-    it('shows approver roles', () => {
-      const wrapper = mount(ApprovalField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Department Manager')
-      expect(wrapper.text()).toContain('Chief Financial Officer')
-    })
-  })
-})
diff --git a/oms-wms-erp/src/components/fields/domain/ApprovalField/ApprovalField.stories.ts b/oms-wms-erp/src/components/fields/domain/ApprovalField/ApprovalField.stories.ts
deleted file mode 100644
index 98994e0f..00000000
--- a/oms-wms-erp/src/components/fields/domain/ApprovalField/ApprovalField.stories.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3'
-import ApprovalField from './ApprovalField.vue'
-
-const meta: Meta<typeof ApprovalField> = {
-  title: 'Fields/Domain/ApprovalField',
-  component: ApprovalField
-}
-
-export default meta
-type Story = StoryObj<typeof ApprovalField>
-
-const Template = (args: any) => ({
-  components: { ApprovalField },
-  setup() {
-    return { args }
-  },
-  template: `
-    <div>
-      <ApprovalField
-        v-bind="args"
-        @update:modelValue="args.modelValue = $event"
-      />
-      <div v-if="args.modelValue" class="mt-3">
-        <strong>Approval:</strong>
-        <p>Type: {{ args.modelValue.type }}</p>
-        <p>Approvers: {{ args.modelValue.approverIds.join(', ') }}</p>
-        <p>Status: {{ args.modelValue.status }}</p>
-      </div>
-    </div>
-  `
-})
-
-export const Empty: Story = {
-  render: Template,
-  args: {
-    modelValue: null
-  }
-}
-
-export const PurchaseOrder: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      type: 'PURCHASE_ORDER',
-      amount: 5000,
-      approverIds: ['manager1', 'finance'],
-      status: 'PENDING',
-      notes: 'Urgent - vendor lead time',
-      approvalDate: '2026-08-02'
-    }
-  }
-}
-
-export const InventoryTransfer: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      type: 'INVENTORY_TRANSFER',
-      amount: 2500,
-      approverIds: ['manager2'],
-      status: 'APPROVED',
-      notes: 'Inter-warehouse transfer',
-      approvalDate: '2026-08-01'
-    }
-  }
-}
-
-export const Rejected: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      type: 'EXPENSE_REPORT',
-      amount: 750,
-      approverIds: ['manager1'],
-      status: 'REJECTED',
-      notes: 'Missing supporting documentation',
-      approvalDate: '2026-07-31'
-    }
-  }
-}
-
-export const HighValue: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      type: 'CUSTOMER_CREDIT',
-      amount: 50000,
-      approverIds: ['finance', 'cfo', 'ceo'],
-      status: 'PENDING',
-      notes: 'New enterprise customer, long-term contract',
-      approvalDate: ''
-    }
-  }
-}
diff --git a/oms-wms-erp/src/components/fields/domain/ApprovalField/ApprovalField.vue b/oms-wms-erp/src/components/fields/domain/ApprovalField/ApprovalField.vue
deleted file mode 100644
index 9e78fbc8..00000000
--- a/oms-wms-erp/src/components/fields/domain/ApprovalField/ApprovalField.vue
+++ /dev/null
@@ -1,428 +0,0 @@
-<template>
-  <div class="approval-field">
-    <div class="approval-group">
-      <!-- Approval Type -->
-      <div class="form-group">
-        <label class="form-label">
-          Approval Type
-          <span class="text-danger">*</span>
-        </label>
-        <select
-          v-model="approval.type"
-          class="form-control"
-          :class="{ 'is-invalid': typeError }"
-          @blur="validateType"
-        >
-          <option value="">-- Select Type --</option>
-          <option value="PURCHASE_ORDER">Purchase Order</option>
-          <option value="INVENTORY_TRANSFER">Inventory Transfer</option>
-          <option value="CUSTOMER_CREDIT">Customer Credit Limit</option>
-          <option value="EXPENSE_REPORT">Expense Report</option>
-          <option value="PRICE_ADJUSTMENT">Price Adjustment</option>
-        </select>
-        <div v-if="typeError" class="invalid-feedback d-block">
-          {{ typeError }}
-        </div>
-      </div>
-
-      <!-- Approval Amount/Value -->
-      <div class="form-group">
-        <label class="form-label">Amount / Value</label>
-        <input
-          v-model="approval.amount"
-          type="number"
-          class="form-control"
-          placeholder="0.00"
-          step="0.01"
-        />
-      </div>
-
-      <!-- Approver Selection -->
-      <div class="form-group col-full">
-        <label class="form-label">
-          Required Approver(s)
-          <span class="text-danger">*</span>
-        </label>
-        <div class="approver-list">
-          <div v-for="approver in availableApprovers" :key="approver.id" class="form-check">
-            <input
-              :id="`approver-${approver.id}`"
-              type="checkbox"
-              class="form-check-input"
-              :checked="isApproverSelected(approver.id)"
-              @change="toggleApprover(approver.id)"
-            />
-            <label :for="`approver-${approver.id}`" class="form-check-label">
-              {{ approver.name }}
-              <small class="text-muted d-block">{{ approver.role }}</small>
-            </label>
-          </div>
-        </div>
-        <div v-if="approverError" class="invalid-feedback d-block mt-2">
-          {{ approverError }}
-        </div>
-      </div>
-
-      <!-- Current Approval Status -->
-      <div class="form-group col-full">
-        <label class="form-label">Approval Status</label>
-        <select v-model="approval.status" class="form-control">
-          <option value="PENDING">🕐 Pending</option>
-          <option value="APPROVED">✅ Approved</option>
-          <option value="REJECTED">❌ Rejected</option>
-          <option value="CANCELLED">🚫 Cancelled</option>
-        </select>
-      </div>
-
-      <!-- Approval Notes -->
-      <div class="form-group col-full">
-        <label class="form-label">Approval Notes (Optional)</label>
-        <textarea
-          v-model="approval.notes"
-          class="form-control"
-          rows="3"
-          placeholder="Add comments, conditions, or notes for approval..."
-        />
-      </div>
-
-      <!-- Approval Date -->
-      <div class="form-group">
-        <label class="form-label">Approval Date</label>
-        <input
-          v-model="approval.approvalDate"
-          type="date"
-          class="form-control"
-        />
-      </div>
-    </div>
-
-    <!-- Approval Summary -->
-    <div v-if="isComplete" class="approval-summary mt-2">
-      <small class="text-muted">
-        ✓ <strong>{{ approval.type }}</strong> —
-        <span v-if="approval.amount">${{ formatAmount(approval.amount) }} —</span>
-        <span v-if="selectedApprovers.length > 0">
-          {{ selectedApprovers.map((a) => a.name).join(', ') }}
-        </span>
-        <span class="ms-2" :class="getStatusBadgeClass()">
-          {{ approval.status }}
-        </span>
-      </small>
-    </div>
-
-    <!-- Validation Status -->
-    <div v-if="hasErrors" class="alert alert-danger mt-2">
-      ⚠️ Please complete all required fields
-    </div>
-
-    <div v-if="isComplete && !hasErrors" class="alert alert-success mt-2">
-      ✅ Approval workflow is configured
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue'
-
-interface Approver {
-  id: string
-  name: string
-  role: string
-  level: number
-}
-
-interface Approval {
-  type: string
-  amount?: number
-  approverIds: string[]
-  status: string
-  notes?: string
-  approvalDate?: string
-}
-
-const props = defineProps<{
-  modelValue: Approval | null
-}>()
-
-const emit = defineEmits<{
-  'update:modelValue': [value: Approval | null]
-}>()
-
-// Available approvers
-const availableApprovers: Approver[] = [
-  { id: 'manager1', name: 'John Manager', role: 'Department Manager', level: 1 },
-  { id: 'manager2', name: 'Sarah Director', role: 'Director', level: 2 },
-  { id: 'finance', name: 'Finance Controller', role: 'Finance', level: 3 },
-  { id: 'cfo', name: 'CFO', role: 'Chief Financial Officer', level: 4 },
-  { id: 'ceo', name: 'CEO', role: 'Chief Executive Officer', level: 5 }
-]
-
-// State
-const approval = ref<Approval>({
-  type: props.modelValue?.type || '',
-  amount: props.modelValue?.amount || undefined,
-  approverIds: props.modelValue?.approverIds || [],
-  status: props.modelValue?.status || 'PENDING',
-  notes: props.modelValue?.notes || '',
-  approvalDate: props.modelValue?.approvalDate || ''
-})
-
-const typeError = ref<string | null>(null)
-const approverError = ref<string | null>(null)
-
-// Computed
-const selectedApprovers = computed(() => {
-  return availableApprovers.filter((a) => approval.value.approverIds.includes(a.id))
-})
-
-const isComplete = computed(() => {
-  return (
-    approval.value.type.length > 0 &&
-    approval.value.approverIds.length > 0 &&
-    !hasErrors.value
-  )
-})
-
-const hasErrors = computed(() => {
-  return typeError.value !== null || approverError.value !== null
-})
-
-// Methods
-const validateType = () => {
-  typeError.value = null
-
-  if (!approval.value.type) {
-    typeError.value = 'Approval type is required'
-    return
-  }
-
-  validateAndEmit()
-}
-
-const isApproverSelected = (approverId: string): boolean => {
-  return approval.value.approverIds.includes(approverId)
-}
-
-const toggleApprover = (approverId: string) => {
-  approverError.value = null
-
-  const index = approval.value.approverIds.indexOf(approverId)
-  if (index > -1) {
-    approval.value.approverIds.splice(index, 1)
-  } else {
-    approval.value.approverIds.push(approverId)
-  }
-
-  validateAndEmit()
-}
-
-const validateAndEmit = () => {
-  typeError.value = null
-  approverError.value = null
-
-  if (!approval.value.type) {
-    typeError.value = 'Approval type is required'
-    return
-  }
-
-  if (approval.value.approverIds.length === 0) {
-    approverError.value = 'At least one approver must be selected'
-    return
-  }
-
-  emit('update:modelValue', { ...approval.value })
-}
-
-const formatAmount = (amount: number): string => {
-  return amount.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 })
-}
-
-const getStatusBadgeClass = (): string => {
-  const status = approval.value.status
-  if (status === 'APPROVED') return 'badge bg-success'
-  if (status === 'REJECTED') return 'badge bg-danger'
-  if (status === 'CANCELLED') return 'badge bg-secondary'
-  return 'badge bg-warning'
-}
-</script>
-
-<style scoped>
-.approval-field {
-  margin-bottom: 1.5rem;
-}
-
-.approval-group {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: 1rem;
-  padding: 1rem;
-  border: 1px solid #dee2e6;
-  border-radius: 4px;
-  background-color: #f8f9fa;
-}
-
-.col-full {
-  grid-column: 1 / -1;
-}
-
-.form-group {
-  display: flex;
-  flex-direction: column;
-}
-
-.form-label {
-  font-weight: 500;
-  margin-bottom: 0.5rem;
-  font-size: 0.875rem;
-}
-
-.form-control {
-  border-radius: 4px;
-  border: 1px solid #dee2e6;
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-  font-family: inherit;
-}
-
-.form-control:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-
-.form-control.is-invalid {
-  border-color: #dc3545;
-}
-
-textarea.form-control {
-  resize: vertical;
-  min-height: 80px;
-}
-
-.text-danger {
-  color: #dc3545;
-  margin-left: 0.25rem;
-}
-
-.text-muted {
-  color: #6c757d;
-  font-size: 0.875rem;
-}
-
-.invalid-feedback {
-  color: #dc3545;
-  font-size: 0.875rem;
-  margin-top: 0.25rem;
-  display: block;
-}
-
-.d-block {
-  display: block;
-}
-
-.mt-2 {
-  margin-top: 0.5rem;
-}
-
-.ms-2 {
-  margin-left: 0.5rem;
-}
-
-.approver-list {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
-  gap: 0.75rem;
-  padding: 0.75rem;
-  border: 1px solid #dee2e6;
-  border-radius: 4px;
-  background-color: #fff;
-}
-
-.form-check {
-  display: flex;
-  gap: 0.5rem;
-}
-
-.form-check-input {
-  width: 1rem;
-  height: 1rem;
-  margin-top: 0.25rem;
-  cursor: pointer;
-  accent-color: #0d6efd;
-}
-
-.form-check-label {
-  cursor: pointer;
-  margin-bottom: 0;
-  user-select: none;
-  font-size: 0.875rem;
-}
-
-.form-check-label small {
-  margin-top: 0.25rem;
-  display: block;
-}
-
-.approval-summary {
-  padding: 0.75rem;
-  background-color: #e7f3ff;
-  border-left: 3px solid #0d6efd;
-  border-radius: 4px;
-  font-size: 0.875rem;
-  line-height: 1.6;
-}
-
-.badge {
-  font-size: 0.75rem;
-  padding: 0.375rem 0.75rem;
-  font-weight: 500;
-}
-
-.bg-success {
-  background-color: #28a745;
-  color: #fff;
-}
-
-.bg-danger {
-  background-color: #dc3545;
-  color: #fff;
-}
-
-.bg-warning {
-  background-color: #ffc107;
-  color: #000;
-}
-
-.bg-secondary {
-  background-color: #6c757d;
-  color: #fff;
-}
-
-.alert {
-  padding: 0.75rem 1rem;
-  border-radius: 4px;
-  font-size: 0.875rem;
-  border: 1px solid transparent;
-  margin-bottom: 1rem;
-}
-
-.alert-danger {
-  background-color: #f8d7da;
-  color: #721c24;
-  border-color: #f5c6cb;
-}
-
-.alert-success {
-  background-color: #d4edda;
-  color: #155724;
-  border-color: #c3e6cb;
-}
-
-small {
-  display: block;
-}
-
-strong {
-  font-weight: 600;
-}
-</style>
diff --git a/oms-wms-erp/src/components/fields/domain/BankAccountField/BankAccountField.spec.ts b/oms-wms-erp/src/components/fields/domain/BankAccountField/BankAccountField.spec.ts
deleted file mode 100644
index 5380159a..00000000
--- a/oms-wms-erp/src/components/fields/domain/BankAccountField/BankAccountField.spec.ts
+++ /dev/null
@@ -1,318 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { mount } from '@vue/test-utils'
-import BankAccountField from './BankAccountField.vue'
-
-describe('BankAccountField (Domain Field)', () => {
-  const defaultProps = {
-    modelValue: null
-  }
-
-  describe('Rendering', () => {
-    it('renders all bank account input fields', () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Account Holder Name')
-      expect(wrapper.text()).toContain('Bank Code')
-      expect(wrapper.text()).toContain('Account Number')
-    })
-
-    it('renders optional account type field', () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Account Type')
-    })
-
-    it('renders optional currency field', () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Currency')
-    })
-
-    it('has bank code select dropdown', () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      const selects = wrapper.findAll('select')
-      expect(selects.length).toBeGreaterThan(0)
-    })
-  })
-
-  describe('Account Holder Name Validation', () => {
-    it('requires account holder name', async () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      const inputs = wrapper.findAll('input[type="text"]')
-      await inputs[0].setValue('')
-      await inputs[0].trigger('blur')
-
-      expect(wrapper.vm.holderError).not.toBeNull()
-      expect(wrapper.vm.holderError).toContain('required')
-    })
-
-    it('validates minimum length', async () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      const inputs = wrapper.findAll('input[type="text"]')
-      await inputs[0].setValue('A')
-      await inputs[0].trigger('blur')
-
-      expect(wrapper.vm.holderError).not.toBeNull()
-      expect(wrapper.vm.holderError).toContain('at least 2 characters')
-    })
-
-    it('validates invalid characters', async () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      const inputs = wrapper.findAll('input[type="text"]')
-      await inputs[0].setValue('John@Smith#')
-      await inputs[0].trigger('blur')
-
-      expect(wrapper.vm.holderError).not.toBeNull()
-      expect(wrapper.vm.holderError).toContain('invalid characters')
-    })
-
-    it('accepts valid name', async () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      const inputs = wrapper.findAll('input[type="text"]')
-      await inputs[0].setValue('John Smith')
-      await inputs[0].trigger('blur')
-
-      expect(wrapper.vm.holderError).toBeNull()
-    })
-  })
-
-  describe('Bank Code Validation', () => {
-    it('requires bank code', async () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      const selects = wrapper.findAll('select')
-      await selects[0].setValue('')
-      await selects[0].trigger('blur')
-
-      expect(wrapper.vm.bankError).not.toBeNull()
-      expect(wrapper.vm.bankError).toContain('Please select a bank')
-    })
-
-    it('accepts bank code selection', async () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      const selects = wrapper.findAll('select')
-      await selects[0].setValue('001')
-      await selects[0].trigger('blur')
-
-      expect(wrapper.vm.bankError).toBeNull()
-    })
-
-    it('supports multiple banks', async () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      const selects = wrapper.findAll('select')
-      const options = selects[0].findAll('option')
-
-      expect(options.length).toBeGreaterThan(5)
-      expect(wrapper.text()).toContain('KB Kookmin Bank')
-      expect(wrapper.text()).toContain('Shinhan Bank')
-    })
-  })
-
-  describe('Account Number Validation', () => {
-    it('requires account number', async () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      wrapper.vm.account.accountNumber = ''
-      await wrapper.vm.$nextTick()
-      wrapper.vm.validateAccountNumber()
-
-      expect(wrapper.vm.accountError).not.toBeNull()
-      expect(wrapper.vm.accountError).toContain('required')
-    })
-
-    it('validates format (digits and hyphens)', async () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      wrapper.vm.account.accountNumber = 'ABC-123-456'
-      await wrapper.vm.$nextTick()
-      wrapper.vm.validateAccountNumber()
-
-      expect(wrapper.vm.accountError).not.toBeNull()
-      expect(wrapper.vm.accountError).toContain('digits and hyphens')
-    })
-
-    it('validates minimum length', async () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      wrapper.vm.account.accountNumber = '12'
-      await wrapper.vm.$nextTick()
-      wrapper.vm.validateAccountNumber()
-
-      expect(wrapper.vm.accountError).not.toBeNull()
-      expect(wrapper.vm.accountError).toContain('3-20 characters')
-    })
-
-    it('accepts valid account number', async () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      wrapper.vm.account.accountNumber = '123-456-789012'
-      await wrapper.vm.$nextTick()
-      wrapper.vm.validateAccountNumber()
-
-      expect(wrapper.vm.accountError).toBeNull()
-    })
-
-    it('accepts account number without hyphens', async () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      wrapper.vm.account.accountNumber = '12345678901'
-      await wrapper.vm.$nextTick()
-      wrapper.vm.validateAccountNumber()
-
-      expect(wrapper.vm.accountError).toBeNull()
-    })
-  })
-
-  describe('Account Summary Display', () => {
-    it('shows summary when complete', async () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      wrapper.vm.account.holderName = 'John Smith'
-      wrapper.vm.account.bankCode = '001'
-      wrapper.vm.account.accountNumber = '123-456-789012'
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.text()).toContain('John Smith')
-      expect(wrapper.text()).toContain('KB Kookmin Bank')
-      expect(wrapper.text()).toContain('123-456-789012')
-    })
-
-    it('does not show summary when incomplete', async () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      wrapper.vm.account.holderName = 'John'
-      wrapper.vm.account.bankCode = ''
-      await wrapper.vm.$nextTick()
-
-      // Account summary not shown
-      expect(wrapper.vm.isComplete).toBe(false)
-    })
-  })
-
-  describe('Completion Status', () => {
-    it('is not complete when required fields missing', async () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      wrapper.vm.account.holderName = 'John Smith'
-      wrapper.vm.account.bankCode = ''
-      wrapper.vm.account.accountNumber = '123-456-789012'
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.isComplete).toBe(false)
-    })
-
-    it('is complete when all required fields filled', async () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      wrapper.vm.account.holderName = 'John Smith'
-      wrapper.vm.account.bankCode = '001'
-      wrapper.vm.account.accountNumber = '123-456-789012'
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.isComplete).toBe(true)
-    })
-
-    it('shows success alert when complete', async () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      wrapper.vm.account.holderName = 'John Smith'
-      wrapper.vm.account.bankCode = '001'
-      wrapper.vm.account.accountNumber = '123-456-789012'
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.text()).toContain('Bank account information is valid')
-    })
-
-    it('shows error alert when incomplete', async () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      wrapper.vm.account.holderName = ''
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.text()).toContain('Please complete all required fields')
-    })
-  })
-
-  describe('Props Updates', () => {
-    it('loads account from modelValue prop', () => {
-      const props = {
-        modelValue: {
-          holderName: 'John Smith',
-          bankCode: '001',
-          accountNumber: '123-456-789012',
-          accountType: 'CHECKING',
-          currency: 'KRW'
-        }
-      }
-
-      const wrapper = mount(BankAccountField, { props })
-
-      expect(wrapper.vm.account.holderName).toBe('John Smith')
-      expect(wrapper.vm.account.bankCode).toBe('001')
-      expect(wrapper.vm.account.accountNumber).toBe('123-456-789012')
-    })
-  })
-
-  describe('Event Emission', () => {
-    it('emits update:modelValue when complete', async () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      wrapper.vm.account.holderName = 'John Smith'
-      wrapper.vm.account.bankCode = '001'
-      wrapper.vm.account.accountNumber = '123-456-789012'
-      await wrapper.vm.$nextTick()
-      await wrapper.vm.emitUpdate()
-
-      const emitted = wrapper.emitted('update:modelValue')
-      expect(emitted).toBeTruthy()
-      expect(emitted[0][0]).toEqual({
-        holderName: 'John Smith',
-        bankCode: '001',
-        accountNumber: '123-456-789012',
-        accountType: '',
-        currency: 'KRW'
-      })
-    })
-  })
-
-  describe('Accessibility', () => {
-    it('shows required indicators', () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      const labels = wrapper.findAll('label')
-      const requiredLabels = labels.filter((l) => l.text().includes('*'))
-
-      expect(requiredLabels.length).toBeGreaterThan(0)
-    })
-
-    it('shows help text for account number format', () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Format: digits and hyphens')
-    })
-  })
-
-  describe('Currency Options', () => {
-    it('supports multiple currencies', () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Korean Won (KRW)')
-      expect(wrapper.text()).toContain('US Dollar (USD)')
-      expect(wrapper.text()).toContain('Euro (EUR)')
-      expect(wrapper.text()).toContain('Japanese Yen (JPY)')
-    })
-
-    it('defaults to KRW currency', async () => {
-      const wrapper = mount(BankAccountField, { props: defaultProps })
-
-      expect(wrapper.vm.account.currency).toBe('KRW')
-    })
-  })
-})
diff --git a/oms-wms-erp/src/components/fields/domain/BankAccountField/BankAccountField.stories.ts b/oms-wms-erp/src/components/fields/domain/BankAccountField/BankAccountField.stories.ts
deleted file mode 100644
index 6005ec05..00000000
--- a/oms-wms-erp/src/components/fields/domain/BankAccountField/BankAccountField.stories.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3'
-import BankAccountField from './BankAccountField.vue'
-
-const meta: Meta<typeof BankAccountField> = {
-  title: 'Fields/Domain/BankAccountField',
-  component: BankAccountField
-}
-
-export default meta
-type Story = StoryObj<typeof BankAccountField>
-
-const Template = (args: any) => ({
-  components: { BankAccountField },
-  setup() {
-    return { args }
-  },
-  template: `
-    <div>
-      <BankAccountField
-        v-bind="args"
-        @update:modelValue="args.modelValue = $event"
-      />
-      <div v-if="args.modelValue" class="mt-3">
-        <strong>Account:</strong>
-        <p>{{ args.modelValue.holderName }} - {{ args.modelValue.accountNumber }}</p>
-      </div>
-    </div>
-  `
-})
-
-export const Empty: Story = {
-  render: Template,
-  args: {
-    modelValue: null
-  }
-}
-
-export const Complete: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      holderName: 'John Smith',
-      bankCode: '001',
-      accountNumber: '123-456-789012',
-      accountType: 'CHECKING',
-      currency: 'KRW'
-    }
-  }
-}
-
-export const Savings: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      holderName: 'Jane Doe',
-      bankCode: '002',
-      accountNumber: '987-654-321098',
-      accountType: 'SAVINGS',
-      currency: 'USD'
-    }
-  }
-}
diff --git a/oms-wms-erp/src/components/fields/domain/BankAccountField/BankAccountField.vue b/oms-wms-erp/src/components/fields/domain/BankAccountField/BankAccountField.vue
deleted file mode 100644
index 6f96f688..00000000
--- a/oms-wms-erp/src/components/fields/domain/BankAccountField/BankAccountField.vue
+++ /dev/null
@@ -1,348 +0,0 @@
-<template>
-  <div class="bank-account-field">
-    <div class="bank-account-group">
-      <!-- Account Holder Name -->
-      <div class="form-group col-full">
-        <label class="form-label">
-          Account Holder Name
-          <span class="text-danger">*</span>
-        </label>
-        <input
-          v-model="account.holderName"
-          type="text"
-          class="form-control"
-          :class="{ 'is-invalid': holderError }"
-          placeholder="e.g., John Smith"
-          @blur="validateHolder"
-        />
-        <div v-if="holderError" class="invalid-feedback d-block">
-          {{ holderError }}
-        </div>
-      </div>
-
-      <!-- Bank Code -->
-      <div class="form-group">
-        <label class="form-label">
-          Bank Code
-          <span class="text-danger">*</span>
-        </label>
-        <select
-          v-model="account.bankCode"
-          class="form-control"
-          :class="{ 'is-invalid': bankError }"
-          @blur="validateBank"
-        >
-          <option value="">-- Select Bank --</option>
-          <option value="001">KB Kookmin Bank (001)</option>
-          <option value="002">Shinhan Bank (002)</option>
-          <option value="003">Hana Bank (003)</option>
-          <option value="004">Hyundai Bank (004)</option>
-          <option value="011">NH Bank (011)</option>
-          <option value="020">Woori Bank (020)</option>
-          <option value="050">Busan Bank (050)</option>
-        </select>
-        <div v-if="bankError" class="invalid-feedback d-block">
-          {{ bankError }}
-        </div>
-      </div>
-
-      <!-- Account Number -->
-      <div class="form-group col-full">
-        <label class="form-label">
-          Account Number
-          <span class="text-danger">*</span>
-        </label>
-        <input
-          v-model="account.accountNumber"
-          type="text"
-          class="form-control"
-          :class="{ 'is-invalid': accountError }"
-          placeholder="e.g., 123-456-789012"
-          @blur="validateAccountNumber"
-        />
-        <small class="text-muted d-block mt-1">
-          Format: digits and hyphens (3-20 characters)
-        </small>
-        <div v-if="accountError" class="invalid-feedback d-block">
-          {{ accountError }}
-        </div>
-      </div>
-
-      <!-- Account Type -->
-      <div class="form-group">
-        <label class="form-label">Account Type</label>
-        <select v-model="account.accountType" class="form-control">
-          <option value="">-- Select Type --</option>
-          <option value="CHECKING">Checking</option>
-          <option value="SAVINGS">Savings</option>
-          <option value="MONEY_MARKET">Money Market</option>
-          <option value="BUSINESS">Business</option>
-        </select>
-      </div>
-
-      <!-- Currency -->
-      <div class="form-group">
-        <label class="form-label">Currency</label>
-        <select v-model="account.currency" class="form-control">
-          <option value="KRW">Korean Won (KRW)</option>
-          <option value="USD">US Dollar (USD)</option>
-          <option value="EUR">Euro (EUR)</option>
-          <option value="JPY">Japanese Yen (JPY)</option>
-        </select>
-      </div>
-    </div>
-
-    <!-- Account Summary -->
-    <div v-if="isComplete" class="account-summary mt-2">
-      <small class="text-muted">
-        🏦 <strong>{{ account.holderName }}</strong> — {{ getBankName(account.bankCode) }}
-        ({{ account.accountNumber }})
-      </small>
-    </div>
-
-    <!-- Validation Status -->
-    <div v-if="hasErrors" class="alert alert-danger mt-2">
-      ⚠️ Please complete all required fields
-    </div>
-
-    <div v-if="isComplete && !hasErrors" class="alert alert-success mt-2">
-      ✅ Bank account information is valid
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue'
-
-interface BankAccount {
-  holderName: string
-  bankCode: string
-  accountNumber: string
-  accountType?: string
-  currency?: string
-}
-
-const props = defineProps<{
-  modelValue: BankAccount | null
-}>()
-
-const emit = defineEmits<{
-  'update:modelValue': [value: BankAccount | null]
-}>()
-
-// State
-const account = ref<BankAccount>({
-  holderName: props.modelValue?.holderName || '',
-  bankCode: props.modelValue?.bankCode || '',
-  accountNumber: props.modelValue?.accountNumber || '',
-  accountType: props.modelValue?.accountType || '',
-  currency: props.modelValue?.currency || 'KRW'
-})
-
-const holderError = ref<string | null>(null)
-const bankError = ref<string | null>(null)
-const accountError = ref<string | null>(null)
-
-// Computed
-const isComplete = computed(() => {
-  return (
-    account.value.holderName.trim().length > 0 &&
-    account.value.bankCode.length > 0 &&
-    account.value.accountNumber.trim().length > 0 &&
-    !hasErrors.value
-  )
-})
-
-const hasErrors = computed(() => {
-  return (
-    holderError.value !== null ||
-    bankError.value !== null ||
-    accountError.value !== null
-  )
-})
-
-// Methods
-const validateHolder = () => {
-  holderError.value = null
-
-  if (!account.value.holderName.trim()) {
-    holderError.value = 'Account holder name is required'
-    return
-  }
-
-  if (account.value.holderName.trim().length < 2) {
-    holderError.value = 'Name must be at least 2 characters'
-    return
-  }
-
-  // Allow alphanumeric and common name characters
-  if (!/^[a-zA-Z0-9\s\-\.]+$/.test(account.value.holderName.trim())) {
-    holderError.value = 'Name contains invalid characters'
-    return
-  }
-
-  emitUpdate()
-}
-
-const validateBank = () => {
-  bankError.value = null
-
-  if (!account.value.bankCode) {
-    bankError.value = 'Please select a bank'
-    return
-  }
-
-  emitUpdate()
-}
-
-const validateAccountNumber = () => {
-  accountError.value = null
-
-  if (!account.value.accountNumber.trim()) {
-    accountError.value = 'Account number is required'
-    return
-  }
-
-  // Validate format: digits and hyphens, 3-20 chars
-  if (!/^[0-9\-]{3,20}$/.test(account.value.accountNumber.trim())) {
-    accountError.value = 'Account number must be 3-20 characters (digits and hyphens only)'
-    return
-  }
-
-  emitUpdate()
-}
-
-const emitUpdate = () => {
-  if (isComplete.value) {
-    emit('update:modelValue', { ...account.value })
-  }
-}
-
-const getBankName = (code: string): string => {
-  const banks: Record<string, string> = {
-    '001': 'KB Kookmin Bank',
-    '002': 'Shinhan Bank',
-    '003': 'Hana Bank',
-    '004': 'Hyundai Bank',
-    '011': 'NH Bank',
-    '020': 'Woori Bank',
-    '050': 'Busan Bank'
-  }
-  return banks[code] || 'Bank'
-}
-</script>
-
-<style scoped>
-.bank-account-field {
-  margin-bottom: 1.5rem;
-}
-
-.bank-account-group {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: 1rem;
-  padding: 1rem;
-  border: 1px solid #dee2e6;
-  border-radius: 4px;
-  background-color: #f8f9fa;
-}
-
-.col-full {
-  grid-column: 1 / -1;
-}
-
-.form-group {
-  display: flex;
-  flex-direction: column;
-}
-
-.form-label {
-  font-weight: 500;
-  margin-bottom: 0.5rem;
-  font-size: 0.875rem;
-}
-
-.form-control {
-  border-radius: 4px;
-  border: 1px solid #dee2e6;
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-  font-family: inherit;
-}
-
-.form-control:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-
-.form-control.is-invalid {
-  border-color: #dc3545;
-}
-
-.text-danger {
-  color: #dc3545;
-  margin-left: 0.25rem;
-}
-
-.text-muted {
-  color: #6c757d;
-  font-size: 0.875rem;
-}
-
-.invalid-feedback {
-  color: #dc3545;
-  font-size: 0.875rem;
-  margin-top: 0.25rem;
-  display: block;
-}
-
-.d-block {
-  display: block;
-}
-
-.mt-1 {
-  margin-top: 0.25rem;
-}
-
-.mt-2 {
-  margin-top: 0.5rem;
-}
-
-.account-summary {
-  padding: 0.75rem;
-  background-color: #e7f3ff;
-  border-left: 3px solid #0d6efd;
-  border-radius: 4px;
-  font-size: 0.875rem;
-  line-height: 1.6;
-}
-
-.alert {
-  padding: 0.75rem 1rem;
-  border-radius: 4px;
-  font-size: 0.875rem;
-  border: 1px solid transparent;
-  margin-bottom: 1rem;
-}
-
-.alert-danger {
-  background-color: #f8d7da;
-  color: #721c24;
-  border-color: #f5c6cb;
-}
-
-.alert-success {
-  background-color: #d4edda;
-  color: #155724;
-  border-color: #c3e6cb;
-}
-
-small {
-  display: block;
-}
-
-strong {
-  font-weight: 600;
-}
-</style>
diff --git a/oms-wms-erp/src/components/fields/domain/CustomerField/CustomerField.vue b/oms-wms-erp/src/components/fields/domain/CustomerField/CustomerField.vue
deleted file mode 100644
index cdee328c..00000000
--- a/oms-wms-erp/src/components/fields/domain/CustomerField/CustomerField.vue
+++ /dev/null
@@ -1,416 +0,0 @@
-<template>
-  <div class="customer-field">
-    <!-- Customer Search/Select -->
-    <div class="form-group">
-      <label class="form-label">
-        Customer
-        <span class="text-danger">*</span>
-      </label>
-      <div class="input-group">
-        <input
-          v-model="searchQuery"
-          type="text"
-          class="form-control"
-          placeholder="Search by company name..."
-          @input="handleSearch"
-        />
-        <button
-          v-if="isSearching"
-          class="btn btn-outline-secondary"
-          disabled
-        >
-          <span class="spinner-border spinner-border-sm"></span>
-        </button>
-      </div>
-
-      <!-- Search Results Dropdown -->
-      <div v-if="searchResults.length > 0" class="customer-dropdown">
-        <div
-          v-for="customer in searchResults"
-          :key="customer.id"
-          class="dropdown-item"
-          @click="selectCustomer(customer)"
-        >
-          <strong>{{ customer.name }}</strong>
-          <small class="text-muted d-block">{{ customer.email }}</small>
-        </div>
-      </div>
-
-      <div v-if="searchError" class="invalid-feedback d-block">
-        {{ searchError }}
-      </div>
-    </div>
-
-    <!-- Selected Customer Details -->
-    <div v-if="selectedCustomer" class="card mt-2">
-      <div class="card-body">
-        <div class="row">
-          <div class="col-md-6">
-            <small>
-              <strong>Company:</strong> {{ selectedCustomer.name }}<br>
-              <strong>Email:</strong> {{ selectedCustomer.email }}<br>
-              <strong>Phone:</strong> {{ selectedCustomer.phone }}
-            </small>
-          </div>
-          <div class="col-md-6">
-            <small>
-              <strong>Address:</strong> {{ selectedCustomer.address }}<br>
-              <strong>Tax ID:</strong> {{ selectedCustomer.taxId }}<br>
-              <strong>Status:</strong>
-              <span :class="statusClass">{{ selectedCustomer.status }}</span>
-            </small>
-          </div>
-        </div>
-
-        <!-- Credit Limit Warning -->
-        <div v-if="creditUsagePercent > 70" :class="creditAlertClass" class="mt-2">
-          ⚠️ Credit Usage: {{ creditUsagePercent }}%
-          <strong>({{ formatCurrency(creditUsage) }} / {{ formatCurrency(selectedCustomer.creditLimit) }})</strong>
-        </div>
-
-        <!-- Clear Button -->
-        <button
-          class="btn btn-sm btn-outline-secondary mt-2"
-          @click="clearSelection"
-        >
-          Clear
-        </button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue'
-import { useFormatting } from '@/composables/useFormatting'
-
-interface Customer {
-  id: string
-  name: string
-  email: string
-  phone: string
-  address: string
-  taxId: string
-  status: string
-  creditLimit: number
-  creditUsed: number
-}
-
-const props = defineProps<{
-  modelValue: string // customer ID
-}>()
-
-const emit = defineEmits<{
-  'update:modelValue': [value: string]
-  select: [customer: Customer]
-}>()
-
-const { formatCurrency } = useFormatting()
-
-// State
-const searchQuery = ref('')
-const searchResults = ref<Customer[]>([])
-const selectedCustomer = ref<Customer | null>(null)
-const isSearching = ref(false)
-const searchError = ref<string | null>(null)
-
-// Computed
-const creditUsage = computed(() => {
-  if (!selectedCustomer.value) return 0
-  return selectedCustomer.value.creditUsed || 0
-})
-
-const creditUsagePercent = computed(() => {
-  if (!selectedCustomer.value || selectedCustomer.value.creditLimit === 0) return 0
-  return Math.round((creditUsage.value / selectedCustomer.value.creditLimit) * 100)
-})
-
-const creditAlertClass = computed(() => {
-  const percent = creditUsagePercent.value
-  if (percent > 90) return 'alert alert-danger'
-  if (percent > 70) return 'alert alert-warning'
-  return 'alert alert-info'
-})
-
-const statusClass = computed(() => {
-  if (!selectedCustomer.value) return ''
-  switch (selectedCustomer.value.status) {
-    case 'ACTIVE':
-      return 'badge bg-success'
-    case 'INACTIVE':
-      return 'badge bg-secondary'
-    case 'SUSPENDED':
-      return 'badge bg-danger'
-    default:
-      return 'badge bg-secondary'
-  }
-})
-
-// Methods
-const handleSearch = async (e: Event) => {
-  const input = e.target as HTMLInputElement
-  searchQuery.value = input.value
-
-  if (!searchQuery.value) {
-    searchResults.value = []
-    searchError.value = null
-    return
-  }
-
-  isSearching.value = true
-  searchError.value = null
-
-  try {
-    // Mock API call - would be: await customersApi.searchCustomers(searchQuery.value)
-    const results = await mockSearchCustomers(searchQuery.value)
-    searchResults.value = results
-  } catch (error) {
-    searchError.value = 'Failed to search customers'
-  } finally {
-    isSearching.value = false
-  }
-}
-
-const selectCustomer = async (customer: Customer) => {
-  selectedCustomer.value = customer
-  searchQuery.value = customer.name
-  searchResults.value = []
-
-  emit('update:modelValue', customer.id)
-  emit('select', customer)
-}
-
-const clearSelection = () => {
-  selectedCustomer.value = null
-  searchQuery.value = ''
-  searchResults.value = []
-  emit('update:modelValue', '')
-}
-
-// Mock API - would be replaced with real API call
-const mockSearchCustomers = async (query: string): Promise<Customer[]> => {
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      const mockCustomers: Customer[] = [
-        {
-          id: 'CUST-001',
-          name: 'ABC Corporation',
-          email: 'contact@abc.com',
-          phone: '02-123-4567',
-          address: 'Seoul, Korea',
-          taxId: '123-45-67890',
-          status: 'ACTIVE',
-          creditLimit: 10000000,
-          creditUsed: 7500000
-        },
-        {
-          id: 'CUST-002',
-          name: 'XYZ Industries',
-          email: 'sales@xyz.com',
-          phone: '02-987-6543',
-          address: 'Busan, Korea',
-          taxId: '987-65-43210',
-          status: 'ACTIVE',
-          creditLimit: 5000000,
-          creditUsed: 1500000
-        }
-      ]
-
-      resolve(
-        mockCustomers.filter((c) =>
-          c.name.toLowerCase().includes(query.toLowerCase())
-        )
-      )
-    }, 300)
-  })
-}
-</script>
-
-<style scoped>
-.customer-field {
-  margin-bottom: 1.5rem;
-}
-
-.form-group {
-  margin-bottom: 1rem;
-  position: relative;
-}
-
-.form-label {
-  font-weight: 500;
-  margin-bottom: 0.5rem;
-  display: block;
-  font-size: 0.875rem;
-}
-
-.input-group {
-  display: flex;
-  position: relative;
-}
-
-.form-control {
-  border-radius: 4px;
-  border: 1px solid #dee2e6;
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-  flex: 1;
-}
-
-.form-control:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-
-.btn {
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-  border-radius: 0 4px 4px 0;
-  border: 1px solid #dee2e6;
-  border-left: 0;
-  cursor: pointer;
-}
-
-.btn-outline-secondary {
-  color: #6c757d;
-  border-color: #6c757d;
-}
-
-.btn-outline-secondary:disabled {
-  opacity: 0.65;
-}
-
-.spinner-border {
-  width: 1rem;
-  height: 1rem;
-  border-width: 0.2em;
-}
-
-.customer-dropdown {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  right: 0;
-  background: white;
-  border: 1px solid #dee2e6;
-  border-top: 0;
-  border-radius: 0 0 4px 4px;
-  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
-  z-index: 1000;
-  max-height: 200px;
-  overflow-y: auto;
-}
-
-.dropdown-item {
-  padding: 0.5rem 0.75rem;
-  cursor: pointer;
-  border-bottom: 1px solid #f0f0f0;
-  transition: background-color 0.15s ease-in-out;
-}
-
-.dropdown-item:hover {
-  background-color: #f8f9fa;
-}
-
-.dropdown-item:last-child {
-  border-bottom: none;
-}
-
-.card {
-  border: 1px solid #dee2e6;
-  border-radius: 4px;
-  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
-}
-
-.card-body {
-  padding: 1rem;
-}
-
-.row {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: 1rem;
-}
-
-.col-md-6 {
-  flex: 1;
-}
-
-small {
-  line-height: 1.6;
-  display: block;
-}
-
-.text-muted {
-  color: #6c757d;
-}
-
-.d-block {
-  display: block;
-}
-
-.badge {
-  padding: 0.25rem 0.5rem;
-  font-size: 0.75rem;
-  border-radius: 4px;
-}
-
-.bg-success {
-  background-color: #28a745 !important;
-  color: white;
-}
-
-.bg-secondary {
-  background-color: #6c757d !important;
-  color: white;
-}
-
-.bg-danger {
-  background-color: #dc3545 !important;
-  color: white;
-}
-
-.alert {
-  padding: 0.75rem 1rem;
-  border-radius: 4px;
-  font-size: 0.875rem;
-}
-
-.alert-warning {
-  background-color: #fff3cd;
-  color: #856404;
-  border: 1px solid #ffeaa7;
-}
-
-.alert-danger {
-  background-color: #f8d7da;
-  color: #721c24;
-  border: 1px solid #f5c6cb;
-}
-
-.alert-info {
-  background-color: #d1ecf1;
-  color: #0c5460;
-  border: 1px solid #bee5eb;
-}
-
-.text-danger {
-  color: #dc3545;
-  margin-left: 0.25rem;
-}
-
-.mt-2 {
-  margin-top: 0.5rem;
-}
-
-.mt-3 {
-  margin-top: 1rem;
-}
-
-.invalid-feedback {
-  color: #dc3545;
-  font-size: 0.875rem;
-  margin-top: 0.25rem;
-  display: block;
-}
-</style>
diff --git a/oms-wms-erp/src/components/fields/domain/DateRangeField/DateRangeField.spec.ts b/oms-wms-erp/src/components/fields/domain/DateRangeField/DateRangeField.spec.ts
deleted file mode 100644
index ac612e53..00000000
--- a/oms-wms-erp/src/components/fields/domain/DateRangeField/DateRangeField.spec.ts
+++ /dev/null
@@ -1,182 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { mount } from '@vue/test-utils'
-import DateRangeField from './DateRangeField.vue'
-
-describe('DateRangeField (Domain Field)', () => {
-  const defaultProps = {
-    modelValue: null
-  }
-
-  describe('Rendering', () => {
-    it('renders start and end date inputs', () => {
-      const wrapper = mount(DateRangeField, { props: defaultProps })
-
-      const inputs = wrapper.findAll('input[type="date"]')
-      expect(inputs).toHaveLength(2)
-    })
-
-    it('displays labels for both dates', () => {
-      const wrapper = mount(DateRangeField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Start Date')
-      expect(wrapper.text()).toContain('End Date')
-    })
-
-    it('shows preset buttons', () => {
-      const wrapper = mount(DateRangeField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('This Month')
-      expect(wrapper.text()).toContain('This Quarter')
-      expect(wrapper.text()).toContain('This Year')
-      expect(wrapper.text()).toContain('Last 30 Days')
-    })
-  })
-
-  describe('Date Input', () => {
-    it('accepts start date', async () => {
-      const wrapper = mount(DateRangeField, { props: defaultProps })
-
-      const inputs = wrapper.findAll('input[type="date"]')
-      await inputs[0].setValue('2026-08-01')
-
-      expect(wrapper.vm.startDate).toBe('2026-08-01')
-    })
-
-    it('accepts end date', async () => {
-      const wrapper = mount(DateRangeField, { props: defaultProps })
-
-      const inputs = wrapper.findAll('input[type="date"]')
-      await inputs[1].setValue('2026-08-31')
-
-      expect(wrapper.vm.endDate).toBe('2026-08-31')
-    })
-
-    it('emits update when both dates set', async () => {
-      const wrapper = mount(DateRangeField, { props: defaultProps })
-
-      const inputs = wrapper.findAll('input[type="date"]')
-      await inputs[0].setValue('2026-08-01')
-      await inputs[1].setValue('2026-08-31')
-
-      const emitted = wrapper.emitted('update:modelValue')
-      expect(emitted).toBeDefined()
-    })
-  })
-
-  describe('Date Validation', () => {
-    it('validates start date before end date', async () => {
-      const wrapper = mount(DateRangeField, { props: defaultProps })
-
-      const inputs = wrapper.findAll('input[type="date"]')
-      await inputs[0].setValue('2026-08-31')
-      await inputs[1].setValue('2026-08-01')
-      await inputs[1].trigger('blur')
-
-      expect(wrapper.vm.rangeError).not.toBeNull()
-      expect(wrapper.vm.rangeError).toContain('Start date must be before end date')
-    })
-
-    it('accepts valid date range', async () => {
-      const wrapper = mount(DateRangeField, { props: defaultProps })
-
-      const inputs = wrapper.findAll('input[type="date"]')
-      await inputs[0].setValue('2026-08-01')
-      await inputs[1].setValue('2026-08-31')
-      await inputs[1].trigger('blur')
-
-      expect(wrapper.vm.rangeError).toBeNull()
-    })
-
-    it('accepts same start and end date', async () => {
-      const wrapper = mount(DateRangeField, { props: defaultProps })
-
-      const inputs = wrapper.findAll('input[type="date"]')
-      await inputs[0].setValue('2026-08-15')
-      await inputs[1].setValue('2026-08-15')
-      await inputs[1].trigger('blur')
-
-      expect(wrapper.vm.rangeError).toBeNull()
-    })
-  })
-
-  describe('Date Range Summary', () => {
-    it('calculates days difference', async () => {
-      const wrapper = mount(DateRangeField, { props: defaultProps })
-
-      const inputs = wrapper.findAll('input[type="date"]')
-      await inputs[0].setValue('2026-08-01')
-      await inputs[1].setValue('2026-08-31')
-
-      expect(wrapper.vm.daysDifference).toBe(30)
-    })
-
-    it('shows range summary when dates valid', async () => {
-      const wrapper = mount(DateRangeField, { props: defaultProps })
-
-      const inputs = wrapper.findAll('input[type="date"]')
-      await inputs[0].setValue('2026-08-01')
-      await inputs[1].setValue('2026-08-31')
-
-      expect(wrapper.text()).toContain('30')
-      expect(wrapper.text()).toContain('days')
-    })
-  })
-
-  describe('Presets', () => {
-    it('sets this month dates', async () => {
-      const wrapper = mount(DateRangeField, { props: defaultProps })
-
-      const buttons = wrapper.findAll('button')
-      const thisMonthBtn = buttons.find((b) => b.text().includes('This Month'))
-
-      if (thisMonthBtn) {
-        await thisMonthBtn.trigger('click')
-
-        expect(wrapper.vm.startDate).toBeDefined()
-        expect(wrapper.vm.endDate).toBeDefined()
-      }
-    })
-
-    it('sets last 30 days preset', async () => {
-      const wrapper = mount(DateRangeField, { props: defaultProps })
-
-      const buttons = wrapper.findAll('button')
-      const last30Btn = buttons.find((b) => b.text().includes('Last 30 Days'))
-
-      if (last30Btn) {
-        await last30Btn.trigger('click')
-
-        expect(wrapper.vm.startDate).toBeDefined()
-        expect(wrapper.vm.endDate).toBeDefined()
-        expect(wrapper.vm.daysDifference).toBeGreaterThan(29)
-      }
-    })
-  })
-
-  describe('Props Updates', () => {
-    it('loads dates from modelValue prop', async () => {
-      const props = {
-        modelValue: {
-          startDate: '2026-08-01',
-          endDate: '2026-08-31'
-        }
-      }
-
-      const wrapper = mount(DateRangeField, { props })
-
-      expect(wrapper.vm.startDate).toBe('2026-08-01')
-      expect(wrapper.vm.endDate).toBe('2026-08-31')
-    })
-  })
-
-  describe('Accessibility', () => {
-    it('has required indicators', () => {
-      const wrapper = mount(DateRangeField, { props: defaultProps })
-
-      const labels = wrapper.findAll('label')
-      const requiredLabels = labels.filter((l) => l.text().includes('*'))
-
-      expect(requiredLabels.length).toBeGreaterThan(0)
-    })
-  })
-})
diff --git a/oms-wms-erp/src/components/fields/domain/DateRangeField/DateRangeField.stories.ts b/oms-wms-erp/src/components/fields/domain/DateRangeField/DateRangeField.stories.ts
deleted file mode 100644
index a5091948..00000000
--- a/oms-wms-erp/src/components/fields/domain/DateRangeField/DateRangeField.stories.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3'
-import DateRangeField from './DateRangeField.vue'
-
-const meta: Meta<typeof DateRangeField> = {
-  title: 'Fields/Domain/DateRangeField',
-  component: DateRangeField
-}
-
-export default meta
-type Story = StoryObj<typeof DateRangeField>
-
-const Template = (args: any) => ({
-  components: { DateRangeField },
-  setup() {
-    return { args }
-  },
-  template: `
-    <div>
-      <DateRangeField
-        v-bind="args"
-        @update:modelValue="args.modelValue = $event"
-      />
-      <div v-if="args.modelValue" class="mt-3">
-        <strong>Selected Range:</strong>
-        {{ args.modelValue.startDate }} to {{ args.modelValue.endDate }}
-      </div>
-    </div>
-  `
-})
-
-export const Empty: Story = {
-  render: Template,
-  args: {
-    modelValue: null
-  }
-}
-
-export const WithDates: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      startDate: '2026-08-01',
-      endDate: '2026-08-31'
-    }
-  }
-}
-
-export const ShortRange: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      startDate: '2026-08-25',
-      endDate: '2026-08-28'
-    }
-  }
-}
-
-export const LongRange: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      startDate: '2026-01-01',
-      endDate: '2026-12-31'
-    }
-  }
-}
-
-export const PresetDemo: Story = {
-  render: (args: any) => ({
-    components: { DateRangeField },
-    setup() {
-      return { args }
-    },
-    template: `
-      <div>
-        <DateRangeField
-          v-bind="args"
-          @update:modelValue="args.modelValue = $event"
-        />
-        <div class="alert alert-info mt-3">
-          <strong>💡 Try the preset buttons:</strong>
-          <ul>
-            <li>This Month: Current calendar month</li>
-            <li>This Quarter: Current 3-month period</li>
-            <li>This Year: January 1 - December 31</li>
-            <li>Last 30 Days: Last 30 days from today</li>
-          </ul>
-        </div>
-      </div>
-    `
-  }),
-  args: {
-    modelValue: null
-  }
-}
diff --git a/oms-wms-erp/src/components/fields/domain/DateRangeField/DateRangeField.vue b/oms-wms-erp/src/components/fields/domain/DateRangeField/DateRangeField.vue
deleted file mode 100644
index 79f28b5f..00000000
--- a/oms-wms-erp/src/components/fields/domain/DateRangeField/DateRangeField.vue
+++ /dev/null
@@ -1,336 +0,0 @@
-<template>
-  <div class="date-range-field">
-    <div class="date-range-group">
-      <!-- Start Date -->
-      <div class="form-group">
-        <label class="form-label">
-          Start Date
-          <span class="text-danger">*</span>
-        </label>
-        <input
-          v-model="startDate"
-          type="date"
-          class="form-control"
-          :class="{ 'is-invalid': startDateError }"
-          @blur="validateDates"
-        />
-        <div v-if="startDateError" class="invalid-feedback d-block">
-          {{ startDateError }}
-        </div>
-      </div>
-
-      <!-- End Date -->
-      <div class="form-group">
-        <label class="form-label">
-          End Date
-          <span class="text-danger">*</span>
-        </label>
-        <input
-          v-model="endDate"
-          type="date"
-          class="form-control"
-          :class="{ 'is-invalid': endDateError }"
-          @blur="validateDates"
-        />
-        <div v-if="endDateError" class="invalid-feedback d-block">
-          {{ endDateError }}
-        </div>
-      </div>
-    </div>
-
-    <!-- Date Range Summary -->
-    <div v-if="startDate && endDate && !rangeError" class="date-summary mt-2">
-      <small class="text-muted">
-        📅 Range: <strong>{{ daysDifference }}</strong> days
-        ({{ formatDate(startDate) }} to {{ formatDate(endDate) }})
-      </small>
-    </div>
-
-    <!-- Range Validation Error -->
-    <div v-if="rangeError" class="alert alert-danger mt-2">
-      {{ rangeError }}
-    </div>
-
-    <!-- Presets -->
-    <div class="presets mt-2">
-      <small class="text-muted">Quick presets:</small>
-      <div class="preset-buttons">
-        <button class="btn btn-sm btn-outline-secondary" @click="setPreset('thisMonth')">
-          This Month
-        </button>
-        <button class="btn btn-sm btn-outline-secondary" @click="setPreset('thisQuarter')">
-          This Quarter
-        </button>
-        <button class="btn btn-sm btn-outline-secondary" @click="setPreset('thisYear')">
-          This Year
-        </button>
-        <button class="btn btn-sm btn-outline-secondary" @click="setPreset('last30Days')">
-          Last 30 Days
-        </button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, watch } from 'vue'
-import { useFormatting } from '@/composables/useFormatting'
-
-interface DateRange {
-  startDate: string
-  endDate: string
-}
-
-const props = defineProps<{
-  modelValue: DateRange | null
-}>()
-
-const emit = defineEmits<{
-  'update:modelValue': [value: DateRange | null]
-}>()
-
-const { formatDate } = useFormatting()
-
-// State
-const startDate = ref(props.modelValue?.startDate || '')
-const endDate = ref(props.modelValue?.endDate || '')
-const startDateError = ref<string | null>(null)
-const endDateError = ref<string | null>(null)
-
-// Computed
-const rangeError = computed(() => {
-  if (!startDate.value || !endDate.value) return null
-
-  const start = new Date(startDate.value)
-  const end = new Date(endDate.value)
-
-  if (start > end) {
-    return 'Start date must be before end date'
-  }
-
-  return null
-})
-
-const daysDifference = computed(() => {
-  if (!startDate.value || !endDate.value) return 0
-
-  const start = new Date(startDate.value)
-  const end = new Date(endDate.value)
-  const diffTime = Math.abs(end.getTime() - start.getTime())
-  const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24))
-
-  return diffDays
-})
-
-// Watchers
-watch([startDate, endDate], () => {
-  if (startDate.value && endDate.value && !rangeError.value) {
-    emit('update:modelValue', {
-      startDate: startDate.value,
-      endDate: endDate.value
-    })
-  }
-})
-
-// Methods
-const validateDates = () => {
-  startDateError.value = null
-  endDateError.value = null
-
-  if (startDate.value && !isValidDate(startDate.value)) {
-    startDateError.value = 'Invalid start date'
-    return
-  }
-
-  if (endDate.value && !isValidDate(endDate.value)) {
-    endDateError.value = 'Invalid end date'
-    return
-  }
-
-  if (startDate.value && endDate.value) {
-    const start = new Date(startDate.value)
-    const end = new Date(endDate.value)
-
-    if (start > end) {
-      endDateError.value = 'End date must be after start date'
-    }
-  }
-}
-
-const isValidDate = (dateString: string): boolean => {
-  const regex = /^\d{4}-\d{2}-\d{2}$/
-  if (!regex.test(dateString)) return false
-
-  const date = new Date(dateString)
-  return date instanceof Date && !isNaN(date.getTime())
-}
-
-const setPreset = (preset: string) => {
-  const today = new Date()
-  const currentYear = today.getFullYear()
-  const currentMonth = today.getMonth()
-
-  let start: Date, end: Date
-
-  switch (preset) {
-    case 'thisMonth':
-      start = new Date(currentYear, currentMonth, 1)
-      end = new Date(currentYear, currentMonth + 1, 0)
-      break
-
-    case 'thisQuarter':
-      const quarter = Math.floor(currentMonth / 3)
-      start = new Date(currentYear, quarter * 3, 1)
-      end = new Date(currentYear, quarter * 3 + 3, 0)
-      break
-
-    case 'thisYear':
-      start = new Date(currentYear, 0, 1)
-      end = new Date(currentYear, 11, 31)
-      break
-
-    case 'last30Days':
-      end = new Date()
-      start = new Date(today.getTime() - 30 * 24 * 60 * 60 * 1000)
-      break
-
-    default:
-      return
-  }
-
-  startDate.value = start.toISOString().split('T')[0]
-  endDate.value = end.toISOString().split('T')[0]
-
-  validateDates()
-}
-</script>
-
-<style scoped>
-.date-range-field {
-  margin-bottom: 1.5rem;
-}
-
-.date-range-group {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: 1rem;
-  padding: 1rem;
-  border: 1px solid #dee2e6;
-  border-radius: 4px;
-  background-color: #f8f9fa;
-}
-
-.form-group {
-  display: flex;
-  flex-direction: column;
-}
-
-.form-label {
-  font-weight: 500;
-  margin-bottom: 0.5rem;
-  font-size: 0.875rem;
-}
-
-.form-control {
-  border-radius: 4px;
-  border: 1px solid #dee2e6;
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-}
-
-.form-control:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-
-.form-control.is-invalid {
-  border-color: #dc3545;
-}
-
-.invalid-feedback {
-  color: #dc3545;
-  font-size: 0.875rem;
-  margin-top: 0.25rem;
-  display: block;
-}
-
-.text-danger {
-  color: #dc3545;
-  margin-left: 0.25rem;
-}
-
-.text-muted {
-  color: #6c757d;
-}
-
-.date-summary {
-  padding: 0.75rem;
-  background-color: #e7f3ff;
-  border-left: 3px solid #0d6efd;
-  border-radius: 4px;
-  font-size: 0.875rem;
-}
-
-.alert {
-  padding: 0.75rem 1rem;
-  border-radius: 4px;
-  font-size: 0.875rem;
-  border: 1px solid transparent;
-}
-
-.alert-danger {
-  background-color: #f8d7da;
-  color: #721c24;
-  border-color: #f5c6cb;
-}
-
-.presets {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-
-.preset-buttons {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-  margin-top: 0.5rem;
-}
-
-.btn {
-  padding: 0.4rem 0.75rem;
-  font-size: 0.8rem;
-  border-radius: 4px;
-  border: 1px solid #dee2e6;
-  cursor: pointer;
-  transition: all 0.15s ease-in-out;
-  background-color: white;
-}
-
-.btn-outline-secondary {
-  color: #6c757d;
-  border-color: #6c757d;
-}
-
-.btn-outline-secondary:hover {
-  background-color: #6c757d;
-  color: white;
-}
-
-.d-block {
-  display: block;
-}
-
-.mt-2 {
-  margin-top: 0.5rem;
-}
-
-small {
-  display: block;
-}
-
-strong {
-  font-weight: 600;
-}
-</style>
diff --git a/oms-wms-erp/src/components/fields/domain/OrderLineField/OrderLineField.spec.ts b/oms-wms-erp/src/components/fields/domain/OrderLineField/OrderLineField.spec.ts
deleted file mode 100644
index 76f166e5..00000000
--- a/oms-wms-erp/src/components/fields/domain/OrderLineField/OrderLineField.spec.ts
+++ /dev/null
@@ -1,313 +0,0 @@
-import { describe, it, expect, beforeEach, vi } from 'vitest'
-import { mount } from '@vue/test-utils'
-import OrderLineField from './OrderLineField.vue'
-
-describe('OrderLineField (Domain Field)', () => {
-  const defaultProps = {
-    modelValue: {
-      productId: '',
-      quantity: 1,
-      unitPrice: 0,
-      lineTotal: 0
-    }
-  }
-
-  describe('Rendering', () => {
-    it('renders form inputs for line item', () => {
-      const wrapper = mount(OrderLineField, { props: defaultProps })
-
-      expect(wrapper.find('select').exists()).toBe(true) // Product select
-      expect(wrapper.findAll('input[type="number"]').length).toBeGreaterThan(0) // Quantity
-      expect(wrapper.find('button').exists()).toBe(true) // Remove button
-    })
-
-    it('displays product details panel when product selected', async () => {
-      const props = {
-        modelValue: {
-          productId: 'PROD-001',
-          quantity: 5,
-          unitPrice: 50000,
-          lineTotal: 250000
-        }
-      }
-
-      const wrapper = mount(OrderLineField, { props })
-      await wrapper.vm.$nextTick()
-
-      // After mock API call completes
-      await new Promise((resolve) => setTimeout(resolve, 400))
-      expect(wrapper.find('.card').exists()).toBe(true)
-    })
-  })
-
-  describe('Product Selection', () => {
-    it('emits update:modelValue when product is selected', async () => {
-      const wrapper = mount(OrderLineField, { props: defaultProps })
-
-      const select = wrapper.find('select')
-      await select.setValue('PROD-001')
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      expect(wrapper.emitted('update:modelValue')).toBeDefined()
-    })
-
-    it('loads product details after selection', async () => {
-      const wrapper = mount(OrderLineField, { props: defaultProps })
-
-      const select = wrapper.find('select')
-      await select.setValue('PROD-001')
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const emitted = wrapper.emitted('update:modelValue')
-      expect(emitted).toBeDefined()
-      if (emitted && emitted[0]) {
-        expect((emitted[0][0] as any).unitPrice).toBeGreaterThan(0)
-      }
-    })
-
-    it('shows error when product not found', async () => {
-      const wrapper = mount(OrderLineField, { props: defaultProps })
-
-      // Simulate selecting invalid product
-      const select = wrapper.find('select')
-      await select.setValue('PROD-INVALID')
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      // Component would show error (in real scenario with API validation)
-      // This is testable by checking component state
-    })
-
-    it('clears product details when selection cleared', async () => {
-      const props = {
-        modelValue: {
-          productId: 'PROD-001',
-          quantity: 5,
-          unitPrice: 50000,
-          lineTotal: 250000
-        }
-      }
-
-      const wrapper = mount(OrderLineField, { props })
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const select = wrapper.find('select')
-      await select.setValue('')
-
-      expect(wrapper.find('.card').exists()).toBe(false)
-    })
-  })
-
-  describe('Quantity Validation', () => {
-    it('validates quantity is at least 1', async () => {
-      const wrapper = mount(OrderLineField, { props: defaultProps })
-
-      const quantityInput = wrapper.findAll('input[type="number"]')[0]
-      await quantityInput.setValue(0)
-
-      // Validation should fail
-      expect(wrapper.vm.quantityError).not.toBeNull()
-    })
-
-    it('validates quantity does not exceed available stock', async () => {
-      const wrapper = mount(OrderLineField, { props: defaultProps })
-
-      const select = wrapper.find('select')
-      await select.setValue('PROD-001')
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const quantityInput = wrapper.findAll('input[type="number"]')[0]
-      await quantityInput.setValue(9999) // Exceeds available
-
-      // Should validate against available quantity (100 in mock)
-      expect(wrapper.vm.quantityError).not.toBeNull()
-    })
-
-    it('allows valid quantity', async () => {
-      const wrapper = mount(OrderLineField, { props: defaultProps })
-
-      const select = wrapper.find('select')
-      await select.setValue('PROD-001')
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const quantityInput = wrapper.findAll('input[type="number"]')[0]
-      await quantityInput.setValue(50)
-
-      wrapper.vm.validateQuantity()
-      expect(wrapper.vm.quantityError).toBeNull()
-    })
-
-    it('requires product before accepting quantity', async () => {
-      const wrapper = mount(OrderLineField, { props: defaultProps })
-
-      const quantityInput = wrapper.findAll('input[type="number"]')[0]
-      await quantityInput.setValue(5)
-
-      wrapper.vm.validateQuantity()
-      expect(wrapper.vm.quantityError).not.toBeNull()
-    })
-  })
-
-  describe('Price Calculation', () => {
-    it('calculates line total = quantity × unitPrice', async () => {
-      const wrapper = mount(OrderLineField, { props: defaultProps })
-
-      // Set product
-      const select = wrapper.find('select')
-      await select.setValue('PROD-001')
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      // Set quantity
-      const quantityInput = wrapper.findAll('input[type="number"]')[0]
-      await quantityInput.setValue(10)
-
-      // Get line total from component state
-      const lineTotal = wrapper.vm.line.lineTotal
-      const expectedTotal = 10 * wrapper.vm.line.unitPrice
-
-      expect(lineTotal).toBe(expectedTotal)
-    })
-
-    it('updates line total on quantity change', async () => {
-      const props = {
-        modelValue: {
-          productId: 'PROD-001',
-          quantity: 5,
-          unitPrice: 50000,
-          lineTotal: 250000
-        }
-      }
-
-      const wrapper = mount(OrderLineField, { props })
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const quantityInput = wrapper.findAll('input[type="number"]')[0]
-      await quantityInput.setValue(10)
-
-      expect(wrapper.vm.line.lineTotal).toBe(500000)
-    })
-
-    it('displays formatted currency values', async () => {
-      const props = {
-        modelValue: {
-          productId: 'PROD-001',
-          quantity: 5,
-          unitPrice: 50000,
-          lineTotal: 250000
-        }
-      }
-
-      const wrapper = mount(OrderLineField, { props })
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      // Should display formatted values (via formatCurrency)
-      expect(wrapper.vm.formatCurrency(250000)).toBeDefined()
-    })
-  })
-
-  describe('Remove Action', () => {
-    it('emits remove event when remove button clicked', async () => {
-      const wrapper = mount(OrderLineField, { props: defaultProps })
-
-      const removeBtn = wrapper.find('.btn-outline-danger')
-      await removeBtn.trigger('click')
-
-      expect(wrapper.emitted('remove')).toBeDefined()
-    })
-  })
-
-  describe('Loading State', () => {
-    it('shows loading indicator while fetching product details', async () => {
-      const wrapper = mount(OrderLineField, { props: defaultProps })
-
-      const select = wrapper.find('select')
-      select.element.value = 'PROD-001'
-      select.trigger('change')
-
-      // Should show loading indicator
-      expect(wrapper.vm.isLoading).toBe(true)
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      // Loading should complete
-      expect(wrapper.vm.isLoading).toBe(false)
-    })
-
-    it('disables select during loading', async () => {
-      const wrapper = mount(OrderLineField, { props: defaultProps })
-
-      const select = wrapper.find('select')
-      select.element.value = 'PROD-001'
-      select.trigger('change')
-
-      // Select should be disabled while loading
-      expect(select.element.disabled).toBe(true) // due to isLoading
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-    })
-  })
-
-  describe('Props Updates', () => {
-    it('updates line data when props change', async () => {
-      const wrapper = mount(OrderLineField, { props: defaultProps })
-
-      const newProps = {
-        modelValue: {
-          productId: 'PROD-002',
-          quantity: 3,
-          unitPrice: 75000,
-          lineTotal: 225000
-        }
-      }
-
-      await wrapper.setProps(newProps)
-
-      expect(wrapper.vm.line.productId).toBe('PROD-002')
-      expect(wrapper.vm.line.quantity).toBe(3)
-    })
-  })
-
-  describe('Emit Updates', () => {
-    it('emits update:modelValue with complete line data', async () => {
-      const wrapper = mount(OrderLineField, { props: defaultProps })
-
-      const select = wrapper.find('select')
-      await select.setValue('PROD-001')
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const quantityInput = wrapper.findAll('input[type="number"]')[0]
-      await quantityInput.setValue(5)
-
-      const emitted = wrapper.emitted('update:modelValue')
-      expect(emitted).toBeDefined()
-
-      if (emitted && emitted.length > 0) {
-        const lastEmit = emitted[emitted.length - 1][0] as any
-        expect(lastEmit.productId).toBe('PROD-001')
-        expect(lastEmit.quantity).toBe(5)
-        expect(lastEmit.unitPrice).toBeGreaterThan(0)
-        expect(lastEmit.lineTotal).toBeGreaterThan(0)
-      }
-    })
-  })
-
-  describe('Accessibility', () => {
-    it('has proper labels for form inputs', () => {
-      const wrapper = mount(OrderLineField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Product')
-      expect(wrapper.text()).toContain('Quantity')
-      expect(wrapper.text()).toContain('Unit Price')
-    })
-
-    it('shows required indicators', () => {
-      const wrapper = mount(OrderLineField, { props: defaultProps })
-
-      const labels = wrapper.findAll('label')
-      const requiredLabels = labels.filter((l) =>
-        l.text().includes('*')
-      )
-
-      expect(requiredLabels.length).toBeGreaterThan(0)
-    })
-  })
-})
diff --git a/oms-wms-erp/src/components/fields/domain/OrderLineField/OrderLineField.stories.ts b/oms-wms-erp/src/components/fields/domain/OrderLineField/OrderLineField.stories.ts
deleted file mode 100644
index cf87ce6a..00000000
--- a/oms-wms-erp/src/components/fields/domain/OrderLineField/OrderLineField.stories.ts
+++ /dev/null
@@ -1,118 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3'
-import OrderLineField from './OrderLineField.vue'
-
-const meta: Meta<typeof OrderLineField> = {
-  title: 'Fields/Domain/OrderLineField',
-  component: OrderLineField,
-  argTypes: {
-    modelValue: {
-      control: 'object',
-      description: 'Order line item (productId, quantity, unitPrice, lineTotal)'
-    }
-  }
-}
-
-export default meta
-type Story = StoryObj<typeof OrderLineField>
-
-const Template = (args: any) => ({
-  components: { OrderLineField },
-  setup() {
-    return { args }
-  },
-  template: `
-    <div>
-      <OrderLineField
-        v-bind="args"
-        @update:modelValue="args.modelValue = $event"
-        @remove="console.log('Line removed')"
-      />
-      <div class="mt-3">
-        <strong>Current Value:</strong>
-        <pre>{{ JSON.stringify(args.modelValue, null, 2) }}</pre>
-      </div>
-    </div>
-  `
-})
-
-export const Default: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      productId: '',
-      quantity: 1,
-      unitPrice: 0,
-      lineTotal: 0
-    }
-  }
-}
-
-export const WithProduct: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      productId: 'PROD-001',
-      quantity: 5,
-      unitPrice: 50000,
-      lineTotal: 250000
-    }
-  }
-}
-
-export const MultipleLines: Story = {
-  render: (args: any) => ({
-    components: { OrderLineField },
-    setup() {
-      const lines = [
-        { productId: 'PROD-001', quantity: 5, unitPrice: 50000, lineTotal: 250000 },
-        { productId: 'PROD-002', quantity: 3, unitPrice: 75000, lineTotal: 225000 },
-        { productId: '', quantity: 1, unitPrice: 0, lineTotal: 0 }
-      ]
-      return { lines, args }
-    },
-    template: `
-      <div>
-        <h5>Order Lines</h5>
-        <div v-for="(line, idx) in lines" :key="idx" class="mb-3">
-          <OrderLineField
-            v-model="lines[idx]"
-            @remove="lines.splice(idx, 1)"
-          />
-        </div>
-        <strong>Order Total:</strong>
-        ₩{{ lines.reduce((sum, l) => sum + (l.lineTotal || 0), 0).toLocaleString() }}
-      </div>
-    `
-  })
-}
-
-export const WithValidation: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      productId: 'PROD-001',
-      quantity: 10,
-      unitPrice: 50000,
-      lineTotal: 500000
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Example with quantity exceeding available stock will show validation error'
-      }
-    }
-  }
-}
-
-export const Empty: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      productId: '',
-      quantity: 0,
-      unitPrice: 0,
-      lineTotal: 0
-    }
-  }
-}
diff --git a/oms-wms-erp/src/components/fields/domain/OrderLineField/OrderLineField.vue b/oms-wms-erp/src/components/fields/domain/OrderLineField/OrderLineField.vue
deleted file mode 100644
index 7fa8bb96..00000000
--- a/oms-wms-erp/src/components/fields/domain/OrderLineField/OrderLineField.vue
+++ /dev/null
@@ -1,453 +0,0 @@
-<template>
-  <div class="order-line-field">
-    <div class="order-line-group">
-      <!-- Product Selection (Async Lookup) -->
-      <div class="form-group">
-        <label class="form-label">
-          Product
-          <span class="text-danger">*</span>
-        </label>
-        <div class="input-group">
-          <select
-            v-model="line.productId"
-            class="form-control"
-            :disabled="isLoading"
-            @change="handleProductChange"
-          >
-            <option value="">-- Select Product --</option>
-            <option
-              v-for="product in productOptions"
-              :key="product.value"
-              :value="product.value"
-            >
-              {{ product.label }} (SKU: {{ product.sku }})
-            </option>
-          </select>
-          <button
-            v-if="isSearching"
-            class="btn btn-outline-secondary"
-            disabled
-          >
-            <span class="spinner-border spinner-border-sm me-2"></span>
-            Loading...
-          </button>
-        </div>
-        <div v-if="productError" class="invalid-feedback d-block">
-          {{ productError }}
-        </div>
-      </div>
-
-      <!-- Quantity Input -->
-      <div class="form-group">
-        <label class="form-label">
-          Quantity
-          <span class="text-danger">*</span>
-        </label>
-        <input
-          v-model.number="line.quantity"
-          type="number"
-          :min="1"
-          :max="availableQuantity"
-          class="form-control"
-          :class="{ 'is-invalid': quantityError }"
-          @blur="validateQuantity"
-          @input="calculateLineTotal"
-        />
-        <small v-if="!quantityError" class="form-text text-muted d-block mt-1">
-          Available: {{ availableQuantity }} units
-        </small>
-        <div v-if="quantityError" class="invalid-feedback d-block">
-          {{ quantityError }}
-        </div>
-      </div>
-
-      <!-- Unit Price (Read-only, auto-filled) -->
-      <div class="form-group">
-        <label class="form-label">Unit Price</label>
-        <div class="input-group">
-          <input
-            :value="formatCurrency(line.unitPrice)"
-            type="text"
-            class="form-control"
-            disabled
-          />
-          <span class="input-group-text">₩</span>
-        </div>
-      </div>
-
-      <!-- Line Total (Auto-calculated) -->
-      <div class="form-group">
-        <label class="form-label">Line Total</label>
-        <div class="input-group">
-          <input
-            :value="formatCurrency(line.lineTotal)"
-            type="text"
-            class="form-control"
-            disabled
-          />
-          <span class="input-group-text">₩</span>
-        </div>
-      </div>
-
-      <!-- Remove Button -->
-      <div class="form-group d-flex align-items-end">
-        <button
-          class="btn btn-sm btn-outline-danger"
-          @click="$emit('remove')"
-        >
-          <i class="bi bi-trash"></i> Remove
-        </button>
-      </div>
-    </div>
-
-    <!-- Product Details Panel -->
-    <div v-if="selectedProduct" class="card mt-3">
-      <div class="card-body">
-        <h6 class="card-title">Product Details</h6>
-        <div class="row">
-          <div class="col-md-6">
-            <small>
-              <strong>Category:</strong> {{ selectedProduct.categoryId }}<br>
-              <strong>Stock:</strong> {{ availableQuantity }} units<br>
-            </small>
-          </div>
-          <div class="col-md-6">
-            <small>
-              <strong>List Price:</strong> {{ formatCurrency(selectedProduct.price) }}<br>
-              <strong>Status:</strong>
-              <span :class="statusClass">{{ selectedProduct.status }}</span>
-            </small>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, watch } from 'vue'
-import { useFormatting } from '@/composables/useFormatting'
-import { productsApi } from '@/services/api/client'
-
-interface OrderLine {
-  productId: string
-  quantity: number
-  unitPrice: number
-  lineTotal: number
-}
-
-interface Props {
-  modelValue: OrderLine
-}
-
-const props = defineProps<Props>()
-
-const emit = defineEmits<{
-  'update:modelValue': [value: OrderLine]
-  remove: []
-}>()
-
-const { formatCurrency } = useFormatting()
-
-// State
-const line = ref<OrderLine>({ ...props.modelValue })
-const productOptions = ref<any[]>([])
-const selectedProduct = ref<any>(null)
-const isLoading = ref(false)
-const isSearching = ref(false)
-
-// Validation state
-const productError = ref<string | null>(null)
-const quantityError = ref<string | null>(null)
-
-// Computed
-const availableQuantity = computed(() => {
-  if (!selectedProduct.value) return 0
-  return selectedProduct.value.qtyOnHand || 0
-})
-
-const statusClass = computed(() => {
-  if (!selectedProduct.value) return ''
-  switch (selectedProduct.value.status) {
-    case 'ACTIVE':
-      return 'badge bg-success'
-    case 'INACTIVE':
-      return 'badge bg-secondary'
-    case 'DISCONTINUED':
-      return 'badge bg-danger'
-    default:
-      return 'badge bg-secondary'
-  }
-})
-
-// Watchers
-watch(() => props.modelValue, (newVal) => {
-  line.value = { ...newVal }
-})
-
-// Methods
-const handleProductChange = async () => {
-  productError.value = null
-
-  if (!line.value.productId) {
-    selectedProduct.value = null
-    line.value.unitPrice = 0
-    line.value.quantity = 1
-    calculateLineTotal()
-    return
-  }
-
-  isLoading.value = true
-  try {
-    // Simulate API call (would be: await productsApi.getProduct(...))
-    const product = await mockGetProduct(line.value.productId)
-
-    if (!product) {
-      productError.value = 'Product not found'
-      selectedProduct.value = null
-      return
-    }
-
-    selectedProduct.value = product
-    line.value.unitPrice = product.price
-
-    // Reset quantity and recalculate
-    line.value.quantity = 1
-    calculateLineTotal()
-  } catch (error) {
-    productError.value = 'Failed to load product details'
-  } finally {
-    isLoading.value = false
-  }
-}
-
-const validateQuantity = () => {
-  quantityError.value = null
-
-  if (!line.value.productId) {
-    quantityError.value = 'Please select a product first'
-    return false
-  }
-
-  if (!line.value.quantity || line.value.quantity < 1) {
-    quantityError.value = 'Quantity must be at least 1'
-    return false
-  }
-
-  if (line.value.quantity > availableQuantity.value) {
-    quantityError.value = `Maximum available quantity is ${availableQuantity.value}`
-    return false
-  }
-
-  return true
-}
-
-const calculateLineTotal = () => {
-  line.value.lineTotal = line.value.quantity * line.value.unitPrice
-  emit('update:modelValue', { ...line.value })
-}
-
-// Mock API (would be replaced with real API call)
-const mockGetProduct = async (productId: string) => {
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      // Mock product data
-      resolve({
-        productId,
-        name: `Product ${productId}`,
-        categoryId: 'CAT-001',
-        price: 50000,
-        qtyOnHand: 100,
-        status: 'ACTIVE'
-      })
-    }, 300)
-  })
-}
-</script>
-
-<style scoped>
-.order-line-field {
-  margin-bottom: 1.5rem;
-}
-
-.order-line-group {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: 1rem;
-  padding: 1rem;
-  border: 1px solid #dee2e6;
-  border-radius: 4px;
-  background-color: #f8f9fa;
-}
-
-.form-group {
-  display: flex;
-  flex-direction: column;
-}
-
-.form-label {
-  font-weight: 500;
-  margin-bottom: 0.5rem;
-  font-size: 0.875rem;
-}
-
-.form-control {
-  border-radius: 4px;
-  border: 1px solid #dee2e6;
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-}
-
-.form-control:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-
-.form-control.is-invalid {
-  border-color: #dc3545;
-}
-
-.form-control:disabled {
-  background-color: #e9ecef;
-  opacity: 1;
-  cursor: not-allowed;
-}
-
-.input-group {
-  display: flex;
-  position: relative;
-}
-
-.input-group-text {
-  background-color: #e9ecef;
-  border: 1px solid #dee2e6;
-  border-left: 0;
-  border-radius: 0 4px 4px 0;
-  padding: 0.5rem 0.75rem;
-  font-weight: 500;
-}
-
-.btn {
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-  border-radius: 4px;
-  border: 1px solid #dee2e6;
-  cursor: pointer;
-  transition: all 0.15s ease-in-out;
-}
-
-.btn:hover:not(:disabled) {
-  border-color: #0d6efd;
-  color: #0d6efd;
-}
-
-.btn-outline-danger {
-  color: #dc3545;
-  border-color: #dc3545;
-}
-
-.btn-outline-danger:hover {
-  background-color: #dc3545;
-  color: white;
-}
-
-.btn-outline-secondary:disabled {
-  opacity: 0.65;
-}
-
-.spinner-border {
-  width: 1rem;
-  height: 1rem;
-  border-width: 0.2em;
-}
-
-.me-2 {
-  margin-right: 0.5rem;
-}
-
-.card {
-  border: 1px solid #dee2e6;
-  border-radius: 4px;
-  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
-}
-
-.card-body {
-  padding: 1rem;
-}
-
-.card-title {
-  margin-bottom: 0.75rem;
-}
-
-.badge {
-  padding: 0.25rem 0.5rem;
-  font-size: 0.75rem;
-  border-radius: 4px;
-}
-
-.bg-success {
-  background-color: #28a745 !important;
-}
-
-.bg-secondary {
-  background-color: #6c757d !important;
-}
-
-.bg-danger {
-  background-color: #dc3545 !important;
-}
-
-.text-danger {
-  color: #dc3545;
-  margin-left: 0.25rem;
-}
-
-.text-muted {
-  color: #6c757d;
-}
-
-.form-text {
-  font-size: 0.875rem;
-}
-
-.invalid-feedback {
-  color: #dc3545;
-  font-size: 0.875rem;
-  margin-top: 0.25rem;
-}
-
-.d-flex {
-  display: flex;
-}
-
-.align-items-end {
-  align-items: flex-end;
-}
-
-.mt-3 {
-  margin-top: 1rem;
-}
-
-.d-block {
-  display: block;
-}
-
-.row {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: 1rem;
-}
-
-.col-md-6 {
-  flex: 1;
-}
-
-small {
-  line-height: 1.6;
-}
-
-strong {
-  font-weight: 600;
-}
-</style>
diff --git a/oms-wms-erp/src/components/fields/domain/ProductField/ProductField.spec.ts b/oms-wms-erp/src/components/fields/domain/ProductField/ProductField.spec.ts
deleted file mode 100644
index dfcd205d..00000000
--- a/oms-wms-erp/src/components/fields/domain/ProductField/ProductField.spec.ts
+++ /dev/null
@@ -1,417 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest'
-import { mount } from '@vue/test-utils'
-import ProductField from './ProductField.vue'
-
-describe('ProductField (Domain Field)', () => {
-  const defaultProps = {
-    modelValue: null
-  }
-
-  describe('Rendering', () => {
-    it('renders SKU input field', () => {
-      const wrapper = mount(ProductField, { props: defaultProps })
-
-      const input = wrapper.find('input[type="text"]')
-      expect(input.exists()).toBe(true)
-      expect(input.attributes('placeholder')).toContain('SKU')
-    })
-
-    it('shows product details when product loaded', async () => {
-      const props = {
-        modelValue: {
-          productId: 'PROD-001',
-          sku: 'SKU-001',
-          name: 'Standard Widget',
-          categoryId: 'CAT-001',
-          price: 50000,
-          qtyOnHand: 150,
-          status: 'ACTIVE',
-          lastUpdated: '2026-08-28'
-        }
-      }
-
-      const wrapper = mount(ProductField, { props })
-
-      expect(wrapper.find('.card').exists()).toBe(true)
-      expect(wrapper.text()).toContain('Standard Widget')
-    })
-  })
-
-  describe('SKU Lookup', () => {
-    it('validates SKU is not empty', async () => {
-      const wrapper = mount(ProductField, { props: defaultProps })
-
-      const input = wrapper.find('input[type="text"]')
-      await input.setValue('')
-      await input.trigger('blur')
-
-      // Empty SKU should clear product
-      expect(wrapper.vm.product).toBeNull()
-    })
-
-    it('validates SKU minimum length', async () => {
-      const wrapper = mount(ProductField, { props: defaultProps })
-
-      const input = wrapper.find('input[type="text"]')
-      await input.setValue('AB')
-      await input.trigger('blur')
-
-      expect(wrapper.vm.skuError).not.toBeNull()
-      expect(wrapper.vm.skuError).toContain('at least 3 characters')
-    })
-
-    it('triggers lookup on blur with valid SKU', async () => {
-      const wrapper = mount(ProductField, { props: defaultProps })
-
-      const input = wrapper.find('input[type="text"]')
-      await input.setValue('SKU-001')
-      await input.trigger('blur')
-
-      // Wait for async lookup
-      await new Promise((resolve) => setTimeout(resolve, 500))
-
-      expect(wrapper.vm.product).not.toBeNull()
-    })
-
-    it('shows loading state during lookup', async () => {
-      const wrapper = mount(ProductField, { props: defaultProps })
-
-      const input = wrapper.find('input[type="text"]')
-      input.element.value = 'SKU-001'
-      input.trigger('blur')
-
-      // Check loading state immediately
-      expect(wrapper.vm.isLoading).toBe(true)
-
-      await new Promise((resolve) => setTimeout(resolve, 500))
-
-      expect(wrapper.vm.isLoading).toBe(false)
-    })
-
-    it('handles product not found error', async () => {
-      const wrapper = mount(ProductField, { props: defaultProps })
-
-      const input = wrapper.find('input[type="text"]')
-      await input.setValue('INVALID-SKU')
-      await input.trigger('blur')
-
-      await new Promise((resolve) => setTimeout(resolve, 500))
-
-      expect(wrapper.vm.productNotFound).toBe(true)
-      expect(wrapper.vm.product).toBeNull()
-    })
-
-    it('returns valid product when found', async () => {
-      const wrapper = mount(ProductField, { props: defaultProps })
-
-      const input = wrapper.find('input[type="text"]')
-      await input.setValue('SKU-001')
-      await input.trigger('blur')
-
-      await new Promise((resolve) => setTimeout(resolve, 500))
-
-      expect(wrapper.vm.product).not.toBeNull()
-      expect(wrapper.vm.product?.sku).toBe('SKU-001')
-    })
-  })
-
-  describe('Product Display', () => {
-    it('displays product information correctly', async () => {
-      const props = {
-        modelValue: {
-          productId: 'PROD-001',
-          sku: 'SKU-001',
-          name: 'Standard Widget',
-          categoryId: 'CAT-001',
-          price: 50000,
-          qtyOnHand: 150,
-          status: 'ACTIVE',
-          lastUpdated: '2026-08-28'
-        }
-      }
-
-      const wrapper = mount(ProductField, { props })
-
-      expect(wrapper.text()).toContain('Standard Widget')
-      expect(wrapper.text()).toContain('SKU-001')
-      expect(wrapper.text()).toContain('CAT-001')
-    })
-
-    it('formats price as currency', async () => {
-      const props = {
-        modelValue: {
-          productId: 'PROD-001',
-          sku: 'SKU-001',
-          name: 'Widget',
-          categoryId: 'CAT-001',
-          price: 50000,
-          qtyOnHand: 100,
-          status: 'ACTIVE',
-          lastUpdated: '2026-08-28'
-        }
-      }
-
-      const wrapper = mount(ProductField, { props })
-
-      // Check that formatCurrency is called
-      expect(wrapper.vm.formatCurrency(50000)).toBeDefined()
-    })
-
-    it('shows status badge with correct color', async () => {
-      const props = {
-        modelValue: {
-          productId: 'PROD-001',
-          sku: 'SKU-001',
-          name: 'Widget',
-          categoryId: 'CAT-001',
-          price: 50000,
-          qtyOnHand: 100,
-          status: 'ACTIVE',
-          lastUpdated: '2026-08-28'
-        }
-      }
-
-      const wrapper = mount(ProductField, { props })
-
-      const statusBadge = wrapper.find('.badge')
-      expect(statusBadge.exists()).toBe(true)
-      expect(statusBadge.classes()).toContain('bg-success')
-    })
-  })
-
-  describe('Stock Level Warnings', () => {
-    it('shows low stock warning when qty < 10', async () => {
-      const props = {
-        modelValue: {
-          productId: 'PROD-002',
-          sku: 'SKU-002',
-          name: 'Premium Gadget',
-          categoryId: 'CAT-002',
-          price: 125000,
-          qtyOnHand: 5,
-          status: 'ACTIVE',
-          lastUpdated: '2026-08-28'
-        }
-      }
-
-      const wrapper = mount(ProductField, { props })
-
-      expect(wrapper.text()).toContain('Low Stock Alert')
-      expect(wrapper.text()).toContain('5 units')
-    })
-
-    it('shows danger color for out of stock', async () => {
-      const props = {
-        modelValue: {
-          productId: 'PROD-003',
-          sku: 'SKU-003',
-          name: 'Out of Stock',
-          categoryId: 'CAT-001',
-          price: 25000,
-          qtyOnHand: 0,
-          status: 'ACTIVE',
-          lastUpdated: '2026-08-28'
-        }
-      }
-
-      const wrapper = mount(ProductField, { props })
-
-      expect(wrapper.vm.stockClass).toContain('text-danger')
-    })
-
-    it('shows warning color for low stock', async () => {
-      const props = {
-        modelValue: {
-          productId: 'PROD-002',
-          sku: 'SKU-002',
-          name: 'Low Stock Item',
-          categoryId: 'CAT-002',
-          price: 125000,
-          qtyOnHand: 5,
-          status: 'ACTIVE',
-          lastUpdated: '2026-08-28'
-        }
-      }
-
-      const wrapper = mount(ProductField, { props })
-
-      expect(wrapper.vm.stockClass).toContain('text-warning')
-    })
-
-    it('shows success color for good stock', async () => {
-      const props = {
-        modelValue: {
-          productId: 'PROD-001',
-          sku: 'SKU-001',
-          name: 'Widget',
-          categoryId: 'CAT-001',
-          price: 50000,
-          qtyOnHand: 150,
-          status: 'ACTIVE',
-          lastUpdated: '2026-08-28'
-        }
-      }
-
-      const wrapper = mount(ProductField, { props })
-
-      expect(wrapper.vm.stockClass).toContain('text-success')
-    })
-  })
-
-  describe('Status Handling', () => {
-    it('shows correct status badge for ACTIVE products', async () => {
-      const props = {
-        modelValue: {
-          productId: 'PROD-001',
-          sku: 'SKU-001',
-          name: 'Active Product',
-          categoryId: 'CAT-001',
-          price: 50000,
-          qtyOnHand: 100,
-          status: 'ACTIVE',
-          lastUpdated: '2026-08-28'
-        }
-      }
-
-      const wrapper = mount(ProductField, { props })
-
-      expect(wrapper.vm.statusClass).toContain('bg-success')
-    })
-
-    it('shows correct status badge for DISCONTINUED products', async () => {
-      const props = {
-        modelValue: {
-          productId: 'PROD-003',
-          sku: 'SKU-003',
-          name: 'Discontinued Product',
-          categoryId: 'CAT-001',
-          price: 25000,
-          qtyOnHand: 0,
-          status: 'DISCONTINUED',
-          lastUpdated: '2026-08-28'
-        }
-      }
-
-      const wrapper = mount(ProductField, { props })
-
-      expect(wrapper.vm.statusClass).toContain('bg-danger')
-    })
-  })
-
-  describe('Clear Functionality', () => {
-    it('clears product when clear button clicked', async () => {
-      const props = {
-        modelValue: {
-          productId: 'PROD-001',
-          sku: 'SKU-001',
-          name: 'Widget',
-          categoryId: 'CAT-001',
-          price: 50000,
-          qtyOnHand: 100,
-          status: 'ACTIVE',
-          lastUpdated: '2026-08-28'
-        }
-      }
-
-      const wrapper = mount(ProductField, { props })
-
-      const clearBtn = wrapper.find('.btn-outline-secondary')
-      await clearBtn.trigger('click')
-
-      expect(wrapper.vm.product).toBeNull()
-      expect(wrapper.vm.sku).toBe('')
-    })
-  })
-
-  describe('Emit Events', () => {
-    it('emits update:modelValue when product loaded', async () => {
-      const wrapper = mount(ProductField, { props: defaultProps })
-
-      const input = wrapper.find('input[type="text"]')
-      await input.setValue('SKU-001')
-      await input.trigger('blur')
-
-      await new Promise((resolve) => setTimeout(resolve, 500))
-
-      const emitted = wrapper.emitted('update:modelValue')
-      expect(emitted).toBeDefined()
-    })
-
-    it('emits select event with product data', async () => {
-      const wrapper = mount(ProductField, { props: defaultProps })
-
-      const input = wrapper.find('input[type="text"]')
-      await input.setValue('SKU-001')
-      await input.trigger('blur')
-
-      await new Promise((resolve) => setTimeout(resolve, 500))
-
-      const emitted = wrapper.emitted('select')
-      expect(emitted).toBeDefined()
-      if (emitted && emitted[0]) {
-        expect((emitted[0][0] as any).sku).toBe('SKU-001')
-      }
-    })
-
-    it('emits update:modelValue with null when product not found', async () => {
-      const wrapper = mount(ProductField, { props: defaultProps })
-
-      const input = wrapper.find('input[type="text"]')
-      await input.setValue('INVALID-SKU')
-      await input.trigger('blur')
-
-      await new Promise((resolve) => setTimeout(resolve, 500))
-
-      const emitted = wrapper.emitted('update:modelValue')
-      expect(emitted).toBeDefined()
-    })
-  })
-
-  describe('Props Updates', () => {
-    it('updates when props change', async () => {
-      const wrapper = mount(ProductField, { props: defaultProps })
-
-      const newProps = {
-        modelValue: {
-          productId: 'PROD-001',
-          sku: 'SKU-001',
-          name: 'Widget',
-          categoryId: 'CAT-001',
-          price: 50000,
-          qtyOnHand: 100,
-          status: 'ACTIVE',
-          lastUpdated: '2026-08-28'
-        }
-      }
-
-      await wrapper.setProps(newProps)
-
-      expect(wrapper.vm.product).not.toBeNull()
-      expect(wrapper.vm.product?.name).toBe('Widget')
-    })
-  })
-
-  describe('Accessibility', () => {
-    it('has proper labels', () => {
-      const wrapper = mount(ProductField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Product SKU')
-    })
-
-    it('shows required indicator', () => {
-      const wrapper = mount(ProductField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('*')
-    })
-
-    it('displays error messages for accessibility', async () => {
-      const wrapper = mount(ProductField, { props: defaultProps })
-
-      const input = wrapper.find('input[type="text"]')
-      await input.setValue('AB')
-      await input.trigger('blur')
-
-      expect(wrapper.vm.skuError).not.toBeNull()
-    })
-  })
-})
diff --git a/oms-wms-erp/src/components/fields/domain/ProductField/ProductField.stories.ts b/oms-wms-erp/src/components/fields/domain/ProductField/ProductField.stories.ts
deleted file mode 100644
index 9527e22e..00000000
--- a/oms-wms-erp/src/components/fields/domain/ProductField/ProductField.stories.ts
+++ /dev/null
@@ -1,152 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3'
-import ProductField from './ProductField.vue'
-
-const meta: Meta<typeof ProductField> = {
-  title: 'Fields/Domain/ProductField',
-  component: ProductField,
-  argTypes: {
-    modelValue: {
-      control: 'object',
-      description: 'Selected product object'
-    }
-  }
-}
-
-export default meta
-type Story = StoryObj<typeof ProductField>
-
-const Template = (args: any) => ({
-  components: { ProductField },
-  setup() {
-    return { args }
-  },
-  template: `
-    <div>
-      <ProductField
-        v-bind="args"
-        @update:modelValue="args.modelValue = $event"
-        @select="console.log('Product selected:', $event)"
-      />
-      <div v-if="args.modelValue" class="mt-3">
-        <strong>Selected Product:</strong>
-        <pre>{{ JSON.stringify(args.modelValue, null, 2) }}</pre>
-      </div>
-    </div>
-  `
-})
-
-export const Empty: Story = {
-  render: Template,
-  args: {
-    modelValue: null
-  }
-}
-
-export const WithProduct: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      productId: 'PROD-001',
-      sku: 'SKU-001',
-      name: 'Standard Widget',
-      categoryId: 'CAT-001',
-      price: 50000,
-      qtyOnHand: 150,
-      status: 'ACTIVE',
-      description: 'High-quality standard widget for industrial use',
-      lastUpdated: new Date().toISOString().split('T')[0]
-    }
-  }
-}
-
-export const LowStockWarning: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      productId: 'PROD-002',
-      sku: 'SKU-002',
-      name: 'Premium Gadget',
-      categoryId: 'CAT-002',
-      price: 125000,
-      qtyOnHand: 5,
-      status: 'ACTIVE',
-      description: 'Premium grade gadget with extended warranty',
-      lastUpdated: new Date().toISOString().split('T')[0]
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Shows low stock warning when available quantity is less than 10'
-      }
-    }
-  }
-}
-
-export const Discontinued: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      productId: 'PROD-003',
-      sku: 'SKU-003',
-      name: 'Discontinued Item',
-      categoryId: 'CAT-001',
-      price: 25000,
-      qtyOnHand: 0,
-      status: 'DISCONTINUED',
-      description: 'This product has been discontinued',
-      lastUpdated: new Date().toISOString().split('T')[0]
-    }
-  }
-}
-
-export const OutOfStock: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      productId: 'PROD-004',
-      sku: 'SKU-004',
-      name: 'Out of Stock Item',
-      categoryId: 'CAT-002',
-      price: 75000,
-      qtyOnHand: 0,
-      status: 'ACTIVE',
-      description: 'Temporarily out of stock',
-      lastUpdated: new Date().toISOString().split('T')[0]
-    }
-  }
-}
-
-export const LookupDemo: Story = {
-  render: (args: any) => ({
-    components: { ProductField },
-    setup() {
-      const tips = [
-        'Try SKU-001 for Standard Widget',
-        'Try SKU-002 for Premium Gadget (low stock)',
-        'Try SKU-003 for Discontinued Item'
-      ]
-      return { args, tips }
-    },
-    template: `
-      <div>
-        <ProductField
-          v-bind="args"
-          @update:modelValue="args.modelValue = $event"
-        />
-        <div class="alert alert-info mt-3">
-          <strong>💡 Tips for testing:</strong>
-          <ul>
-            <li v-for="tip in tips" :key="tip">{{ tip }}</li>
-          </ul>
-        </div>
-        <div v-if="args.modelValue" class="mt-3">
-          <strong>Selected:</strong> {{ args.modelValue.name }}
-        </div>
-      </div>
-    `
-  }),
-  args: {
-    modelValue: null
-  }
-}
diff --git a/oms-wms-erp/src/components/fields/domain/ProductField/ProductField.vue b/oms-wms-erp/src/components/fields/domain/ProductField/ProductField.vue
deleted file mode 100644
index e8489d95..00000000
--- a/oms-wms-erp/src/components/fields/domain/ProductField/ProductField.vue
+++ /dev/null
@@ -1,435 +0,0 @@
-<template>
-  <div class="product-field">
-    <!-- SKU Input for Product Lookup -->
-    <div class="form-group">
-      <label class="form-label">
-        Product SKU
-        <span class="text-danger">*</span>
-      </label>
-      <div class="input-group">
-        <input
-          v-model="sku"
-          type="text"
-          class="form-control"
-          placeholder="e.g., SKU-001"
-          :class="{ 'is-invalid': skuError }"
-          @blur="handleSkuLookup"
-        />
-        <button
-          v-if="isLoading"
-          class="btn btn-outline-secondary"
-          disabled
-        >
-          <span class="spinner-border spinner-border-sm me-2"></span>
-          Loading...
-        </button>
-      </div>
-      <div v-if="skuError" class="invalid-feedback d-block">
-        {{ skuError }}
-      </div>
-    </div>
-
-    <!-- Product Details Panel -->
-    <div v-if="product" class="card mt-2">
-      <div class="card-body">
-        <h5 class="card-title">{{ product.name }}</h5>
-
-        <div class="row mb-3">
-          <!-- Left Column -->
-          <div class="col-md-6">
-            <small>
-              <strong>SKU:</strong> {{ product.sku }}<br>
-              <strong>Category:</strong>
-              <span class="badge bg-info">{{ product.categoryId }}</span><br>
-              <strong>Status:</strong>
-              <span :class="statusClass">{{ product.status }}</span><br>
-            </small>
-          </div>
-
-          <!-- Right Column -->
-          <div class="col-md-6">
-            <small>
-              <strong>List Price:</strong>
-              <span class="text-primary">{{ formatCurrency(product.price) }}</span><br>
-              <strong>Available Stock:</strong>
-              <strong :class="stockClass">{{ product.qtyOnHand }}</strong> units<br>
-              <strong>Last Updated:</strong> {{ formatDate(product.lastUpdated) }}<br>
-            </small>
-          </div>
-        </div>
-
-        <!-- Stock Level Warning -->
-        <div v-if="product.qtyOnHand < 10" class="alert alert-warning">
-          ⚠️ Low Stock Alert: Only {{ product.qtyOnHand }} units available
-        </div>
-
-        <!-- Description -->
-        <div v-if="product.description" class="alert alert-info">
-          <strong>Description:</strong> {{ product.description }}
-        </div>
-
-        <!-- Clear Button -->
-        <button
-          class="btn btn-sm btn-outline-secondary"
-          @click="clearProduct"
-        >
-          Clear
-        </button>
-      </div>
-    </div>
-
-    <!-- Error State -->
-    <div v-if="productNotFound" class="alert alert-danger mt-2">
-      ❌ Product not found. Please check the SKU and try again.
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue'
-import { useFormatting } from '@/composables/useFormatting'
-
-interface Product {
-  productId: string
-  sku: string
-  name: string
-  categoryId: string
-  price: number
-  qtyOnHand: number
-  status: string
-  description?: string
-  lastUpdated: string
-}
-
-const props = defineProps<{
-  modelValue: Product | null
-}>()
-
-const emit = defineEmits<{
-  'update:modelValue': [value: Product | null]
-  select: [product: Product]
-}>()
-
-const { formatCurrency, formatDate } = useFormatting()
-
-// State
-const sku = ref('')
-const product = ref<Product | null>(null)
-const isLoading = ref(false)
-const skuError = ref<string | null>(null)
-const productNotFound = ref(false)
-
-// Computed
-const statusClass = computed(() => {
-  if (!product.value) return ''
-  switch (product.value.status) {
-    case 'ACTIVE':
-      return 'badge bg-success'
-    case 'INACTIVE':
-      return 'badge bg-secondary'
-    case 'DISCONTINUED':
-      return 'badge bg-danger'
-    default:
-      return 'badge bg-secondary'
-  }
-})
-
-const stockClass = computed(() => {
-  if (!product.value) return ''
-  if (product.value.qtyOnHand === 0) return 'text-danger'
-  if (product.value.qtyOnHand < 10) return 'text-warning'
-  return 'text-success'
-})
-
-// Methods
-const handleSkuLookup = async () => {
-  skuError.value = null
-  productNotFound.value = false
-
-  if (!sku.value) {
-    product.value = null
-    emit('update:modelValue', null)
-    return
-  }
-
-  // Validate SKU format
-  if (sku.value.trim().length < 3) {
-    skuError.value = 'SKU must be at least 3 characters'
-    return
-  }
-
-  isLoading.value = true
-  try {
-    // Mock API call - would be: await productsApi.getProductBySku(sku.value)
-    const foundProduct = await mockGetProductBySku(sku.value.trim())
-
-    if (!foundProduct) {
-      productNotFound.value = true
-      product.value = null
-      skuError.value = null
-      emit('update:modelValue', null)
-      return
-    }
-
-    product.value = foundProduct
-    emit('update:modelValue', foundProduct)
-    emit('select', foundProduct)
-  } catch (error) {
-    skuError.value = 'Failed to look up product'
-    product.value = null
-  } finally {
-    isLoading.value = false
-  }
-}
-
-const clearProduct = () => {
-  sku.value = ''
-  product.value = null
-  skuError.value = null
-  productNotFound.value = false
-  emit('update:modelValue', null)
-}
-
-// Mock API - would be replaced with real API call
-const mockGetProductBySku = async (skuQuery: string): Promise<Product | null> => {
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      const mockProducts: Record<string, Product> = {
-        'SKU-001': {
-          productId: 'PROD-001',
-          sku: 'SKU-001',
-          name: 'Standard Widget',
-          categoryId: 'CAT-001',
-          price: 50000,
-          qtyOnHand: 150,
-          status: 'ACTIVE',
-          description: 'High-quality standard widget for industrial use',
-          lastUpdated: new Date().toISOString().split('T')[0]
-        },
-        'SKU-002': {
-          productId: 'PROD-002',
-          sku: 'SKU-002',
-          name: 'Premium Gadget',
-          categoryId: 'CAT-002',
-          price: 125000,
-          qtyOnHand: 5,
-          status: 'ACTIVE',
-          description: 'Premium grade gadget with extended warranty',
-          lastUpdated: new Date().toISOString().split('T')[0]
-        },
-        'SKU-003': {
-          productId: 'PROD-003',
-          sku: 'SKU-003',
-          name: 'Discontinued Item',
-          categoryId: 'CAT-001',
-          price: 25000,
-          qtyOnHand: 0,
-          status: 'DISCONTINUED',
-          description: 'This product has been discontinued',
-          lastUpdated: new Date().toISOString().split('T')[0]
-        }
-      }
-
-      resolve(mockProducts[skuQuery] || null)
-    }, 400)
-  })
-}
-</script>
-
-<style scoped>
-.product-field {
-  margin-bottom: 1.5rem;
-}
-
-.form-group {
-  margin-bottom: 1rem;
-}
-
-.form-label {
-  font-weight: 500;
-  margin-bottom: 0.5rem;
-  display: block;
-  font-size: 0.875rem;
-}
-
-.input-group {
-  display: flex;
-  position: relative;
-}
-
-.form-control {
-  border-radius: 4px;
-  border: 1px solid #dee2e6;
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-  flex: 1;
-}
-
-.form-control:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-
-.form-control.is-invalid {
-  border-color: #dc3545;
-}
-
-.btn {
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-  border-radius: 0 4px 4px 0;
-  border: 1px solid #dee2e6;
-  border-left: 0;
-  cursor: pointer;
-  transition: all 0.15s ease-in-out;
-}
-
-.btn-outline-secondary {
-  color: #6c757d;
-  border-color: #6c757d;
-}
-
-.btn-outline-secondary:disabled {
-  opacity: 0.65;
-}
-
-.btn-outline-secondary:hover:not(:disabled) {
-  background-color: #6c757d;
-  color: white;
-}
-
-.spinner-border {
-  width: 1rem;
-  height: 1rem;
-  border-width: 0.2em;
-}
-
-.me-2 {
-  margin-right: 0.5rem;
-}
-
-.card {
-  border: 1px solid #dee2e6;
-  border-radius: 4px;
-  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
-}
-
-.card-body {
-  padding: 1rem;
-}
-
-.card-title {
-  margin-bottom: 1rem;
-  font-weight: 600;
-  font-size: 1rem;
-}
-
-.row {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: 1rem;
-}
-
-.col-md-6 {
-  flex: 1;
-}
-
-.mb-3 {
-  margin-bottom: 1rem;
-}
-
-small {
-  line-height: 1.8;
-  display: block;
-}
-
-.badge {
-  padding: 0.25rem 0.5rem;
-  font-size: 0.75rem;
-  border-radius: 4px;
-  color: white;
-}
-
-.bg-success {
-  background-color: #28a745 !important;
-}
-
-.bg-secondary {
-  background-color: #6c757d !important;
-}
-
-.bg-danger {
-  background-color: #dc3545 !important;
-}
-
-.bg-info {
-  background-color: #17a2b8 !important;
-}
-
-.text-primary {
-  color: #0d6efd;
-  font-weight: 600;
-}
-
-.text-success {
-  color: #28a745;
-  font-weight: 600;
-}
-
-.text-warning {
-  color: #ffc107;
-  font-weight: 600;
-}
-
-.text-danger {
-  color: #dc3545;
-  font-weight: 600;
-}
-
-.text-danger {
-  color: #dc3545;
-  margin-left: 0.25rem;
-}
-
-.alert {
-  padding: 0.75rem 1rem;
-  border-radius: 4px;
-  font-size: 0.875rem;
-  border: 1px solid transparent;
-  margin-bottom: 1rem;
-}
-
-.alert-warning {
-  background-color: #fff3cd;
-  color: #856404;
-  border-color: #ffeaa7;
-}
-
-.alert-info {
-  background-color: #d1ecf1;
-  color: #0c5460;
-  border-color: #bee5eb;
-}
-
-.alert-danger {
-  background-color: #f8d7da;
-  color: #721c24;
-  border-color: #f5c6cb;
-}
-
-.invalid-feedback {
-  color: #dc3545;
-  font-size: 0.875rem;
-  margin-top: 0.25rem;
-  display: block;
-}
-
-.d-block {
-  display: block;
-}
-
-.mt-2 {
-  margin-top: 0.5rem;
-}
-</style>
diff --git a/oms-wms-erp/src/components/fields/domain/RoleField/RoleField.spec.ts b/oms-wms-erp/src/components/fields/domain/RoleField/RoleField.spec.ts
deleted file mode 100644
index d6421856..00000000
--- a/oms-wms-erp/src/components/fields/domain/RoleField/RoleField.spec.ts
+++ /dev/null
@@ -1,313 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { mount } from '@vue/test-utils'
-import RoleField from './RoleField.vue'
-
-describe('RoleField (Domain Field)', () => {
-  const defaultProps = {
-    modelValue: null
-  }
-
-  describe('Rendering', () => {
-    it('renders role checkboxes', () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Roles')
-      expect(wrapper.text()).toContain('Administrator')
-      expect(wrapper.text()).toContain('Manager')
-      expect(wrapper.text()).toContain('Operator')
-      expect(wrapper.text()).toContain('Viewer')
-    })
-
-    it('renders role descriptions', () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Full system access')
-      expect(wrapper.text()).toContain('Manage orders, inventory')
-    })
-
-    it('renders primary role dropdown', () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Primary Role')
-    })
-
-    it('renders permission level display', () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Permission Level')
-    })
-  })
-
-  describe('Role Selection', () => {
-    it('requires at least one role', async () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      expect(wrapper.vm.roleError).toBeNull()
-      wrapper.vm.validateAndEmit()
-
-      expect(wrapper.vm.roleError).not.toBeNull()
-      expect(wrapper.vm.roleError).toContain('At least one role')
-    })
-
-    it('allows single role selection', async () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      wrapper.vm.toggleRole('operator')
-
-      expect(wrapper.vm.selectedRoleIds).toContain('operator')
-      expect(wrapper.vm.roleError).toBeNull()
-    })
-
-    it('allows multiple role selection', async () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      wrapper.vm.toggleRole('operator')
-      wrapper.vm.toggleRole('manager')
-
-      expect(wrapper.vm.selectedRoleIds).toContain('operator')
-      expect(wrapper.vm.selectedRoleIds).toContain('manager')
-      expect(wrapper.vm.selectedRoleIds.length).toBe(2)
-    })
-
-    it('can deselect a role', async () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      wrapper.vm.toggleRole('operator')
-      expect(wrapper.vm.selectedRoleIds).toContain('operator')
-
-      wrapper.vm.toggleRole('operator')
-      expect(wrapper.vm.selectedRoleIds).not.toContain('operator')
-    })
-
-    it('supports 6 roles', () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      expect(wrapper.vm.availableRoles.length).toBe(6)
-      expect(wrapper.vm.availableRoles.some((r) => r.id === 'admin')).toBe(true)
-      expect(wrapper.vm.availableRoles.some((r) => r.id === 'warehouse')).toBe(true)
-    })
-  })
-
-  describe('Permission Level Calculation', () => {
-    it('shows ADMIN level when admin role selected', async () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      wrapper.vm.toggleRole('admin')
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.maxPermissionLevel).toBe('ADMIN')
-    })
-
-    it('shows MANAGER level when manager selected (no admin)', async () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      wrapper.vm.toggleRole('manager')
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.maxPermissionLevel).toBe('MANAGER')
-    })
-
-    it('shows OPERATOR level when operator selected (no higher)', async () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      wrapper.vm.toggleRole('operator')
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.maxPermissionLevel).toBe('OPERATOR')
-    })
-
-    it('shows highest permission when multiple roles selected', async () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      wrapper.vm.toggleRole('operator')
-      wrapper.vm.toggleRole('viewer')
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.maxPermissionLevel).toBe('OPERATOR')
-    })
-
-    it('shows highest available when admin + manager selected', async () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      wrapper.vm.toggleRole('admin')
-      wrapper.vm.toggleRole('manager')
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.maxPermissionLevel).toBe('ADMIN')
-    })
-  })
-
-  describe('Primary Role', () => {
-    it('defaults to first selected role', async () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      wrapper.vm.toggleRole('operator')
-      await wrapper.vm.$nextTick()
-      wrapper.vm.validateAndEmit()
-
-      expect(wrapper.vm.selectedPrimaryRole).toBe('operator')
-    })
-
-    it('allows primary role selection from selected roles', async () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      wrapper.vm.toggleRole('operator')
-      wrapper.vm.toggleRole('manager')
-      wrapper.vm.selectedPrimaryRole = 'manager'
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.selectedPrimaryRole).toBe('manager')
-    })
-
-    it('resets primary role if deselected', async () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      wrapper.vm.toggleRole('operator')
-      wrapper.vm.toggleRole('manager')
-      wrapper.vm.selectedPrimaryRole = 'manager'
-      await wrapper.vm.$nextTick()
-
-      wrapper.vm.toggleRole('manager')
-      expect(wrapper.vm.selectedPrimaryRole).toBe('')
-    })
-  })
-
-  describe('Completion Status', () => {
-    it('is complete when role selected', async () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      wrapper.vm.toggleRole('operator')
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.isComplete).toBe(true)
-    })
-
-    it('is not complete when no roles selected', async () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      expect(wrapper.vm.isComplete).toBe(false)
-    })
-
-    it('shows success alert when complete', async () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      wrapper.vm.toggleRole('operator')
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.text()).toContain('Role assignment is valid')
-    })
-
-    it('shows error alert when empty', async () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      wrapper.vm.validateAndEmit()
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.text()).toContain('At least one role must be selected')
-    })
-  })
-
-  describe('Event Emission', () => {
-    it('emits update:modelValue with selected roles', async () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      wrapper.vm.toggleRole('operator')
-      wrapper.vm.toggleRole('viewer')
-      wrapper.vm.validateAndEmit()
-
-      const emitted = wrapper.emitted('update:modelValue')
-      expect(emitted).toBeTruthy()
-      expect(emitted[0][0].selectedRoleIds).toContain('operator')
-      expect(emitted[0][0].selectedRoleIds).toContain('viewer')
-    })
-
-    it('emits primary role in update', async () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      wrapper.vm.toggleRole('manager')
-      wrapper.vm.selectedPrimaryRole = 'manager'
-      wrapper.vm.validateAndEmit()
-
-      const emitted = wrapper.emitted('update:modelValue')
-      expect(emitted[0][0].primaryRoleId).toBe('manager')
-    })
-
-    it('emits null when no roles selected', async () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      wrapper.vm.validateAndEmit()
-
-      const emitted = wrapper.emitted('update:modelValue')
-      expect(emitted[0][0]).toBeNull()
-    })
-  })
-
-  describe('Props Updates', () => {
-    it('loads roles from modelValue prop', () => {
-      const props = {
-        modelValue: {
-          selectedRoleIds: ['manager', 'operator'],
-          primaryRoleId: 'manager'
-        }
-      }
-
-      const wrapper = mount(RoleField, { props })
-
-      expect(wrapper.vm.selectedRoleIds).toEqual(['manager', 'operator'])
-      expect(wrapper.vm.selectedPrimaryRole).toBe('manager')
-    })
-  })
-
-  describe('Accessibility', () => {
-    it('shows required indicators', () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      const labels = wrapper.findAll('label')
-      const requiredLabels = labels.filter((l) => l.text().includes('*'))
-
-      expect(requiredLabels.length).toBeGreaterThan(0)
-    })
-
-    it('shows disabled primary role message when no roles selected', () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Select at least one role first')
-    })
-
-    it('has proper label associations', () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      const checkboxes = wrapper.findAll('input[type="checkbox"]')
-      expect(checkboxes.length).toBe(6)
-    })
-  })
-
-  describe('Selected Roles Summary', () => {
-    it('shows summary when roles selected', async () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      wrapper.vm.toggleRole('operator')
-      wrapper.vm.toggleRole('manager')
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.text()).toContain('2 Roles')
-      expect(wrapper.text()).toContain('Operator')
-      expect(wrapper.text()).toContain('Manager')
-    })
-
-    it('does not show summary when no roles selected', async () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      expect(wrapper.vm.selectedRoles.length).toBe(0)
-    })
-
-    it('uses singular "Role" for single selection', async () => {
-      const wrapper = mount(RoleField, { props: defaultProps })
-
-      wrapper.vm.toggleRole('viewer')
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.text()).toContain('1 Role')
-    })
-  })
-})
diff --git a/oms-wms-erp/src/components/fields/domain/RoleField/RoleField.stories.ts b/oms-wms-erp/src/components/fields/domain/RoleField/RoleField.stories.ts
deleted file mode 100644
index a4cbcd6d..00000000
--- a/oms-wms-erp/src/components/fields/domain/RoleField/RoleField.stories.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3'
-import RoleField from './RoleField.vue'
-
-const meta: Meta<typeof RoleField> = {
-  title: 'Fields/Domain/RoleField',
-  component: RoleField
-}
-
-export default meta
-type Story = StoryObj<typeof RoleField>
-
-const Template = (args: any) => ({
-  components: { RoleField },
-  setup() {
-    return { args }
-  },
-  template: `
-    <div>
-      <RoleField
-        v-bind="args"
-        @update:modelValue="args.modelValue = $event"
-      />
-      <div v-if="args.modelValue" class="mt-3">
-        <strong>Roles:</strong>
-        <p>Selected: {{ args.modelValue.selectedRoleIds.join(', ') }}</p>
-        <p v-if="args.modelValue.primaryRoleId">Primary: {{ args.modelValue.primaryRoleId }}</p>
-      </div>
-    </div>
-  `
-})
-
-export const Empty: Story = {
-  render: Template,
-  args: {
-    modelValue: null
-  }
-}
-
-export const Operator: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      selectedRoleIds: ['operator'],
-      primaryRoleId: 'operator'
-    }
-  }
-}
-
-export const ManagerWithOperator: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      selectedRoleIds: ['manager', 'operator'],
-      primaryRoleId: 'manager'
-    }
-  }
-}
-
-export const AdminFull: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      selectedRoleIds: ['admin', 'manager', 'operator'],
-      primaryRoleId: 'admin'
-    }
-  }
-}
-
-export const MultipleRoles: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      selectedRoleIds: ['operator', 'auditor', 'warehouse'],
-      primaryRoleId: 'operator'
-    }
-  }
-}
diff --git a/oms-wms-erp/src/components/fields/domain/RoleField/RoleField.vue b/oms-wms-erp/src/components/fields/domain/RoleField/RoleField.vue
deleted file mode 100644
index ad7a23dc..00000000
--- a/oms-wms-erp/src/components/fields/domain/RoleField/RoleField.vue
+++ /dev/null
@@ -1,403 +0,0 @@
-<template>
-  <div class="role-field">
-    <div class="role-group">
-      <!-- Role Selection (Multi-select) -->
-      <div class="form-group col-full">
-        <label class="form-label">
-          Roles
-          <span class="text-danger">*</span>
-        </label>
-        <div class="role-checkboxes">
-          <div v-for="role in availableRoles" :key="role.id" class="form-check">
-            <input
-              :id="`role-${role.id}`"
-              type="checkbox"
-              class="form-check-input"
-              :checked="isRoleSelected(role.id)"
-              @change="toggleRole(role.id)"
-            />
-            <label :for="`role-${role.id}`" class="form-check-label">
-              {{ role.name }}
-              <small class="text-muted d-block">{{ role.description }}</small>
-            </label>
-          </div>
-        </div>
-        <div v-if="roleError" class="invalid-feedback d-block mt-2">
-          {{ roleError }}
-        </div>
-      </div>
-
-      <!-- Primary Role (Optional) -->
-      <div class="form-group">
-        <label class="form-label">Primary Role</label>
-        <select v-model="selectedPrimaryRole" class="form-control">
-          <option value="">-- Select Primary --</option>
-          <option v-for="role in selectedRoles" :key="role.id" :value="role.id">
-            {{ role.name }}
-          </option>
-        </select>
-        <small v-if="selectedRoles.length === 0" class="text-muted d-block mt-1">
-          Select at least one role first
-        </small>
-      </div>
-
-      <!-- Permission Level (Read-Only Display) -->
-      <div class="form-group">
-        <label class="form-label">Permission Level</label>
-        <div class="permission-level">
-          <span v-if="maxPermissionLevel === 'ADMIN'" class="badge bg-danger">
-            ⚠️ Administrator
-          </span>
-          <span v-else-if="maxPermissionLevel === 'MANAGER'" class="badge bg-warning">
-            📊 Manager
-          </span>
-          <span v-else-if="maxPermissionLevel === 'OPERATOR'" class="badge bg-info">
-            🔧 Operator
-          </span>
-          <span v-else class="badge bg-secondary">
-            👁️ Viewer
-          </span>
-        </div>
-      </div>
-    </div>
-
-    <!-- Selected Roles Summary -->
-    <div v-if="selectedRoles.length > 0" class="roles-summary mt-2">
-      <small class="text-muted">
-        👥 <strong>{{ selectedRoles.length }} Role{{ selectedRoles.length !== 1 ? 's' : '' }}</strong> —
-        <span v-for="(role, idx) in selectedRoles" :key="role.id">
-          {{ role.name }}<span v-if="idx < selectedRoles.length - 1">, </span>
-        </span>
-      </small>
-    </div>
-
-    <!-- Validation Status -->
-    <div v-if="roleError" class="alert alert-danger mt-2">
-      ⚠️ {{ roleError }}
-    </div>
-
-    <div v-if="isComplete && !roleError" class="alert alert-success mt-2">
-      ✅ Role assignment is valid
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue'
-
-interface Role {
-  id: string
-  name: string
-  description: string
-  permissionLevel: 'ADMIN' | 'MANAGER' | 'OPERATOR' | 'VIEWER'
-}
-
-interface RoleAssignment {
-  selectedRoleIds: string[]
-  primaryRoleId?: string
-}
-
-const props = defineProps<{
-  modelValue: RoleAssignment | null
-}>()
-
-const emit = defineEmits<{
-  'update:modelValue': [value: RoleAssignment | null]
-}>()
-
-// Available roles
-const availableRoles: Role[] = [
-  {
-    id: 'admin',
-    name: 'Administrator',
-    description: 'Full system access, user management, settings',
-    permissionLevel: 'ADMIN'
-  },
-  {
-    id: 'manager',
-    name: 'Manager',
-    description: 'Manage orders, inventory, users in assigned area',
-    permissionLevel: 'MANAGER'
-  },
-  {
-    id: 'operator',
-    name: 'Operator',
-    description: 'Create/edit orders, inventory transactions',
-    permissionLevel: 'OPERATOR'
-  },
-  {
-    id: 'viewer',
-    name: 'Viewer',
-    description: 'Read-only access to dashboards and reports',
-    permissionLevel: 'VIEWER'
-  },
-  {
-    id: 'auditor',
-    name: 'Auditor',
-    description: 'Read-only access to audit logs and compliance reports',
-    permissionLevel: 'VIEWER'
-  },
-  {
-    id: 'warehouse',
-    name: 'Warehouse Staff',
-    description: 'Warehouse operations, inventory, shipping',
-    permissionLevel: 'OPERATOR'
-  }
-]
-
-// State
-const selectedRoleIds = ref<string[]>(
-  props.modelValue?.selectedRoleIds || []
-)
-const selectedPrimaryRole = ref<string>(
-  props.modelValue?.primaryRoleId || ''
-)
-const roleError = ref<string | null>(null)
-
-// Computed
-const selectedRoles = computed(() => {
-  return availableRoles.filter((role) => selectedRoleIds.value.includes(role.id))
-})
-
-const maxPermissionLevel = computed(() => {
-  if (selectedRoles.value.length === 0) return ''
-
-  const levels = ['ADMIN', 'MANAGER', 'OPERATOR', 'VIEWER']
-  for (const level of levels) {
-    if (selectedRoles.value.some((role) => role.permissionLevel === level)) {
-      return level
-    }
-  }
-  return 'VIEWER'
-})
-
-const isComplete = computed(() => {
-  return selectedRoleIds.value.length > 0 && !roleError.value
-})
-
-// Methods
-const isRoleSelected = (roleId: string): boolean => {
-  return selectedRoleIds.value.includes(roleId)
-}
-
-const toggleRole = (roleId: string) => {
-  roleError.value = null
-
-  const index = selectedRoleIds.value.indexOf(roleId)
-  if (index > -1) {
-    selectedRoleIds.value.splice(index, 1)
-  } else {
-    selectedRoleIds.value.push(roleId)
-  }
-
-  // Reset primary role if not in selected
-  if (
-    selectedPrimaryRole.value &&
-    !selectedRoleIds.value.includes(selectedPrimaryRole.value)
-  ) {
-    selectedPrimaryRole.value = ''
-  }
-
-  validateAndEmit()
-}
-
-const validateAndEmit = () => {
-  roleError.value = null
-
-  if (selectedRoleIds.value.length === 0) {
-    roleError.value = 'At least one role must be selected'
-    emit('update:modelValue', null)
-    return
-  }
-
-  emit('update:modelValue', {
-    selectedRoleIds: selectedRoleIds.value,
-    primaryRoleId: selectedPrimaryRole.value || selectedRoleIds.value[0]
-  })
-}
-</script>
-
-<style scoped>
-.role-field {
-  margin-bottom: 1.5rem;
-}
-
-.role-group {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: 1rem;
-  padding: 1rem;
-  border: 1px solid #dee2e6;
-  border-radius: 4px;
-  background-color: #f8f9fa;
-}
-
-.col-full {
-  grid-column: 1 / -1;
-}
-
-.form-group {
-  display: flex;
-  flex-direction: column;
-}
-
-.form-label {
-  font-weight: 500;
-  margin-bottom: 0.5rem;
-  font-size: 0.875rem;
-}
-
-.form-control {
-  border-radius: 4px;
-  border: 1px solid #dee2e6;
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-  font-family: inherit;
-}
-
-.form-control:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-
-.form-control:disabled {
-  background-color: #e9ecef;
-  opacity: 1;
-}
-
-.text-danger {
-  color: #dc3545;
-  margin-left: 0.25rem;
-}
-
-.text-muted {
-  color: #6c757d;
-  font-size: 0.875rem;
-}
-
-.role-checkboxes {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: 0.75rem;
-  padding: 0.75rem;
-  border: 1px solid #dee2e6;
-  border-radius: 4px;
-  background-color: #fff;
-}
-
-.form-check {
-  display: flex;
-  gap: 0.5rem;
-}
-
-.form-check-input {
-  width: 1rem;
-  height: 1rem;
-  margin-top: 0.25rem;
-  cursor: pointer;
-  accent-color: #0d6efd;
-}
-
-.form-check-label {
-  cursor: pointer;
-  margin-bottom: 0;
-  user-select: none;
-  font-size: 0.875rem;
-}
-
-.form-check-label small {
-  margin-top: 0.25rem;
-  display: block;
-}
-
-.invalid-feedback {
-  color: #dc3545;
-  font-size: 0.875rem;
-  margin-top: 0.25rem;
-  display: block;
-}
-
-.d-block {
-  display: block;
-}
-
-.mt-1 {
-  margin-top: 0.25rem;
-}
-
-.mt-2 {
-  margin-top: 0.5rem;
-}
-
-.permission-level {
-  padding: 0.75rem;
-  background-color: #f8f9fa;
-  border-radius: 4px;
-  display: flex;
-  align-items: center;
-}
-
-.badge {
-  font-size: 0.75rem;
-  padding: 0.375rem 0.75rem;
-  font-weight: 500;
-}
-
-.bg-danger {
-  background-color: #dc3545;
-  color: #fff;
-}
-
-.bg-warning {
-  background-color: #ffc107;
-  color: #000;
-}
-
-.bg-info {
-  background-color: #17a2b8;
-  color: #fff;
-}
-
-.bg-secondary {
-  background-color: #6c757d;
-  color: #fff;
-}
-
-.roles-summary {
-  padding: 0.75rem;
-  background-color: #e7f3ff;
-  border-left: 3px solid #0d6efd;
-  border-radius: 4px;
-  font-size: 0.875rem;
-  line-height: 1.6;
-}
-
-.alert {
-  padding: 0.75rem 1rem;
-  border-radius: 4px;
-  font-size: 0.875rem;
-  border: 1px solid transparent;
-  margin-bottom: 1rem;
-}
-
-.alert-danger {
-  background-color: #f8d7da;
-  color: #721c24;
-  border-color: #f5c6cb;
-}
-
-.alert-success {
-  background-color: #d4edda;
-  color: #155724;
-  border-color: #c3e6cb;
-}
-
-small {
-  display: block;
-}
-
-strong {
-  font-weight: 600;
-}
-</style>
diff --git a/oms-wms-erp/src/components/fields/domain/StockTransferField/StockTransferField.spec.ts b/oms-wms-erp/src/components/fields/domain/StockTransferField/StockTransferField.spec.ts
deleted file mode 100644
index 875ea8a2..00000000
--- a/oms-wms-erp/src/components/fields/domain/StockTransferField/StockTransferField.spec.ts
+++ /dev/null
@@ -1,379 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { mount } from '@vue/test-utils'
-import StockTransferField from './StockTransferField.vue'
-
-describe('StockTransferField (Domain Field)', () => {
-  const defaultProps = {
-    modelValue: null
-  }
-
-  describe('Rendering', () => {
-    it('renders from warehouse dropdown', () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('From Warehouse')
-      expect(wrapper.text()).toContain('Main Warehouse')
-    })
-
-    it('renders to warehouse dropdown', () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('To Warehouse')
-    })
-
-    it('renders product SKU input', () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Product SKU')
-    })
-
-    it('renders quantity input', () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Quantity')
-    })
-
-    it('renders transfer unit dropdown', () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Unit')
-      expect(wrapper.text()).toContain('Pieces (PCS)')
-      expect(wrapper.text()).toContain('PALLET')
-    })
-
-    it('renders reason dropdown', () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Reason')
-    })
-
-    it('renders priority dropdown', () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Priority')
-    })
-
-    it('renders notes textarea', () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Notes')
-    })
-  })
-
-  describe('Warehouse Validation', () => {
-    it('requires from warehouse', async () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      wrapper.vm.transfer.fromWarehouse = ''
-      wrapper.vm.validateFromWarehouse()
-
-      expect(wrapper.vm.fromError).not.toBeNull()
-      expect(wrapper.vm.fromError).toContain('Source warehouse')
-    })
-
-    it('requires to warehouse', async () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      wrapper.vm.transfer.toWarehouse = ''
-      wrapper.vm.validateToWarehouse()
-
-      expect(wrapper.vm.toError).not.toBeNull()
-      expect(wrapper.vm.toError).toContain('Destination warehouse')
-    })
-
-    it('prevents same warehouse for source and destination', async () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      wrapper.vm.transfer.fromWarehouse = 'WH-001'
-      wrapper.vm.transfer.toWarehouse = 'WH-001'
-      wrapper.vm.validateFromWarehouse()
-
-      expect(wrapper.vm.fromError).not.toBeNull()
-      expect(wrapper.vm.fromError).toContain('cannot be the same')
-    })
-
-    it('accepts different warehouses', async () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      wrapper.vm.transfer.fromWarehouse = 'WH-001'
-      wrapper.vm.transfer.toWarehouse = 'WH-002'
-      wrapper.vm.validateFromWarehouse()
-      wrapper.vm.validateToWarehouse()
-
-      expect(wrapper.vm.fromError).toBeNull()
-      expect(wrapper.vm.toError).toBeNull()
-    })
-
-    it('supports 4 warehouses', () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Main Warehouse')
-      expect(wrapper.text()).toContain('Regional Center')
-      expect(wrapper.text()).toContain('Distribution Hub')
-      expect(wrapper.text()).toContain('Express Depot')
-    })
-  })
-
-  describe('SKU Validation', () => {
-    it('requires SKU', async () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      wrapper.vm.transfer.productSku = ''
-      wrapper.vm.validateSku()
-
-      expect(wrapper.vm.skuError).not.toBeNull()
-      expect(wrapper.vm.skuError).toContain('required')
-    })
-
-    it('validates minimum length', async () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      wrapper.vm.transfer.productSku = 'SK'
-      wrapper.vm.validateSku()
-
-      expect(wrapper.vm.skuError).not.toBeNull()
-      expect(wrapper.vm.skuError).toContain('at least 3 characters')
-    })
-
-    it('accepts valid SKU', async () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      wrapper.vm.transfer.productSku = 'SKU-12345'
-      wrapper.vm.validateSku()
-
-      expect(wrapper.vm.skuError).toBeNull()
-    })
-  })
-
-  describe('Quantity Validation', () => {
-    it('requires quantity', async () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      wrapper.vm.transfer.quantity = 0
-      wrapper.vm.validateQuantity()
-
-      expect(wrapper.vm.quantityError).not.toBeNull()
-      expect(wrapper.vm.quantityError).toContain('greater than 0')
-    })
-
-    it('validates whole number', async () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      wrapper.vm.transfer.quantity = 10.5
-      wrapper.vm.validateQuantity()
-
-      expect(wrapper.vm.quantityError).not.toBeNull()
-      expect(wrapper.vm.quantityError).toContain('whole number')
-    })
-
-    it('accepts valid quantity', async () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      wrapper.vm.transfer.quantity = 100
-      wrapper.vm.validateQuantity()
-
-      expect(wrapper.vm.quantityError).toBeNull()
-    })
-
-    it('accepts large quantities', async () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      wrapper.vm.transfer.quantity = 10000
-      wrapper.vm.validateQuantity()
-
-      expect(wrapper.vm.quantityError).toBeNull()
-    })
-  })
-
-  describe('Completion Status', () => {
-    it('requires all mandatory fields', async () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      wrapper.vm.transfer.fromWarehouse = 'WH-001'
-      wrapper.vm.transfer.toWarehouse = 'WH-002'
-      wrapper.vm.transfer.productSku = 'SKU-123'
-      wrapper.vm.transfer.quantity = 100
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.isComplete).toBe(true)
-    })
-
-    it('is not complete when from warehouse missing', async () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      wrapper.vm.transfer.toWarehouse = 'WH-002'
-      wrapper.vm.transfer.productSku = 'SKU-123'
-      wrapper.vm.transfer.quantity = 100
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.isComplete).toBe(false)
-    })
-
-    it('is not complete when quantity is 0', async () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      wrapper.vm.transfer.fromWarehouse = 'WH-001'
-      wrapper.vm.transfer.toWarehouse = 'WH-002'
-      wrapper.vm.transfer.productSku = 'SKU-123'
-      wrapper.vm.transfer.quantity = 0
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.isComplete).toBe(false)
-    })
-
-    it('shows success alert when complete', async () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      wrapper.vm.transfer.fromWarehouse = 'WH-001'
-      wrapper.vm.transfer.toWarehouse = 'WH-002'
-      wrapper.vm.transfer.productSku = 'SKU-123'
-      wrapper.vm.transfer.quantity = 50
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.text()).toContain('Stock transfer is configured')
-    })
-  })
-
-  describe('Optional Fields', () => {
-    it('allows reason selection', () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('STOCK_REBALANCE')
-      expect(wrapper.text()).toContain('CUSTOMER_REQUEST')
-    })
-
-    it('allows priority selection', () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Normal')
-      expect(wrapper.text()).toContain('High')
-      expect(wrapper.text()).toContain('Urgent')
-    })
-
-    it('allows transit days input', async () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      wrapper.vm.transfer.transitDays = 3
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.transfer.transitDays).toBe(3)
-    })
-
-    it('allows notes input', async () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      wrapper.vm.transfer.notes = 'Special handling required'
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.transfer.notes).toBe('Special handling required')
-    })
-  })
-
-  describe('Transfer Summary Display', () => {
-    it('shows summary when complete', async () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      wrapper.vm.transfer.fromWarehouse = 'WH-001'
-      wrapper.vm.transfer.toWarehouse = 'WH-002'
-      wrapper.vm.transfer.productSku = 'SKU-12345'
-      wrapper.vm.transfer.quantity = 100
-      wrapper.vm.transfer.unit = 'PCS'
-      wrapper.vm.transfer.reason = 'STOCK_REBALANCE'
-      wrapper.vm.transfer.priority = 'NORMAL'
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.text()).toContain('100 PCS')
-      expect(wrapper.text()).toContain('SKU-12345')
-      expect(wrapper.text()).toContain('Main Warehouse')
-      expect(wrapper.text()).toContain('Regional Center')
-    })
-
-    it('displays priority badge', async () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      wrapper.vm.transfer.fromWarehouse = 'WH-001'
-      wrapper.vm.transfer.toWarehouse = 'WH-002'
-      wrapper.vm.transfer.productSku = 'SKU-123'
-      wrapper.vm.transfer.quantity = 50
-      wrapper.vm.transfer.priority = 'URGENT'
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.text()).toContain('URGENT')
-    })
-  })
-
-  describe('Props Updates', () => {
-    it('loads transfer from modelValue prop', () => {
-      const props = {
-        modelValue: {
-          fromWarehouse: 'WH-002',
-          toWarehouse: 'WH-003',
-          productSku: 'SKU-99999',
-          quantity: 500,
-          unit: 'KG',
-          reason: 'QUALITY_ISSUE',
-          transitDays: 5,
-          priority: 'HIGH',
-          notes: 'Return for inspection'
-        }
-      }
-
-      const wrapper = mount(StockTransferField, { props })
-
-      expect(wrapper.vm.transfer.fromWarehouse).toBe('WH-002')
-      expect(wrapper.vm.transfer.quantity).toBe(500)
-      expect(wrapper.vm.transfer.unit).toBe('KG')
-      expect(wrapper.vm.transfer.notes).toBe('Return for inspection')
-    })
-  })
-
-  describe('Event Emission', () => {
-    it('emits update:modelValue when complete', async () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      wrapper.vm.transfer.fromWarehouse = 'WH-001'
-      wrapper.vm.transfer.toWarehouse = 'WH-002'
-      wrapper.vm.transfer.productSku = 'SKU-123'
-      wrapper.vm.transfer.quantity = 100
-      wrapper.vm.transfer.unit = 'BOX'
-      wrapper.vm.transfer.priority = 'HIGH'
-      await wrapper.vm.$nextTick()
-      wrapper.vm.emitUpdate()
-
-      const emitted = wrapper.emitted('update:modelValue')
-      expect(emitted).toBeTruthy()
-      expect(emitted[0][0].quantity).toBe(100)
-      expect(emitted[0][0].unit).toBe('BOX')
-      expect(emitted[0][0].priority).toBe('HIGH')
-    })
-  })
-
-  describe('Accessibility', () => {
-    it('shows required indicators', () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      const labels = wrapper.findAll('label')
-      const requiredLabels = labels.filter((l) => l.text().includes('*'))
-
-      expect(requiredLabels.length).toBeGreaterThan(0)
-    })
-
-    it('shows unit options', () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Kilogram (KG)')
-      expect(wrapper.text()).toContain('Liter (L)')
-    })
-  })
-
-  describe('Warehouse Name Formatting', () => {
-    it('formats warehouse names correctly', () => {
-      const wrapper = mount(StockTransferField, { props: defaultProps })
-
-      expect(wrapper.vm.getWarehouseName('WH-001')).toBe('Main Warehouse')
-      expect(wrapper.vm.getWarehouseName('WH-002')).toBe('Regional Center')
-      expect(wrapper.vm.getWarehouseName('WH-003')).toBe('Distribution Hub')
-      expect(wrapper.vm.getWarehouseName('WH-004')).toBe('Express Depot')
-    })
-  })
-})
diff --git a/oms-wms-erp/src/components/fields/domain/StockTransferField/StockTransferField.stories.ts b/oms-wms-erp/src/components/fields/domain/StockTransferField/StockTransferField.stories.ts
deleted file mode 100644
index cd623d2c..00000000
--- a/oms-wms-erp/src/components/fields/domain/StockTransferField/StockTransferField.stories.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3'
-import StockTransferField from './StockTransferField.vue'
-
-const meta: Meta<typeof StockTransferField> = {
-  title: 'Fields/Domain/StockTransferField',
-  component: StockTransferField
-}
-
-export default meta
-type Story = StoryObj<typeof StockTransferField>
-
-const Template = (args: any) => ({
-  components: { StockTransferField },
-  setup() {
-    return { args }
-  },
-  template: `
-    <div>
-      <StockTransferField
-        v-bind="args"
-        @update:modelValue="args.modelValue = $event"
-      />
-      <div v-if="args.modelValue" class="mt-3">
-        <strong>Transfer:</strong>
-        <p>From: {{ args.modelValue.fromWarehouse }} → To: {{ args.modelValue.toWarehouse }}</p>
-        <p>{{ args.modelValue.quantity }} {{ args.modelValue.unit }} of {{ args.modelValue.productSku }}</p>
-      </div>
-    </div>
-  `
-})
-
-export const Empty: Story = {
-  render: Template,
-  args: {
-    modelValue: null
-  }
-}
-
-export const RebalanceTransfer: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      fromWarehouse: 'WH-001',
-      toWarehouse: 'WH-002',
-      productSku: 'SKU-12345',
-      quantity: 100,
-      unit: 'PCS',
-      reason: 'STOCK_REBALANCE',
-      transitDays: 2,
-      priority: 'NORMAL',
-      notes: 'Regular rebalancing'
-    }
-  }
-}
-
-export const UrgentTransfer: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      fromWarehouse: 'WH-003',
-      toWarehouse: 'WH-004',
-      productSku: 'SKU-67890',
-      quantity: 50,
-      unit: 'BOX',
-      reason: 'CUSTOMER_REQUEST',
-      transitDays: 1,
-      priority: 'URGENT',
-      notes: 'Emergency stock shortage - customer waiting'
-    }
-  }
-}
-
-export const PalletTransfer: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      fromWarehouse: 'WH-001',
-      toWarehouse: 'WH-003',
-      productSku: 'SKU-11111',
-      quantity: 20,
-      unit: 'PALLET',
-      reason: 'DEMAND_FORECAST',
-      transitDays: 3,
-      priority: 'HIGH',
-      notes: 'Seasonal demand spike expected'
-    }
-  }
-}
-
-export const BulkTransfer: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      fromWarehouse: 'WH-002',
-      toWarehouse: 'WH-001',
-      productSku: 'SKU-99999',
-      quantity: 500,
-      unit: 'KG',
-      reason: 'QUALITY_ISSUE',
-      transitDays: 5,
-      priority: 'HIGH',
-      notes: 'Return for quality inspection and reprocessing'
-    }
-  }
-}
diff --git a/oms-wms-erp/src/components/fields/domain/StockTransferField/StockTransferField.vue b/oms-wms-erp/src/components/fields/domain/StockTransferField/StockTransferField.vue
deleted file mode 100644
index aa91b30f..00000000
--- a/oms-wms-erp/src/components/fields/domain/StockTransferField/StockTransferField.vue
+++ /dev/null
@@ -1,458 +0,0 @@
-<template>
-  <div class="stock-transfer-field">
-    <div class="transfer-group">
-      <!-- From Warehouse (Source) -->
-      <div class="form-group">
-        <label class="form-label">
-          From Warehouse
-          <span class="text-danger">*</span>
-        </label>
-        <select
-          v-model="transfer.fromWarehouse"
-          class="form-control"
-          :class="{ 'is-invalid': fromError }"
-          @blur="validateFromWarehouse"
-        >
-          <option value="">-- Select Source --</option>
-          <option value="WH-001">Main Warehouse (WH-001)</option>
-          <option value="WH-002">Regional Center (WH-002)</option>
-          <option value="WH-003">Distribution Hub (WH-003)</option>
-          <option value="WH-004">Express Depot (WH-004)</option>
-        </select>
-        <div v-if="fromError" class="invalid-feedback d-block">
-          {{ fromError }}
-        </div>
-      </div>
-
-      <!-- To Warehouse (Destination) -->
-      <div class="form-group">
-        <label class="form-label">
-          To Warehouse
-          <span class="text-danger">*</span>
-        </label>
-        <select
-          v-model="transfer.toWarehouse"
-          class="form-control"
-          :class="{ 'is-invalid': toError }"
-          @blur="validateToWarehouse"
-        >
-          <option value="">-- Select Destination --</option>
-          <option value="WH-001">Main Warehouse (WH-001)</option>
-          <option value="WH-002">Regional Center (WH-002)</option>
-          <option value="WH-003">Distribution Hub (WH-003)</option>
-          <option value="WH-004">Express Depot (WH-004)</option>
-        </select>
-        <div v-if="toError" class="invalid-feedback d-block">
-          {{ toError }}
-        </div>
-      </div>
-
-      <!-- Product SKU -->
-      <div class="form-group col-full">
-        <label class="form-label">
-          Product SKU
-          <span class="text-danger">*</span>
-        </label>
-        <input
-          v-model="transfer.productSku"
-          type="text"
-          class="form-control"
-          :class="{ 'is-invalid': skuError }"
-          placeholder="e.g., SKU-12345"
-          @blur="validateSku"
-        />
-        <div v-if="skuError" class="invalid-feedback d-block">
-          {{ skuError }}
-        </div>
-      </div>
-
-      <!-- Quantity to Transfer -->
-      <div class="form-group">
-        <label class="form-label">
-          Quantity
-          <span class="text-danger">*</span>
-        </label>
-        <input
-          v-model.number="transfer.quantity"
-          type="number"
-          class="form-control"
-          :class="{ 'is-invalid': quantityError }"
-          placeholder="0"
-          min="1"
-          @blur="validateQuantity"
-        />
-        <div v-if="quantityError" class="invalid-feedback d-block">
-          {{ quantityError }}
-        </div>
-      </div>
-
-      <!-- Transfer Unit -->
-      <div class="form-group">
-        <label class="form-label">Unit</label>
-        <select v-model="transfer.unit" class="form-control">
-          <option value="PCS">Pieces (PCS)</option>
-          <option value="BOX">Box</option>
-          <option value="PALLET">Pallet</option>
-          <option value="KG">Kilogram (KG)</option>
-          <option value="L">Liter (L)</option>
-        </select>
-      </div>
-
-      <!-- Transfer Reason -->
-      <div class="form-group col-full">
-        <label class="form-label">Reason</label>
-        <select v-model="transfer.reason" class="form-control">
-          <option value="">-- Select Reason --</option>
-          <option value="STOCK_REBALANCE">Stock Rebalancing</option>
-          <option value="DEMAND_FORECAST">Demand Forecast</option>
-          <option value="QUALITY_ISSUE">Quality Issue</option>
-          <option value="REPAIR">Repair/Maintenance</option>
-          <option value="CUSTOMER_REQUEST">Customer Request</option>
-          <option value="OTHER">Other</option>
-        </select>
-      </div>
-
-      <!-- Estimated Transit Days -->
-      <div class="form-group">
-        <label class="form-label">Transit Days (Est.)</label>
-        <input
-          v-model.number="transfer.transitDays"
-          type="number"
-          class="form-control"
-          placeholder="0"
-          min="1"
-          max="30"
-        />
-      </div>
-
-      <!-- Priority -->
-      <div class="form-group">
-        <label class="form-label">Priority</label>
-        <select v-model="transfer.priority" class="form-control">
-          <option value="NORMAL">🟢 Normal</option>
-          <option value="HIGH">🟡 High</option>
-          <option value="URGENT">🔴 Urgent</option>
-        </select>
-      </div>
-
-      <!-- Notes -->
-      <div class="form-group col-full">
-        <label class="form-label">Notes (Optional)</label>
-        <textarea
-          v-model="transfer.notes"
-          class="form-control"
-          rows="3"
-          placeholder="Add any special instructions or notes..."
-        />
-      </div>
-    </div>
-
-    <!-- Transfer Summary -->
-    <div v-if="isComplete" class="transfer-summary mt-2">
-      <small class="text-muted">
-        📦 <strong>{{ transfer.quantity }} {{ transfer.unit }}</strong> of {{ transfer.productSku }}
-        from <strong>{{ getWarehouseName(transfer.fromWarehouse) }}</strong>
-        to <strong>{{ getWarehouseName(transfer.toWarehouse) }}</strong>
-        <span v-if="transfer.reason">— {{ transfer.reason }}</span>
-        <span :class="getPriorityBadgeClass()">{{ transfer.priority }}</span>
-      </small>
-    </div>
-
-    <!-- Validation Status -->
-    <div v-if="hasErrors" class="alert alert-danger mt-2">
-      ⚠️ Please complete all required fields
-    </div>
-
-    <div v-if="isComplete && !hasErrors" class="alert alert-success mt-2">
-      ✅ Stock transfer is configured
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue'
-
-interface StockTransfer {
-  fromWarehouse: string
-  toWarehouse: string
-  productSku: string
-  quantity: number
-  unit: string
-  reason?: string
-  transitDays?: number
-  priority: string
-  notes?: string
-}
-
-const props = defineProps<{
-  modelValue: StockTransfer | null
-}>()
-
-const emit = defineEmits<{
-  'update:modelValue': [value: StockTransfer | null]
-}>()
-
-// State
-const transfer = ref<StockTransfer>({
-  fromWarehouse: props.modelValue?.fromWarehouse || '',
-  toWarehouse: props.modelValue?.toWarehouse || '',
-  productSku: props.modelValue?.productSku || '',
-  quantity: props.modelValue?.quantity || 0,
-  unit: props.modelValue?.unit || 'PCS',
-  reason: props.modelValue?.reason || '',
-  transitDays: props.modelValue?.transitDays || 1,
-  priority: props.modelValue?.priority || 'NORMAL',
-  notes: props.modelValue?.notes || ''
-})
-
-const fromError = ref<string | null>(null)
-const toError = ref<string | null>(null)
-const skuError = ref<string | null>(null)
-const quantityError = ref<string | null>(null)
-
-// Computed
-const isComplete = computed(() => {
-  return (
-    transfer.value.fromWarehouse.length > 0 &&
-    transfer.value.toWarehouse.length > 0 &&
-    transfer.value.productSku.trim().length > 0 &&
-    transfer.value.quantity > 0 &&
-    !hasErrors.value
-  )
-})
-
-const hasErrors = computed(() => {
-  return (
-    fromError.value !== null ||
-    toError.value !== null ||
-    skuError.value !== null ||
-    quantityError.value !== null
-  )
-})
-
-// Methods
-const validateFromWarehouse = () => {
-  fromError.value = null
-
-  if (!transfer.value.fromWarehouse) {
-    fromError.value = 'Source warehouse is required'
-    return
-  }
-
-  if (transfer.value.fromWarehouse === transfer.value.toWarehouse) {
-    fromError.value = 'Source and destination cannot be the same'
-    return
-  }
-
-  emitUpdate()
-}
-
-const validateToWarehouse = () => {
-  toError.value = null
-
-  if (!transfer.value.toWarehouse) {
-    toError.value = 'Destination warehouse is required'
-    return
-  }
-
-  if (transfer.value.fromWarehouse === transfer.value.toWarehouse) {
-    toError.value = 'Destination and source cannot be the same'
-    return
-  }
-
-  emitUpdate()
-}
-
-const validateSku = () => {
-  skuError.value = null
-
-  if (!transfer.value.productSku.trim()) {
-    skuError.value = 'Product SKU is required'
-    return
-  }
-
-  if (transfer.value.productSku.trim().length < 3) {
-    skuError.value = 'SKU must be at least 3 characters'
-    return
-  }
-
-  emitUpdate()
-}
-
-const validateQuantity = () => {
-  quantityError.value = null
-
-  if (!transfer.value.quantity || transfer.value.quantity <= 0) {
-    quantityError.value = 'Quantity must be greater than 0'
-    return
-  }
-
-  if (!Number.isInteger(transfer.value.quantity)) {
-    quantityError.value = 'Quantity must be a whole number'
-    return
-  }
-
-  emitUpdate()
-}
-
-const emitUpdate = () => {
-  if (isComplete.value) {
-    emit('update:modelValue', { ...transfer.value })
-  }
-}
-
-const getWarehouseName = (code: string): string => {
-  const warehouses: Record<string, string> = {
-    'WH-001': 'Main Warehouse',
-    'WH-002': 'Regional Center',
-    'WH-003': 'Distribution Hub',
-    'WH-004': 'Express Depot'
-  }
-  return warehouses[code] || code
-}
-
-const getPriorityBadgeClass = (): string => {
-  const priority = transfer.value.priority
-  if (priority === 'URGENT') return 'badge bg-danger'
-  if (priority === 'HIGH') return 'badge bg-warning'
-  return 'badge bg-success'
-}
-</script>
-
-<style scoped>
-.stock-transfer-field {
-  margin-bottom: 1.5rem;
-}
-
-.transfer-group {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: 1rem;
-  padding: 1rem;
-  border: 1px solid #dee2e6;
-  border-radius: 4px;
-  background-color: #f8f9fa;
-}
-
-.col-full {
-  grid-column: 1 / -1;
-}
-
-.form-group {
-  display: flex;
-  flex-direction: column;
-}
-
-.form-label {
-  font-weight: 500;
-  margin-bottom: 0.5rem;
-  font-size: 0.875rem;
-}
-
-.form-control {
-  border-radius: 4px;
-  border: 1px solid #dee2e6;
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-  font-family: inherit;
-}
-
-.form-control:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-
-.form-control.is-invalid {
-  border-color: #dc3545;
-}
-
-textarea.form-control {
-  resize: vertical;
-  min-height: 80px;
-}
-
-.text-danger {
-  color: #dc3545;
-  margin-left: 0.25rem;
-}
-
-.text-muted {
-  color: #6c757d;
-  font-size: 0.875rem;
-}
-
-.invalid-feedback {
-  color: #dc3545;
-  font-size: 0.875rem;
-  margin-top: 0.25rem;
-  display: block;
-}
-
-.d-block {
-  display: block;
-}
-
-.mt-2 {
-  margin-top: 0.5rem;
-}
-
-.transfer-summary {
-  padding: 0.75rem;
-  background-color: #e7f3ff;
-  border-left: 3px solid #0d6efd;
-  border-radius: 4px;
-  font-size: 0.875rem;
-  line-height: 1.6;
-}
-
-.badge {
-  font-size: 0.7rem;
-  padding: 0.375rem 0.75rem;
-  margin-left: 0.5rem;
-  font-weight: 500;
-}
-
-.bg-danger {
-  background-color: #dc3545;
-  color: #fff;
-}
-
-.bg-warning {
-  background-color: #ffc107;
-  color: #000;
-}
-
-.bg-success {
-  background-color: #28a745;
-  color: #fff;
-}
-
-.alert {
-  padding: 0.75rem 1rem;
-  border-radius: 4px;
-  font-size: 0.875rem;
-  border: 1px solid transparent;
-  margin-bottom: 1rem;
-}
-
-.alert-danger {
-  background-color: #f8d7da;
-  color: #721c24;
-  border-color: #f5c6cb;
-}
-
-.alert-success {
-  background-color: #d4edda;
-  color: #155724;
-  border-color: #c3e6cb;
-}
-
-small {
-  display: block;
-}
-
-strong {
-  font-weight: 600;
-}
-</style>
diff --git a/oms-wms-erp/src/components/fields/domain/SupplierField/SupplierField.spec.ts b/oms-wms-erp/src/components/fields/domain/SupplierField/SupplierField.spec.ts
deleted file mode 100644
index 59922dd1..00000000
--- a/oms-wms-erp/src/components/fields/domain/SupplierField/SupplierField.spec.ts
+++ /dev/null
@@ -1,378 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest'
-import { mount } from '@vue/test-utils'
-import SupplierField from './SupplierField.vue'
-
-describe('SupplierField (Domain Field)', () => {
-  const defaultProps = {
-    modelValue: ''
-  }
-
-  describe('Rendering', () => {
-    it('renders supplier search input', () => {
-      const wrapper = mount(SupplierField, { props: defaultProps })
-
-      const input = wrapper.find('input[type="text"]')
-      expect(input.exists()).toBe(true)
-      expect(input.attributes('placeholder')).toContain('Search')
-    })
-
-    it('displays supplier details when selected', async () => {
-      const wrapper = mount(SupplierField, { props: defaultProps })
-
-      // Simulate selection
-      wrapper.vm.selectedSupplier = {
-        id: 'SUP-001',
-        name: 'Premium Electronics Co.',
-        email: 'sales@premium-elec.com',
-        phone: '010-1111-2222',
-        city: 'Seoul',
-        status: 'ACTIVE',
-        rating: 5,
-        joinedDate: '2023-01-15',
-        leadTimeDays: 3,
-        minOrderAmount: 500000,
-        paymentTerms: 'Net 30',
-        onTimeDeliveryRate: 98
-      }
-
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.find('.card').exists()).toBe(true)
-      expect(wrapper.text()).toContain('Premium Electronics Co.')
-    })
-  })
-
-  describe('Supplier Search', () => {
-    it('performs search on input change', async () => {
-      const wrapper = mount(SupplierField, { props: defaultProps })
-
-      const input = wrapper.find('input[type="text"]')
-      await input.setValue('Premium')
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      expect(wrapper.vm.searchResults.length).toBeGreaterThan(0)
-    })
-
-    it('clears results when search empty', async () => {
-      const wrapper = mount(SupplierField, { props: defaultProps })
-
-      const input = wrapper.find('input[type="text"]')
-      await input.setValue('Test')
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      expect(wrapper.vm.searchResults.length).toBeGreaterThan(0)
-
-      await input.setValue('')
-      expect(wrapper.vm.searchResults).toHaveLength(0)
-    })
-
-    it('shows loading state during search', async () => {
-      const wrapper = mount(SupplierField, { props: defaultProps })
-
-      const input = wrapper.find('input[type="text"]')
-      input.element.value = 'Search'
-      input.trigger('input')
-
-      expect(wrapper.vm.isSearching).toBe(true)
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      expect(wrapper.vm.isSearching).toBe(false)
-    })
-  })
-
-  describe('Supplier Selection', () => {
-    it('selects supplier and shows details', async () => {
-      const wrapper = mount(SupplierField, { props: defaultProps })
-
-      const input = wrapper.find('input[type="text"]')
-      await input.setValue('Premium')
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      if (wrapper.vm.searchResults.length > 0) {
-        await wrapper.vm.selectSupplier(wrapper.vm.searchResults[0])
-
-        expect(wrapper.vm.selectedSupplier).not.toBeNull()
-        expect(wrapper.emitted('update:modelValue')).toBeDefined()
-      }
-    })
-
-    it('emits select event with supplier data', async () => {
-      const wrapper = mount(SupplierField, { props: defaultProps })
-
-      const input = wrapper.find('input[type="text"]')
-      await input.setValue('Standard')
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      if (wrapper.vm.searchResults.length > 0) {
-        await wrapper.vm.selectSupplier(wrapper.vm.searchResults[0])
-
-        const emitted = wrapper.emitted('select')
-        expect(emitted).toBeDefined()
-      }
-    })
-  })
-
-  describe('Supplier Details Display', () => {
-    beforeEach(() => {
-      const supplier = {
-        id: 'SUP-002',
-        name: 'Standard Parts Supplier',
-        email: 'contact@standard-parts.com',
-        phone: '010-3333-4444',
-        city: 'Busan',
-        status: 'ACTIVE',
-        rating: 4,
-        joinedDate: '2022-06-20',
-        leadTimeDays: 7,
-        minOrderAmount: 300000,
-        paymentTerms: 'Net 45',
-        onTimeDeliveryRate: 92
-      }
-    })
-
-    it('displays supplier information', async () => {
-      const wrapper = mount(SupplierField, { props: defaultProps })
-
-      const supplier = {
-        id: 'SUP-002',
-        name: 'Standard Parts Supplier',
-        email: 'contact@standard-parts.com',
-        phone: '010-3333-4444',
-        city: 'Busan',
-        status: 'ACTIVE',
-        rating: 4,
-        joinedDate: '2022-06-20',
-        leadTimeDays: 7,
-        minOrderAmount: 300000,
-        paymentTerms: 'Net 45',
-        onTimeDeliveryRate: 92
-      }
-
-      wrapper.vm.selectedSupplier = supplier
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.text()).toContain('Standard Parts Supplier')
-      expect(wrapper.text()).toContain('contact@standard-parts.com')
-      expect(wrapper.text()).toContain('Busan')
-    })
-
-    it('displays terms and conditions', async () => {
-      const wrapper = mount(SupplierField, { props: defaultProps })
-
-      wrapper.vm.selectedSupplier = {
-        id: 'SUP-002',
-        name: 'Standard Parts Supplier',
-        email: 'contact@standard-parts.com',
-        phone: '010-3333-4444',
-        city: 'Busan',
-        status: 'ACTIVE',
-        rating: 4,
-        joinedDate: '2022-06-20',
-        leadTimeDays: 7,
-        minOrderAmount: 300000,
-        paymentTerms: 'Net 45',
-        onTimeDeliveryRate: 92
-      }
-
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.text()).toContain('Lead Time')
-      expect(wrapper.text()).toContain('7 days')
-      expect(wrapper.text()).toContain('Payment Terms')
-      expect(wrapper.text()).toContain('Net 45')
-    })
-  })
-
-  describe('Status Display', () => {
-    it('shows correct status badge for ACTIVE supplier', async () => {
-      const wrapper = mount(SupplierField, { props: defaultProps })
-
-      wrapper.vm.selectedSupplier = {
-        id: 'SUP-001',
-        name: 'Premium Electronics',
-        email: 'sales@premium.com',
-        phone: '010-1111-2222',
-        city: 'Seoul',
-        status: 'ACTIVE',
-        rating: 5,
-        joinedDate: '2023-01-15',
-        leadTimeDays: 3,
-        minOrderAmount: 500000,
-        paymentTerms: 'Net 30',
-        onTimeDeliveryRate: 98
-      }
-
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.statusClass).toContain('bg-success')
-    })
-
-    it('shows correct status badge for TRIAL supplier', async () => {
-      const wrapper = mount(SupplierField, { props: defaultProps })
-
-      wrapper.vm.selectedSupplier = {
-        id: 'SUP-004',
-        name: 'International Imports',
-        email: 'trade@intl.com',
-        phone: '010-7777-8888',
-        city: 'Seoul',
-        status: 'TRIAL',
-        rating: 4,
-        joinedDate: '2024-08-01',
-        leadTimeDays: 21,
-        minOrderAmount: 1000000,
-        paymentTerms: 'Prepaid',
-        onTimeDeliveryRate: 88
-      }
-
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.statusClass).toContain('bg-warning')
-    })
-  })
-
-  describe('Delivery Reliability', () => {
-    it('shows warning for low delivery rate', async () => {
-      const wrapper = mount(SupplierField, { props: defaultProps })
-
-      wrapper.vm.selectedSupplier = {
-        id: 'SUP-003',
-        name: 'Budget Components',
-        email: 'procurement@budget.com',
-        phone: '010-5555-6666',
-        city: 'Incheon',
-        status: 'ACTIVE',
-        rating: 3,
-        joinedDate: '2021-11-10',
-        leadTimeDays: 14,
-        minOrderAmount: 200000,
-        paymentTerms: 'COD',
-        onTimeDeliveryRate: 78
-      }
-
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.reliabilityClass).toContain('text-danger')
-      expect(wrapper.text()).toContain('Delivery Reliability')
-    })
-  })
-
-  describe('Lead Time Display', () => {
-    it('shows green for fast lead time (< 7 days)', async () => {
-      const wrapper = mount(SupplierField, { props: defaultProps })
-
-      wrapper.vm.selectedSupplier = {
-        id: 'SUP-001',
-        name: 'Premium Electronics',
-        email: 'sales@premium.com',
-        phone: '010-1111-2222',
-        city: 'Seoul',
-        status: 'ACTIVE',
-        rating: 5,
-        joinedDate: '2023-01-15',
-        leadTimeDays: 3,
-        minOrderAmount: 500000,
-        paymentTerms: 'Net 30',
-        onTimeDeliveryRate: 98
-      }
-
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.leadTimeClass).toContain('text-success')
-    })
-
-    it('shows warning for medium lead time (7-14 days)', async () => {
-      const wrapper = mount(SupplierField, { props: defaultProps })
-
-      wrapper.vm.selectedSupplier = {
-        id: 'SUP-002',
-        name: 'Standard Parts',
-        email: 'contact@standard.com',
-        phone: '010-3333-4444',
-        city: 'Busan',
-        status: 'ACTIVE',
-        rating: 4,
-        joinedDate: '2022-06-20',
-        leadTimeDays: 7,
-        minOrderAmount: 300000,
-        paymentTerms: 'Net 45',
-        onTimeDeliveryRate: 92
-      }
-
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.leadTimeClass).toContain('text-warning')
-    })
-
-    it('shows danger for long lead time (> 14 days)', async () => {
-      const wrapper = mount(SupplierField, { props: defaultProps })
-
-      wrapper.vm.selectedSupplier = {
-        id: 'SUP-004',
-        name: 'International Imports',
-        email: 'trade@intl.com',
-        phone: '010-7777-8888',
-        city: 'Seoul',
-        status: 'TRIAL',
-        rating: 4,
-        joinedDate: '2024-08-01',
-        leadTimeDays: 21,
-        minOrderAmount: 1000000,
-        paymentTerms: 'Prepaid',
-        onTimeDeliveryRate: 88
-      }
-
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.leadTimeClass).toContain('text-danger')
-    })
-  })
-
-  describe('Clear Functionality', () => {
-    it('clears selection when clear button clicked', async () => {
-      const wrapper = mount(SupplierField, { props: defaultProps })
-
-      wrapper.vm.selectedSupplier = {
-        id: 'SUP-001',
-        name: 'Premium Electronics',
-        email: 'sales@premium.com',
-        phone: '010-1111-2222',
-        city: 'Seoul',
-        status: 'ACTIVE',
-        rating: 5,
-        joinedDate: '2023-01-15',
-        leadTimeDays: 3,
-        minOrderAmount: 500000,
-        paymentTerms: 'Net 30',
-        onTimeDeliveryRate: 98
-      }
-
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.selectedSupplier).not.toBeNull()
-
-      wrapper.vm.clearSelection()
-
-      expect(wrapper.vm.selectedSupplier).toBeNull()
-      expect(wrapper.vm.searchQuery).toBe('')
-    })
-  })
-
-  describe('Accessibility', () => {
-    it('has proper label', () => {
-      const wrapper = mount(SupplierField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Supplier')
-    })
-
-    it('shows required indicator', () => {
-      const wrapper = mount(SupplierField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('*')
-    })
-  })
-})
diff --git a/oms-wms-erp/src/components/fields/domain/SupplierField/SupplierField.stories.ts b/oms-wms-erp/src/components/fields/domain/SupplierField/SupplierField.stories.ts
deleted file mode 100644
index d2b103cf..00000000
--- a/oms-wms-erp/src/components/fields/domain/SupplierField/SupplierField.stories.ts
+++ /dev/null
@@ -1,147 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3'
-import SupplierField from './SupplierField.vue'
-
-const meta: Meta<typeof SupplierField> = {
-  title: 'Fields/Domain/SupplierField',
-  component: SupplierField,
-  argTypes: {
-    modelValue: {
-      control: 'text',
-      description: 'Selected supplier ID'
-    }
-  }
-}
-
-export default meta
-type Story = StoryObj<typeof SupplierField>
-
-const Template = (args: any) => ({
-  components: { SupplierField },
-  setup() {
-    return { args }
-  },
-  template: `
-    <div>
-      <SupplierField
-        v-bind="args"
-        @update:modelValue="args.modelValue = $event"
-        @select="console.log('Supplier selected:', $event)"
-      />
-      <div v-if="args.modelValue" class="mt-3">
-        <strong>Selected Supplier ID:</strong> {{ args.modelValue }}
-      </div>
-    </div>
-  `
-})
-
-export const Empty: Story = {
-  render: Template,
-  args: {
-    modelValue: ''
-  }
-}
-
-export const PremiumSupplier: Story = {
-  render: Template,
-  args: {
-    modelValue: 'SUP-001'
-  }
-}
-
-export const StandardSupplier: Story = {
-  render: Template,
-  args: {
-    modelValue: 'SUP-002'
-  }
-}
-
-export const BudgetSupplier: Story = {
-  render: Template,
-  args: {
-    modelValue: 'SUP-003'
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Shows supplier with lower delivery reliability (78%)'
-      }
-    }
-  }
-}
-
-export const NewSupplier: Story = {
-  render: Template,
-  args: {
-    modelValue: 'SUP-004'
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'New trial supplier with extended lead time'
-      }
-    }
-  }
-}
-
-export const SupplierComparison: Story = {
-  render: (args: any) => ({
-    components: { SupplierField },
-    setup() {
-      return { args }
-    },
-    template: `
-      <div>
-        <h5>Supplier Comparison</h5>
-
-        <div class="mb-4">
-          <h6>Premium (98% on-time, 3-day lead)</h6>
-          <SupplierField modelValue="SUP-001" />
-        </div>
-
-        <div class="mb-4">
-          <h6>Standard (92% on-time, 7-day lead)</h6>
-          <SupplierField modelValue="SUP-002" />
-        </div>
-
-        <div class="mb-4">
-          <h6>Budget (78% on-time, 14-day lead)</h6>
-          <SupplierField modelValue="SUP-003" />
-        </div>
-      </div>
-    `
-  })
-}
-
-export const SearchDemo: Story = {
-  render: (args: any) => ({
-    components: { SupplierField },
-    setup() {
-      const tips = [
-        'Try: "Premium" for premium supplier',
-        'Try: "Standard" for standard supplier',
-        'Try: "Seoul" to find suppliers in Seoul',
-        'Try: "Budget" for budget option',
-        'Lead time color: Green <7 days, Yellow 7-14 days, Red >14 days',
-        'Delivery reliability warning if <85%'
-      ]
-      return { args, tips }
-    },
-    template: `
-      <div>
-        <SupplierField
-          v-bind="args"
-          @update:modelValue="args.modelValue = $event"
-        />
-        <div class="alert alert-info mt-3">
-          <strong>💡 Search Tips:</strong>
-          <ul>
-            <li v-for="tip in tips" :key="tip">{{ tip }}</li>
-          </ul>
-        </div>
-      </div>
-    `
-  }),
-  args: {
-    modelValue: ''
-  }
-}
diff --git a/oms-wms-erp/src/components/fields/domain/SupplierField/SupplierField.vue b/oms-wms-erp/src/components/fields/domain/SupplierField/SupplierField.vue
deleted file mode 100644
index d7e70c35..00000000
--- a/oms-wms-erp/src/components/fields/domain/SupplierField/SupplierField.vue
+++ /dev/null
@@ -1,537 +0,0 @@
-<template>
-  <div class="supplier-field">
-    <!-- Supplier Search/Select -->
-    <div class="form-group">
-      <label class="form-label">
-        Supplier
-        <span class="text-danger">*</span>
-      </label>
-      <div class="input-group">
-        <input
-          v-model="searchQuery"
-          type="text"
-          class="form-control"
-          placeholder="Search by company name..."
-          @input="handleSearch"
-        />
-        <button
-          v-if="isSearching"
-          class="btn btn-outline-secondary"
-          disabled
-        >
-          <span class="spinner-border spinner-border-sm"></span>
-        </button>
-      </div>
-
-      <!-- Search Results Dropdown -->
-      <div v-if="searchResults.length > 0" class="supplier-dropdown">
-        <div
-          v-for="supplier in searchResults"
-          :key="supplier.id"
-          class="dropdown-item"
-          @click="selectSupplier(supplier)"
-        >
-          <strong>{{ supplier.name }}</strong>
-          <small class="text-muted d-block">{{ supplier.email }} | {{ supplier.phone }}</small>
-        </div>
-      </div>
-
-      <div v-if="searchError" class="invalid-feedback d-block">
-        {{ searchError }}
-      </div>
-    </div>
-
-    <!-- Selected Supplier Details -->
-    <div v-if="selectedSupplier" class="card mt-2">
-      <div class="card-body">
-        <h5 class="card-title">{{ selectedSupplier.name }}</h5>
-
-        <div class="row mb-3">
-          <div class="col-md-6">
-            <small>
-              <strong>Email:</strong> {{ selectedSupplier.email }}<br>
-              <strong>Phone:</strong> {{ selectedSupplier.phone }}<br>
-              <strong>City:</strong> {{ selectedSupplier.city }}<br>
-            </small>
-          </div>
-
-          <div class="col-md-6">
-            <small>
-              <strong>Status:</strong>
-              <span :class="statusClass">{{ selectedSupplier.status }}</span><br>
-              <strong>Rating:</strong>
-              <span class="rating-stars">{{ renderStars(selectedSupplier.rating) }}</span><br>
-              <strong>Joined:</strong> {{ formatDate(selectedSupplier.joinedDate) }}<br>
-            </small>
-          </div>
-        </div>
-
-        <!-- Delivery & Payment Terms -->
-        <div class="terms-section mt-3 pt-3 border-top">
-          <h6>Terms & Conditions</h6>
-
-          <div class="row">
-            <div class="col-md-6">
-              <small>
-                <strong>Lead Time:</strong>
-                <span :class="leadTimeClass">{{ selectedSupplier.leadTimeDays }} days</span><br>
-                <strong>Min Order:</strong> {{ formatCurrency(selectedSupplier.minOrderAmount) }}<br>
-              </small>
-            </div>
-
-            <div class="col-md-6">
-              <small>
-                <strong>Payment Terms:</strong>
-                <span class="badge bg-info">{{ selectedSupplier.paymentTerms }}</span><br>
-                <strong>Reliability:</strong>
-                <span :class="reliabilityClass">{{ selectedSupplier.onTimeDeliveryRate }}% on-time</span><br>
-              </small>
-            </div>
-          </div>
-        </div>
-
-        <!-- Reliability Alert -->
-        <div v-if="selectedSupplier.onTimeDeliveryRate < 85" class="alert alert-warning mt-2">
-          ⚠️ Delivery Reliability: {{ selectedSupplier.onTimeDeliveryRate }}%
-          (Below 85% standard)
-        </div>
-
-        <!-- Clear Button -->
-        <button
-          class="btn btn-sm btn-outline-secondary mt-2"
-          @click="clearSelection"
-        >
-          Clear
-        </button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue'
-import { useFormatting } from '@/composables/useFormatting'
-
-interface Supplier {
-  id: string
-  name: string
-  email: string
-  phone: string
-  city: string
-  status: string
-  rating: number // 1-5
-  joinedDate: string
-  leadTimeDays: number
-  minOrderAmount: number
-  paymentTerms: string
-  onTimeDeliveryRate: number // 0-100
-}
-
-const props = defineProps<{
-  modelValue: string // supplier ID
-}>()
-
-const emit = defineEmits<{
-  'update:modelValue': [value: string]
-  select: [supplier: Supplier]
-}>()
-
-const { formatCurrency, formatDate } = useFormatting()
-
-// State
-const searchQuery = ref('')
-const searchResults = ref<Supplier[]>([])
-const selectedSupplier = ref<Supplier | null>(null)
-const isSearching = ref(false)
-const searchError = ref<string | null>(null)
-
-// Computed
-const statusClass = computed(() => {
-  if (!selectedSupplier.value) return ''
-  switch (selectedSupplier.value.status) {
-    case 'ACTIVE':
-      return 'badge bg-success'
-    case 'INACTIVE':
-      return 'badge bg-secondary'
-    case 'SUSPENDED':
-      return 'badge bg-danger'
-    case 'TRIAL':
-      return 'badge bg-warning'
-    default:
-      return 'badge bg-secondary'
-  }
-})
-
-const leadTimeClass = computed(() => {
-  if (!selectedSupplier.value) return ''
-  if (selectedSupplier.value.leadTimeDays > 14) return 'text-danger'
-  if (selectedSupplier.value.leadTimeDays > 7) return 'text-warning'
-  return 'text-success'
-})
-
-const reliabilityClass = computed(() => {
-  if (!selectedSupplier.value) return ''
-  if (selectedSupplier.value.onTimeDeliveryRate < 85) return 'text-danger'
-  if (selectedSupplier.value.onTimeDeliveryRate < 95) return 'text-warning'
-  return 'text-success'
-})
-
-// Methods
-const renderStars = (rating: number): string => {
-  return '★'.repeat(Math.round(rating)) + '☆'.repeat(5 - Math.round(rating))
-}
-
-const handleSearch = async (e: Event) => {
-  const input = e.target as HTMLInputElement
-  searchQuery.value = input.value
-
-  if (!searchQuery.value) {
-    searchResults.value = []
-    searchError.value = null
-    return
-  }
-
-  isSearching.value = true
-  searchError.value = null
-
-  try {
-    // Mock API call - would be: await suppliersApi.searchSuppliers(searchQuery.value)
-    const results = await mockSearchSuppliers(searchQuery.value)
-    searchResults.value = results
-  } catch (error) {
-    searchError.value = 'Failed to search suppliers'
-  } finally {
-    isSearching.value = false
-  }
-}
-
-const selectSupplier = async (supplier: Supplier) => {
-  selectedSupplier.value = supplier
-  searchQuery.value = supplier.name
-  searchResults.value = []
-
-  emit('update:modelValue', supplier.id)
-  emit('select', supplier)
-}
-
-const clearSelection = () => {
-  selectedSupplier.value = null
-  searchQuery.value = ''
-  searchResults.value = []
-  emit('update:modelValue', '')
-}
-
-// Mock API - would be replaced with real API call
-const mockSearchSuppliers = async (query: string): Promise<Supplier[]> => {
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      const mockSuppliers: Supplier[] = [
-        {
-          id: 'SUP-001',
-          name: 'Premium Electronics Co.',
-          email: 'sales@premium-elec.com',
-          phone: '010-1111-2222',
-          city: 'Seoul',
-          status: 'ACTIVE',
-          rating: 5,
-          joinedDate: '2023-01-15',
-          leadTimeDays: 3,
-          minOrderAmount: 500000,
-          paymentTerms: 'Net 30',
-          onTimeDeliveryRate: 98
-        },
-        {
-          id: 'SUP-002',
-          name: 'Standard Parts Supplier',
-          email: 'contact@standard-parts.com',
-          phone: '010-3333-4444',
-          city: 'Busan',
-          status: 'ACTIVE',
-          rating: 4,
-          joinedDate: '2022-06-20',
-          leadTimeDays: 7,
-          minOrderAmount: 300000,
-          paymentTerms: 'Net 45',
-          onTimeDeliveryRate: 92
-        },
-        {
-          id: 'SUP-003',
-          name: 'Budget Components Ltd',
-          email: 'procurement@budget-comp.com',
-          phone: '010-5555-6666',
-          city: 'Incheon',
-          status: 'ACTIVE',
-          rating: 3,
-          joinedDate: '2021-11-10',
-          leadTimeDays: 14,
-          minOrderAmount: 200000,
-          paymentTerms: 'COD',
-          onTimeDeliveryRate: 78
-        },
-        {
-          id: 'SUP-004',
-          name: 'International Imports Inc',
-          email: 'trade@intl-imports.com',
-          phone: '010-7777-8888',
-          city: 'Seoul',
-          status: 'TRIAL',
-          rating: 4,
-          joinedDate: '2024-08-01',
-          leadTimeDays: 21,
-          minOrderAmount: 1000000,
-          paymentTerms: 'Prepaid',
-          onTimeDeliveryRate: 88
-        }
-      ]
-
-      resolve(
-        mockSuppliers.filter((s) =>
-          s.name.toLowerCase().includes(query.toLowerCase()) ||
-          s.city.toLowerCase().includes(query.toLowerCase())
-        )
-      )
-    }, 300)
-  })
-}
-</script>
-
-<style scoped>
-.supplier-field {
-  margin-bottom: 1.5rem;
-}
-
-.form-group {
-  margin-bottom: 1rem;
-  position: relative;
-}
-
-.form-label {
-  font-weight: 500;
-  margin-bottom: 0.5rem;
-  display: block;
-  font-size: 0.875rem;
-}
-
-.input-group {
-  display: flex;
-  position: relative;
-}
-
-.form-control {
-  border-radius: 4px;
-  border: 1px solid #dee2e6;
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-  flex: 1;
-}
-
-.form-control:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-
-.btn {
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-  border-radius: 0 4px 4px 0;
-  border: 1px solid #dee2e6;
-  border-left: 0;
-  cursor: pointer;
-}
-
-.btn-outline-secondary {
-  color: #6c757d;
-  border-color: #6c757d;
-}
-
-.btn-outline-secondary:disabled {
-  opacity: 0.65;
-}
-
-.spinner-border {
-  width: 1rem;
-  height: 1rem;
-  border-width: 0.2em;
-}
-
-.supplier-dropdown {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  right: 0;
-  background: white;
-  border: 1px solid #dee2e6;
-  border-top: 0;
-  border-radius: 0 0 4px 4px;
-  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
-  z-index: 1000;
-  max-height: 250px;
-  overflow-y: auto;
-}
-
-.dropdown-item {
-  padding: 0.5rem 0.75rem;
-  cursor: pointer;
-  border-bottom: 1px solid #f0f0f0;
-  transition: background-color 0.15s ease-in-out;
-}
-
-.dropdown-item:hover {
-  background-color: #f8f9fa;
-}
-
-.dropdown-item:last-child {
-  border-bottom: none;
-}
-
-.card {
-  border: 1px solid #dee2e6;
-  border-radius: 4px;
-  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
-}
-
-.card-body {
-  padding: 1rem;
-}
-
-.card-title {
-  margin-bottom: 1rem;
-  font-weight: 600;
-  font-size: 1rem;
-}
-
-.row {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: 1rem;
-}
-
-.col-md-6 {
-  flex: 1;
-}
-
-small {
-  line-height: 1.8;
-  display: block;
-}
-
-.text-muted {
-  color: #6c757d;
-}
-
-.badge {
-  padding: 0.25rem 0.5rem;
-  font-size: 0.75rem;
-  border-radius: 4px;
-  color: white;
-}
-
-.bg-success {
-  background-color: #28a745 !important;
-}
-
-.bg-secondary {
-  background-color: #6c757d !important;
-}
-
-.bg-danger {
-  background-color: #dc3545 !important;
-}
-
-.bg-warning {
-  background-color: #ffc107 !important;
-  color: #212529 !important;
-}
-
-.bg-info {
-  background-color: #17a2b8 !important;
-}
-
-.text-success {
-  color: #28a745;
-  font-weight: 600;
-}
-
-.text-warning {
-  color: #ffc107;
-  font-weight: 600;
-}
-
-.text-danger {
-  color: #dc3545;
-  font-weight: 600;
-}
-
-.text-danger {
-  color: #dc3545;
-  margin-left: 0.25rem;
-}
-
-.rating-stars {
-  font-size: 1rem;
-  color: #ffc107;
-}
-
-.alert {
-  padding: 0.75rem 1rem;
-  border-radius: 4px;
-  font-size: 0.875rem;
-  border: 1px solid transparent;
-  margin-bottom: 1rem;
-}
-
-.alert-warning {
-  background-color: #fff3cd;
-  color: #856404;
-  border-color: #ffeaa7;
-}
-
-.invalid-feedback {
-  color: #dc3545;
-  font-size: 0.875rem;
-  margin-top: 0.25rem;
-  display: block;
-}
-
-.d-block {
-  display: block;
-}
-
-.border-top {
-  border-top: 1px solid #dee2e6;
-}
-
-.mt-2 {
-  margin-top: 0.5rem;
-}
-
-.mt-3 {
-  margin-top: 1rem;
-}
-
-.mb-3 {
-  margin-bottom: 1rem;
-}
-
-.pt-3 {
-  padding-top: 1rem;
-}
-
-h6 {
-  font-weight: 600;
-  font-size: 0.95rem;
-  margin-bottom: 0.75rem;
-}
-
-.terms-section {
-  background-color: #f8f9fa;
-  padding: 1rem;
-  border-radius: 4px;
-}
-
-.btn-outline-secondary:hover:not(:disabled) {
-  background-color: #6c757d;
-  color: white;
-}
-</style>
diff --git a/oms-wms-erp/src/components/fields/domain/TaxIDField/TaxIDField.spec.ts b/oms-wms-erp/src/components/fields/domain/TaxIDField/TaxIDField.spec.ts
deleted file mode 100644
index 4c21516c..00000000
--- a/oms-wms-erp/src/components/fields/domain/TaxIDField/TaxIDField.spec.ts
+++ /dev/null
@@ -1,325 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { mount } from '@vue/test-utils'
-import TaxIDField from './TaxIDField.vue'
-
-describe('TaxIDField (Domain Field)', () => {
-  const defaultProps = {
-    modelValue: null
-  }
-
-  describe('Rendering', () => {
-    it('renders country selection dropdown', () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Country')
-      const selects = wrapper.findAll('select')
-      expect(selects.length).toBeGreaterThan(0)
-    })
-
-    it('renders tax id input field', () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Tax ID Number')
-    })
-
-    it('renders optional entity type field', () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Type')
-    })
-
-    it('renders optional verification status field', () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Verification Status')
-    })
-  })
-
-  describe('Country Validation', () => {
-    it('requires country selection', async () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      const selects = wrapper.findAll('select')
-      await selects[0].setValue('')
-      await selects[0].trigger('blur')
-
-      expect(wrapper.vm.countryError).not.toBeNull()
-      expect(wrapper.vm.countryError).toContain('Please select a country')
-    })
-
-    it('accepts country selection', async () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      const selects = wrapper.findAll('select')
-      await selects[0].setValue('KR')
-      await selects[0].trigger('blur')
-
-      expect(wrapper.vm.countryError).toBeNull()
-    })
-
-    it('supports multiple countries', () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('South Korea')
-      expect(wrapper.text()).toContain('United States')
-      expect(wrapper.text()).toContain('Japan')
-      expect(wrapper.text()).toContain('China')
-      expect(wrapper.text()).toContain('Singapore')
-      expect(wrapper.text()).toContain('Taiwan')
-    })
-  })
-
-  describe('Korea Tax ID Validation', () => {
-    it('requires tax id number', async () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      wrapper.vm.taxId.country = 'KR'
-      wrapper.vm.taxId.taxIdNumber = ''
-      await wrapper.vm.$nextTick()
-      wrapper.vm.validateTaxId()
-
-      expect(wrapper.vm.taxIdError).not.toBeNull()
-      expect(wrapper.vm.taxIdError).toContain('required')
-    })
-
-    it('validates Korean format with hyphens', async () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      wrapper.vm.taxId.country = 'KR'
-      wrapper.vm.taxId.taxIdNumber = '123-45-67890'
-      await wrapper.vm.$nextTick()
-      wrapper.vm.validateTaxId()
-
-      expect(wrapper.vm.taxIdError).toBeNull()
-    })
-
-    it('validates Korean format without hyphens', async () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      wrapper.vm.taxId.country = 'KR'
-      wrapper.vm.taxId.taxIdNumber = '1234567890'
-      await wrapper.vm.$nextTick()
-      wrapper.vm.validateTaxId()
-
-      expect(wrapper.vm.taxIdError).toBeNull()
-    })
-
-    it('rejects invalid Korean format', async () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      wrapper.vm.taxId.country = 'KR'
-      wrapper.vm.taxId.taxIdNumber = '123-456-789'
-      await wrapper.vm.$nextTick()
-      wrapper.vm.validateTaxId()
-
-      expect(wrapper.vm.taxIdError).not.toBeNull()
-      expect(wrapper.vm.taxIdError).toContain('XXX-XX-XXXXX')
-    })
-  })
-
-  describe('USA Tax ID Validation', () => {
-    it('validates US EIN with hyphen', async () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      wrapper.vm.taxId.country = 'US'
-      wrapper.vm.taxId.taxIdNumber = '12-3456789'
-      await wrapper.vm.$nextTick()
-      wrapper.vm.validateTaxId()
-
-      expect(wrapper.vm.taxIdError).toBeNull()
-    })
-
-    it('validates US EIN without hyphen', async () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      wrapper.vm.taxId.country = 'US'
-      wrapper.vm.taxId.taxIdNumber = '123456789'
-      await wrapper.vm.$nextTick()
-      wrapper.vm.validateTaxId()
-
-      expect(wrapper.vm.taxIdError).toBeNull()
-    })
-
-    it('rejects invalid US format', async () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      wrapper.vm.taxId.country = 'US'
-      wrapper.vm.taxId.taxIdNumber = '12-34567'
-      await wrapper.vm.$nextTick()
-      wrapper.vm.validateTaxId()
-
-      expect(wrapper.vm.taxIdError).not.toBeNull()
-      expect(wrapper.vm.taxIdError).toContain('XX-XXXXXXX')
-    })
-  })
-
-  describe('Japan Tax ID Validation', () => {
-    it('validates Japan tax id', async () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      wrapper.vm.taxId.country = 'JP'
-      wrapper.vm.taxId.taxIdNumber = '1234567890123'
-      await wrapper.vm.$nextTick()
-      wrapper.vm.validateTaxId()
-
-      expect(wrapper.vm.taxIdError).toBeNull()
-    })
-
-    it('rejects too short Japan format', async () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      wrapper.vm.taxId.country = 'JP'
-      wrapper.vm.taxId.taxIdNumber = '123456'
-      await wrapper.vm.$nextTick()
-      wrapper.vm.validateTaxId()
-
-      expect(wrapper.vm.taxIdError).not.toBeNull()
-    })
-  })
-
-  describe('China Tax ID Validation', () => {
-    it('validates China 18-digit format', async () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      wrapper.vm.taxId.country = 'CN'
-      wrapper.vm.taxId.taxIdNumber = '123456789012345678'
-      await wrapper.vm.$nextTick()
-      wrapper.vm.validateTaxId()
-
-      expect(wrapper.vm.taxIdError).toBeNull()
-    })
-
-    it('rejects wrong digit count', async () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      wrapper.vm.taxId.country = 'CN'
-      wrapper.vm.taxId.taxIdNumber = '12345678'
-      await wrapper.vm.$nextTick()
-      wrapper.vm.validateTaxId()
-
-      expect(wrapper.vm.taxIdError).not.toBeNull()
-      expect(wrapper.vm.taxIdError).toContain('18 digits')
-    })
-  })
-
-  describe('Tax ID Summary Display', () => {
-    it('shows summary when complete', async () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      wrapper.vm.taxId.country = 'KR'
-      wrapper.vm.taxId.taxIdNumber = '123-45-67890'
-      wrapper.vm.taxId.verificationStatus = 'VERIFIED'
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.text()).toContain('South Korea')
-      expect(wrapper.text()).toContain('123-45-67890')
-      expect(wrapper.text()).toContain('VERIFIED')
-    })
-
-    it('displays verification status badge', async () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      wrapper.vm.taxId.country = 'US'
-      wrapper.vm.taxId.taxIdNumber = '12-3456789'
-      wrapper.vm.taxId.verificationStatus = 'VERIFIED'
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.text()).toContain('VERIFIED')
-    })
-  })
-
-  describe('Completion Status', () => {
-    it('is not complete when required fields missing', async () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      wrapper.vm.taxId.country = 'KR'
-      wrapper.vm.taxId.taxIdNumber = ''
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.isComplete).toBe(false)
-    })
-
-    it('is complete when all required fields filled', async () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      wrapper.vm.taxId.country = 'US'
-      wrapper.vm.taxId.taxIdNumber = '12-3456789'
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.vm.isComplete).toBe(true)
-    })
-
-    it('shows success alert when complete', async () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      wrapper.vm.taxId.country = 'JP'
-      wrapper.vm.taxId.taxIdNumber = '1234567890123'
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.text()).toContain('Tax ID information is valid')
-    })
-
-    it('shows error alert when incomplete', async () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      wrapper.vm.taxId.country = ''
-      await wrapper.vm.$nextTick()
-
-      expect(wrapper.text()).toContain('Please complete all required fields')
-    })
-  })
-
-  describe('Props Updates', () => {
-    it('loads tax id from modelValue prop', () => {
-      const props = {
-        modelValue: {
-          country: 'KR',
-          taxIdNumber: '123-45-67890',
-          entityType: 'BUSINESS',
-          verificationStatus: 'VERIFIED'
-        }
-      }
-
-      const wrapper = mount(TaxIDField, { props })
-
-      expect(wrapper.vm.taxId.country).toBe('KR')
-      expect(wrapper.vm.taxId.taxIdNumber).toBe('123-45-67890')
-      expect(wrapper.vm.taxId.entityType).toBe('BUSINESS')
-      expect(wrapper.vm.taxId.verificationStatus).toBe('VERIFIED')
-    })
-  })
-
-  describe('Event Emission', () => {
-    it('emits update:modelValue when complete', async () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      wrapper.vm.taxId.country = 'SG'
-      wrapper.vm.taxId.taxIdNumber = '123456789'
-      await wrapper.vm.$nextTick()
-      await wrapper.vm.emitUpdate()
-
-      const emitted = wrapper.emitted('update:modelValue')
-      expect(emitted).toBeTruthy()
-      expect(emitted[0][0].country).toBe('SG')
-      expect(emitted[0][0].taxIdNumber).toBe('123456789')
-    })
-  })
-
-  describe('Accessibility', () => {
-    it('shows required indicators', () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      const labels = wrapper.findAll('label')
-      const requiredLabels = labels.filter((l) => l.text().includes('*'))
-
-      expect(requiredLabels.length).toBeGreaterThan(0)
-    })
-
-    it('shows format hints', () => {
-      const wrapper = mount(TaxIDField, { props: defaultProps })
-
-      wrapper.vm.taxId.country = 'KR'
-      expect(wrapper.vm.getFormatHint()).toContain('XXX-XX-XXXXX')
-    })
-  })
-})
diff --git a/oms-wms-erp/src/components/fields/domain/TaxIDField/TaxIDField.stories.ts b/oms-wms-erp/src/components/fields/domain/TaxIDField/TaxIDField.stories.ts
deleted file mode 100644
index 671a1cf8..00000000
--- a/oms-wms-erp/src/components/fields/domain/TaxIDField/TaxIDField.stories.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3'
-import TaxIDField from './TaxIDField.vue'
-
-const meta: Meta<typeof TaxIDField> = {
-  title: 'Fields/Domain/TaxIDField',
-  component: TaxIDField
-}
-
-export default meta
-type Story = StoryObj<typeof TaxIDField>
-
-const Template = (args: any) => ({
-  components: { TaxIDField },
-  setup() {
-    return { args }
-  },
-  template: `
-    <div>
-      <TaxIDField
-        v-bind="args"
-        @update:modelValue="args.modelValue = $event"
-      />
-      <div v-if="args.modelValue" class="mt-3">
-        <strong>Tax ID:</strong>
-        <p>{{ args.modelValue.country }} - {{ args.modelValue.taxIdNumber }}</p>
-      </div>
-    </div>
-  `
-})
-
-export const Empty: Story = {
-  render: Template,
-  args: {
-    modelValue: null
-  }
-}
-
-export const Korea: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      country: 'KR',
-      taxIdNumber: '123-45-67890',
-      entityType: 'BUSINESS',
-      verificationStatus: 'VERIFIED'
-    }
-  }
-}
-
-export const USA: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      country: 'US',
-      taxIdNumber: '12-3456789',
-      entityType: 'CORPORATION',
-      verificationStatus: 'VERIFIED'
-    }
-  }
-}
-
-export const Japan: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      country: 'JP',
-      taxIdNumber: '1234567890123',
-      entityType: 'BUSINESS',
-      verificationStatus: 'PENDING'
-    }
-  }
-}
-
-export const China: Story = {
-  render: Template,
-  args: {
-    modelValue: {
-      country: 'CN',
-      taxIdNumber: '123456789012345678',
-      entityType: 'CORPORATION',
-      verificationStatus: 'VERIFIED'
-    }
-  }
-}
diff --git a/oms-wms-erp/src/components/fields/domain/TaxIDField/TaxIDField.vue b/oms-wms-erp/src/components/fields/domain/TaxIDField/TaxIDField.vue
deleted file mode 100644
index 62798bd2..00000000
--- a/oms-wms-erp/src/components/fields/domain/TaxIDField/TaxIDField.vue
+++ /dev/null
@@ -1,395 +0,0 @@
-<template>
-  <div class="tax-id-field">
-    <div class="tax-id-group">
-      <!-- Country Selection -->
-      <div class="form-group">
-        <label class="form-label">
-          Country
-          <span class="text-danger">*</span>
-        </label>
-        <select
-          v-model="taxId.country"
-          class="form-control"
-          :class="{ 'is-invalid': countryError }"
-          @blur="validateCountry"
-        >
-          <option value="">-- Select Country --</option>
-          <option value="KR">South Korea (사업자등록번호)</option>
-          <option value="US">United States (EIN)</option>
-          <option value="JP">Japan (法人番号)</option>
-          <option value="CN">China (统一社会信用代码)</option>
-          <option value="SG">Singapore (UEN)</option>
-          <option value="TW">Taiwan (統一編號)</option>
-        </select>
-        <div v-if="countryError" class="invalid-feedback d-block">
-          {{ countryError }}
-        </div>
-      </div>
-
-      <!-- Tax ID Number -->
-      <div class="form-group col-full">
-        <label class="form-label">
-          {{ getFieldLabel() }}
-          <span class="text-danger">*</span>
-        </label>
-        <input
-          v-model="taxId.taxIdNumber"
-          type="text"
-          class="form-control"
-          :class="{ 'is-invalid': taxIdError }"
-          :placeholder="getPlaceholder()"
-          @blur="validateTaxId"
-        />
-        <small class="text-muted d-block mt-1">
-          {{ getFormatHint() }}
-        </small>
-        <div v-if="taxIdError" class="invalid-feedback d-block">
-          {{ taxIdError }}
-        </div>
-      </div>
-
-      <!-- Company/Individual Type (optional) -->
-      <div class="form-group">
-        <label class="form-label">Type</label>
-        <select v-model="taxId.entityType" class="form-control">
-          <option value="">-- Select Type --</option>
-          <option value="INDIVIDUAL">Individual</option>
-          <option value="BUSINESS">Business</option>
-          <option value="CORPORATION">Corporation</option>
-          <option value="PARTNERSHIP">Partnership</option>
-        </select>
-      </div>
-
-      <!-- Verification Status (optional) -->
-      <div class="form-group">
-        <label class="form-label">Verification Status</label>
-        <select v-model="taxId.verificationStatus" class="form-control">
-          <option value="">-- Not Verified --</option>
-          <option value="PENDING">Pending</option>
-          <option value="VERIFIED">Verified</option>
-          <option value="FAILED">Failed</option>
-        </select>
-      </div>
-    </div>
-
-    <!-- Tax ID Summary -->
-    <div v-if="isComplete" class="tax-id-summary mt-2">
-      <small class="text-muted">
-        📋 <strong>{{ getCountryName(taxId.country) }}</strong> —
-        {{ formatTaxId() }}
-        <span v-if="taxId.verificationStatus" class="badge" :class="getStatusBadgeClass()">
-          {{ taxId.verificationStatus }}
-        </span>
-      </small>
-    </div>
-
-    <!-- Validation Status -->
-    <div v-if="hasErrors" class="alert alert-danger mt-2">
-      ⚠️ Please complete all required fields
-    </div>
-
-    <div v-if="isComplete && !hasErrors" class="alert alert-success mt-2">
-      ✅ Tax ID information is valid
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue'
-
-interface TaxID {
-  country: string
-  taxIdNumber: string
-  entityType?: string
-  verificationStatus?: string
-}
-
-const props = defineProps<{
-  modelValue: TaxID | null
-}>()
-
-const emit = defineEmits<{
-  'update:modelValue': [value: TaxID | null]
-}>()
-
-// State
-const taxId = ref<TaxID>({
-  country: props.modelValue?.country || '',
-  taxIdNumber: props.modelValue?.taxIdNumber || '',
-  entityType: props.modelValue?.entityType || '',
-  verificationStatus: props.modelValue?.verificationStatus || ''
-})
-
-const countryError = ref<string | null>(null)
-const taxIdError = ref<string | null>(null)
-
-// Computed
-const isComplete = computed(() => {
-  return (
-    taxId.value.country.length > 0 &&
-    taxId.value.taxIdNumber.trim().length > 0 &&
-    !hasErrors.value
-  )
-})
-
-const hasErrors = computed(() => {
-  return countryError.value !== null || taxIdError.value !== null
-})
-
-// Methods
-const validateCountry = () => {
-  countryError.value = null
-
-  if (!taxId.value.country) {
-    countryError.value = 'Please select a country'
-    return
-  }
-
-  emitUpdate()
-}
-
-const validateTaxId = () => {
-  taxIdError.value = null
-
-  if (!taxId.value.taxIdNumber.trim()) {
-    taxIdError.value = 'Tax ID is required'
-    return
-  }
-
-  // Validate based on country
-  const country = taxId.value.country
-  const value = taxId.value.taxIdNumber.trim()
-
-  if (country === 'KR') {
-    // Korean: 사업자등록번호 (10 digits with optional hyphens: XXX-XX-XXXXX)
-    if (!/^(\d{3}-\d{2}-\d{5}|\d{10})$/.test(value)) {
-      taxIdError.value = 'Korean Tax ID format: XXX-XX-XXXXX or 10 digits'
-      return
-    }
-  } else if (country === 'US') {
-    // US: EIN (9 digits with optional hyphen: XX-XXXXXXX)
-    if (!/^(\d{2}-\d{7}|\d{9})$/.test(value)) {
-      taxIdError.value = 'US EIN format: XX-XXXXXXX or 9 digits'
-      return
-    }
-  } else if (country === 'JP') {
-    // Japan: 12 digits (XXXXXXXXXXXX)
-    if (!/^\d{12,13}$/.test(value)) {
-      taxIdError.value = 'Japan Tax ID format: 12-13 digits'
-      return
-    }
-  } else if (country === 'CN') {
-    // China: 18 digits (统一社会信用代码)
-    if (!/^\d{18}$/.test(value)) {
-      taxIdError.value = 'China Tax ID format: 18 digits'
-      return
-    }
-  } else if (country === 'SG') {
-    // Singapore: UEN (9 digits with optional hyphen: XXXXXXXXX or XXX-XXXXXX)
-    if (!/^(\d{9}|\d{3}-\d{6})$/.test(value)) {
-      taxIdError.value = 'Singapore UEN format: 9 digits or XXX-XXXXXX'
-      return
-    }
-  } else if (country === 'TW') {
-    // Taiwan: 8 digits (統一編號)
-    if (!/^\d{8}$/.test(value)) {
-      taxIdError.value = 'Taiwan Tax ID format: 8 digits'
-      return
-    }
-  }
-
-  emitUpdate()
-}
-
-const emitUpdate = () => {
-  if (isComplete.value) {
-    emit('update:modelValue', { ...taxId.value })
-  }
-}
-
-const getFieldLabel = (): string => {
-  const labels: Record<string, string> = {
-    KR: 'Business Registration Number (사업자등록번호)',
-    US: 'Employer Identification Number (EIN)',
-    JP: 'Corporate Number (法人番号)',
-    CN: 'Unified Social Credit Code (统一社会信用代码)',
-    SG: 'Unique Entity Number (UEN)',
-    TW: 'Uniform Number (統一編號)'
-  }
-  return labels[taxId.value.country] || 'Tax ID Number'
-}
-
-const getPlaceholder = (): string => {
-  const placeholders: Record<string, string> = {
-    KR: 'e.g., 123-45-67890',
-    US: 'e.g., 12-3456789',
-    JP: 'e.g., 1234567890123',
-    CN: 'e.g., 123456789012345678',
-    SG: 'e.g., 123456789 or 123-456789',
-    TW: 'e.g., 12345678'
-  }
-  return placeholders[taxId.value.country] || ''
-}
-
-const getFormatHint = (): string => {
-  const hints: Record<string, string> = {
-    KR: 'Format: XXX-XX-XXXXX (10 digits)',
-    US: 'Format: XX-XXXXXXX (9 digits)',
-    JP: 'Format: 12-13 digits',
-    CN: 'Format: 18 digits',
-    SG: 'Format: 9 digits or XXX-XXXXXX',
-    TW: 'Format: 8 digits'
-  }
-  return hints[taxId.value.country] || 'Format: country-specific'
-}
-
-const getCountryName = (code: string): string => {
-  const countries: Record<string, string> = {
-    KR: 'South Korea',
-    US: 'United States',
-    JP: 'Japan',
-    CN: 'China',
-    SG: 'Singapore',
-    TW: 'Taiwan'
-  }
-  return countries[code] || 'Country'
-}
-
-const formatTaxId = (): string => {
-  const value = taxId.value.taxIdNumber
-  const country = taxId.value.country
-
-  // Format with country indicator
-  return `${getCountryName(country)}: ${value}`
-}
-
-const getStatusBadgeClass = (): string => {
-  const status = taxId.value.verificationStatus
-  if (status === 'VERIFIED') return 'bg-success'
-  if (status === 'PENDING') return 'bg-warning'
-  if (status === 'FAILED') return 'bg-danger'
-  return 'bg-secondary'
-}
-</script>
-
-<style scoped>
-.tax-id-field {
-  margin-bottom: 1.5rem;
-}
-
-.tax-id-group {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: 1rem;
-  padding: 1rem;
-  border: 1px solid #dee2e6;
-  border-radius: 4px;
-  background-color: #f8f9fa;
-}
-
-.col-full {
-  grid-column: 1 / -1;
-}
-
-.form-group {
-  display: flex;
-  flex-direction: column;
-}
-
-.form-label {
-  font-weight: 500;
-  margin-bottom: 0.5rem;
-  font-size: 0.875rem;
-}
-
-.form-control {
-  border-radius: 4px;
-  border: 1px solid #dee2e6;
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-  font-family: inherit;
-}
-
-.form-control:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-
-.form-control.is-invalid {
-  border-color: #dc3545;
-}
-
-.text-danger {
-  color: #dc3545;
-  margin-left: 0.25rem;
-}
-
-.text-muted {
-  color: #6c757d;
-  font-size: 0.875rem;
-}
-
-.invalid-feedback {
-  color: #dc3545;
-  font-size: 0.875rem;
-  margin-top: 0.25rem;
-  display: block;
-}
-
-.d-block {
-  display: block;
-}
-
-.mt-1 {
-  margin-top: 0.25rem;
-}
-
-.mt-2 {
-  margin-top: 0.5rem;
-}
-
-.tax-id-summary {
-  padding: 0.75rem;
-  background-color: #e7f3ff;
-  border-left: 3px solid #0d6efd;
-  border-radius: 4px;
-  font-size: 0.875rem;
-  line-height: 1.6;
-}
-
-.badge {
-  font-size: 0.7rem;
-  padding: 0.25rem 0.5rem;
-  margin-left: 0.5rem;
-  vertical-align: middle;
-}
-
-.alert {
-  padding: 0.75rem 1rem;
-  border-radius: 4px;
-  font-size: 0.875rem;
-  border: 1px solid transparent;
-  margin-bottom: 1rem;
-}
-
-.alert-danger {
-  background-color: #f8d7da;
-  color: #721c24;
-  border-color: #f5c6cb;
-}
-
-.alert-success {
-  background-color: #d4edda;
-  color: #155724;
-  border-color: #c3e6cb;
-}
-
-small {
-  display: block;
-}
-
-strong {
-  font-weight: 600;
-}
-</style>
diff --git a/oms-wms-erp/src/components/fields/domain/WarehouseField/WarehouseField.spec.ts b/oms-wms-erp/src/components/fields/domain/WarehouseField/WarehouseField.spec.ts
deleted file mode 100644
index 68dbf2cf..00000000
--- a/oms-wms-erp/src/components/fields/domain/WarehouseField/WarehouseField.spec.ts
+++ /dev/null
@@ -1,387 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest'
-import { mount } from '@vue/test-utils'
-import WarehouseField from './WarehouseField.vue'
-
-describe('WarehouseField (Domain Field)', () => {
-  const defaultProps = {
-    modelValue: null
-  }
-
-  describe('Rendering', () => {
-    it('renders warehouse select dropdown', () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      const select = wrapper.find('select')
-      expect(select.exists()).toBe(true)
-    })
-
-    it('loads warehouse options on mount', async () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      // Wait for mock API call
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      expect(wrapper.vm.warehouseOptions.length).toBeGreaterThan(0)
-    })
-
-    it('displays warehouse details panel when selected', async () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      // Wait for options to load
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const select = wrapper.find('select')
-      await select.setValue('WH-SEOUL')
-
-      // Wait for warehouse details to load
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      expect(wrapper.find('.card').exists()).toBe(true)
-      expect(wrapper.text()).toContain('Seoul Central')
-    })
-  })
-
-  describe('Warehouse Selection', () => {
-    it('loads selected warehouse details', async () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const select = wrapper.find('select')
-      await select.setValue('WH-SEOUL')
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      expect(wrapper.vm.selectedWarehouse).not.toBeNull()
-      expect(wrapper.vm.selectedWarehouse?.name).toBe('Seoul Central')
-    })
-
-    it('emits update:modelValue when warehouse selected', async () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const select = wrapper.find('select')
-      await select.setValue('WH-BUSAN')
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const emitted = wrapper.emitted('update:modelValue')
-      expect(emitted).toBeDefined()
-      expect(emitted?.[0]?.[0]).toBe('WH-BUSAN')
-    })
-
-    it('emits select event with warehouse data', async () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const select = wrapper.find('select')
-      await select.setValue('WH-SEOUL')
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const emitted = wrapper.emitted('select')
-      expect(emitted).toBeDefined()
-      expect((emitted?.[0]?.[0] as any).name).toBe('Seoul Central')
-    })
-
-    it('clears selection when empty value selected', async () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const select = wrapper.find('select')
-      await select.setValue('WH-SEOUL')
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      expect(wrapper.vm.selectedWarehouse).not.toBeNull()
-
-      await select.setValue('')
-
-      expect(wrapper.vm.selectedWarehouse).toBeNull()
-    })
-  })
-
-  describe('Capacity Calculation', () => {
-    it('calculates capacity percentage correctly', async () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const select = wrapper.find('select')
-      await select.setValue('WH-SEOUL')
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      // Seoul: 7500 / 10000 = 75%
-      expect(wrapper.vm.capacityPercent).toBe(75)
-    })
-
-    it('shows different capacity percentages for different warehouses', async () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const select = wrapper.find('select')
-
-      // Test Seoul (75%)
-      await select.setValue('WH-SEOUL')
-      await new Promise((resolve) => setTimeout(resolve, 400))
-      expect(wrapper.vm.capacityPercent).toBe(75)
-
-      // Test Busan (20%)
-      await select.setValue('WH-BUSAN')
-      await new Promise((resolve) => setTimeout(resolve, 400))
-      expect(wrapper.vm.capacityPercent).toBe(20)
-
-      // Test Daegu (99%)
-      await select.setValue('WH-DAEGU')
-      await new Promise((resolve) => setTimeout(resolve, 400))
-      expect(wrapper.vm.capacityPercent).toBe(99)
-    })
-  })
-
-  describe('Capacity Warnings', () => {
-    it('shows warning alert when capacity > 75%', async () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const select = wrapper.find('select')
-      await select.setValue('WH-SEOUL') // 75%
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      expect(wrapper.vm.capacityAlert).toBe(true)
-    })
-
-    it('does not show warning alert when capacity <= 75%', async () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const select = wrapper.find('select')
-      await select.setValue('WH-BUSAN') // 20%
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      expect(wrapper.vm.capacityAlert).toBe(false)
-    })
-
-    it('shows critical alert for > 90% capacity', async () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const select = wrapper.find('select')
-      await select.setValue('WH-DAEGU') // 99%
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      expect(wrapper.vm.capacityAlertClass).toContain('alert-danger')
-    })
-
-    it('shows warning alert for 75-90% capacity', async () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const select = wrapper.find('select')
-      await select.setValue('WH-SEOUL') // 75%
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      expect(wrapper.vm.capacityAlertClass).toContain('alert-warning')
-    })
-
-    it('shows success alert for < 75% capacity', async () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const select = wrapper.find('select')
-      await select.setValue('WH-BUSAN') // 20%
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      expect(wrapper.vm.capacityAlertClass).toContain('alert-success')
-    })
-  })
-
-  describe('Status Display', () => {
-    it('shows correct status badge for ACTIVE warehouse', async () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const select = wrapper.find('select')
-      await select.setValue('WH-SEOUL')
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      expect(wrapper.vm.statusClass).toContain('bg-success')
-    })
-
-    it('shows correct status badge for MAINTENANCE warehouse', async () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const select = wrapper.find('select')
-      await select.setValue('WH-DAEGU')
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      expect(wrapper.vm.statusClass).toContain('bg-warning')
-    })
-  })
-
-  describe('Sections Display', () => {
-    it('displays warehouse sections when available', async () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const select = wrapper.find('select')
-      await select.setValue('WH-SEOUL')
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      expect(wrapper.text()).toContain('Section A')
-      expect(wrapper.text()).toContain('Section B')
-      expect(wrapper.text()).toContain('Section C')
-    })
-
-    it('shows section availability slots', async () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const select = wrapper.find('select')
-      await select.setValue('WH-SEOUL')
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      // Seoul Section A: 30 / 100 slots
-      expect(wrapper.text()).toContain('30 / 100 slots')
-    })
-  })
-
-  describe('Capacity Bar Styling', () => {
-    it('shows success color for low capacity', async () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const select = wrapper.find('select')
-      await select.setValue('WH-BUSAN') // 20%
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      expect(wrapper.vm.capacityBarClass).toContain('bg-success')
-    })
-
-    it('shows danger color for critical capacity', async () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const select = wrapper.find('select')
-      await select.setValue('WH-DAEGU') // 99%
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      expect(wrapper.vm.capacityBarClass).toContain('bg-danger')
-    })
-
-    it('shows warning color for high capacity', async () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const select = wrapper.find('select')
-      await select.setValue('WH-SEOUL') // 75%
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      expect(wrapper.vm.capacityBarClass).toContain('bg-warning')
-    })
-  })
-
-  describe('Clear Functionality', () => {
-    it('clears selection when clear button clicked', async () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const select = wrapper.find('select')
-      await select.setValue('WH-SEOUL')
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      expect(wrapper.vm.selectedWarehouse).not.toBeNull()
-
-      const clearBtn = wrapper.find('.btn-outline-secondary')
-      await clearBtn.trigger('click')
-
-      expect(wrapper.vm.selectedWarehouse).toBeNull()
-      expect(wrapper.vm.warehouseId).toBe('')
-    })
-  })
-
-  describe('Props Updates', () => {
-    it('loads warehouse when modelValue prop is set', async () => {
-      const wrapper = mount(WarehouseField, {
-        props: { modelValue: 'WH-SEOUL' }
-      })
-
-      await new Promise((resolve) => setTimeout(resolve, 800))
-
-      expect(wrapper.vm.selectedWarehouse).not.toBeNull()
-      expect(wrapper.vm.selectedWarehouse?.warehouseId).toBe('WH-SEOUL')
-    })
-  })
-
-  describe('Loading State', () => {
-    it('shows loading indicator while fetching warehouses', async () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      expect(wrapper.vm.isLoading).toBe(true)
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      expect(wrapper.vm.isLoading).toBe(false)
-    })
-  })
-
-  describe('Accessibility', () => {
-    it('has proper label', () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('Warehouse')
-    })
-
-    it('shows required indicator', () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      expect(wrapper.text()).toContain('*')
-    })
-
-    it('has aria attributes on progress bar', async () => {
-      const wrapper = mount(WarehouseField, { props: defaultProps })
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const select = wrapper.find('select')
-      await select.setValue('WH-SEOUL')
-
-      await new Promise((resolve) => setTimeout(resolve, 400))
-
-      const progressBar = wrapper.find('[role="progressbar"]')
-      expect(progressBar.exists()).toBe(true)
-      expect(progressBar.attributes('aria-valuenow')).toBeDefined()
-    })
-  })
-})
diff --git a/oms-wms-erp/src/components/fields/domain/WarehouseField/WarehouseField.stories.ts b/oms-wms-erp/src/components/fields/domain/WarehouseField/WarehouseField.stories.ts
deleted file mode 100644
index be3b2586..00000000
--- a/oms-wms-erp/src/components/fields/domain/WarehouseField/WarehouseField.stories.ts
+++ /dev/null
@@ -1,131 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3'
-import WarehouseField from './WarehouseField.vue'
-
-const meta: Meta<typeof WarehouseField> = {
-  title: 'Fields/Domain/WarehouseField',
-  component: WarehouseField,
-  argTypes: {
-    modelValue: {
-      control: 'text',
-      description: 'Selected warehouse ID'
-    }
-  }
-}
-
-export default meta
-type Story = StoryObj<typeof WarehouseField>
-
-const Template = (args: any) => ({
-  components: { WarehouseField },
-  setup() {
-    return { args }
-  },
-  template: `
-    <div>
-      <WarehouseField
-        v-bind="args"
-        @update:modelValue="args.modelValue = $event"
-        @select="console.log('Warehouse selected:', $event)"
-      />
-      <div v-if="args.modelValue" class="mt-3">
-        <strong>Selected Warehouse ID:</strong> {{ args.modelValue }}
-      </div>
-    </div>
-  `
-})
-
-export const Empty: Story = {
-  render: Template,
-  args: {
-    modelValue: null
-  }
-}
-
-export const SeoulWarehouse: Story = {
-  render: Template,
-  args: {
-    modelValue: 'WH-SEOUL'
-  }
-}
-
-export const BusanWarehouse: Story = {
-  render: Template,
-  args: {
-    modelValue: 'WH-BUSAN'
-  }
-}
-
-export const DaeguWarehouse: Story = {
-  render: Template,
-  args: {
-    modelValue: 'WH-DAEGU'
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Shows warehouse at critical capacity (>90%) with warning'
-      }
-    }
-  }
-}
-
-export const CapacityComparison: Story = {
-  render: (args: any) => ({
-    components: { WarehouseField },
-    setup() {
-      return { args }
-    },
-    template: `
-      <div>
-        <h5>Warehouse Capacity Comparison</h5>
-
-        <div class="mb-4">
-          <h6>Seoul (75% - Warning)</h6>
-          <WarehouseField modelValue="WH-SEOUL" />
-        </div>
-
-        <div class="mb-4">
-          <h6>Busan (20% - Good)</h6>
-          <WarehouseField modelValue="WH-BUSAN" />
-        </div>
-
-        <div class="mb-4">
-          <h6>Daegu (99% - Critical)</h6>
-          <WarehouseField modelValue="WH-DAEGU" />
-        </div>
-      </div>
-    `
-  })
-}
-
-export const SelectionWorkflow: Story = {
-  render: (args: any) => ({
-    components: { WarehouseField },
-    setup() {
-      const tips = [
-        'Click the dropdown to see all available warehouses',
-        'Each warehouse shows location in parentheses',
-        'Click to view detailed capacity and section info',
-        'Capacity bar changes color: Green (0-50%) → Blue (50-75%) → Yellow (75-90%) → Red (>90%)'
-      ]
-      return { args, tips }
-    },
-    template: `
-      <div>
-        <WarehouseField
-          v-bind="args"
-          @update:modelValue="args.modelValue = $event"
-        />
-        <div class="alert alert-info mt-3">
-          <strong>💡 How it works:</strong>
-          <ul>
-            <li v-for="tip in tips" :key="tip">{{ tip }}</li>
-          </ul>
-        </div>
-      </div>
-    `
-  }),
-  args: {
-    modelValue: null
-  }
-}
diff --git a/oms-wms-erp/src/components/fields/domain/WarehouseField/WarehouseField.vue b/oms-wms-erp/src/components/fields/domain/WarehouseField/WarehouseField.vue
deleted file mode 100644
index d46318f5..00000000
--- a/oms-wms-erp/src/components/fields/domain/WarehouseField/WarehouseField.vue
+++ /dev/null
@@ -1,618 +0,0 @@
-<template>
-  <div class="warehouse-field">
-    <!-- Warehouse Selection -->
-    <div class="form-group">
-      <label class="form-label">
-        Warehouse
-        <span class="text-danger">*</span>
-      </label>
-      <select
-        v-model="warehouseId"
-        class="form-control"
-        :disabled="isLoading"
-        @change="handleWarehouseChange"
-      >
-        <option value="">-- Select Warehouse --</option>
-        <option
-          v-for="wh in warehouseOptions"
-          :key="wh.value"
-          :value="wh.value"
-        >
-          {{ wh.label }} ({{ wh.location }})
-        </option>
-      </select>
-      <div v-if="selectError" class="invalid-feedback d-block">
-        {{ selectError }}
-      </div>
-    </div>
-
-    <!-- Warehouse Details Panel -->
-    <div v-if="selectedWarehouse" class="card mt-2">
-      <div class="card-body">
-        <h5 class="card-title">{{ selectedWarehouse.name }}</h5>
-
-        <!-- Basic Info -->
-        <div class="row mb-3">
-          <div class="col-md-6">
-            <small>
-              <strong>Location:</strong>
-              <span class="badge bg-secondary">{{ selectedWarehouse.location }}</span><br>
-              <strong>Manager:</strong> {{ selectedWarehouse.manager }}<br>
-              <strong>Phone:</strong> {{ selectedWarehouse.phone }}<br>
-            </small>
-          </div>
-
-          <div class="col-md-6">
-            <small>
-              <strong>Operating Hours:</strong> {{ selectedWarehouse.operatingHours }}<br>
-              <strong>Status:</strong>
-              <span :class="statusClass">{{ selectedWarehouse.status }}</span><br>
-              <strong>Last Audit:</strong> {{ formatDate(selectedWarehouse.lastAudit) }}<br>
-            </small>
-          </div>
-        </div>
-
-        <!-- Capacity Info -->
-        <div class="capacity-section mt-3 pt-3 border-top">
-          <h6>Capacity Usage</h6>
-
-          <div class="row mb-2">
-            <div class="col-md-6">
-              <small>
-                <strong>Total Capacity:</strong><br>
-                {{ selectedWarehouse.totalCapacity }} units
-              </small>
-            </div>
-            <div class="col-md-6">
-              <small>
-                <strong>Used Capacity:</strong><br>
-                {{ selectedWarehouse.usedCapacity }} units
-              </small>
-            </div>
-          </div>
-
-          <!-- Capacity Progress Bar -->
-          <div class="progress" style="height: 25px">
-            <div
-              class="progress-bar"
-              :class="capacityBarClass"
-              :style="{ width: capacityPercent + '%' }"
-              role="progressbar"
-              :aria-valuenow="capacityPercent"
-              aria-valuemin="0"
-              aria-valuemax="100"
-            >
-              <strong>{{ capacityPercent }}%</strong>
-            </div>
-          </div>
-
-          <!-- Capacity Status -->
-          <div v-if="capacityAlert" :class="capacityAlertClass" class="mt-2">
-            <span v-if="capacityPercent > 90">
-              🚨 Critical: Warehouse at {{ capacityPercent }}% capacity
-            </span>
-            <span v-else-if="capacityPercent > 75">
-              ⚠️ Warning: Warehouse at {{ capacityPercent }}% capacity
-            </span>
-            <span v-else>
-              ✅ Good: Warehouse at {{ capacityPercent }}% capacity
-            </span>
-          </div>
-        </div>
-
-        <!-- Available Sections -->
-        <div v-if="selectedWarehouse.sections" class="sections-info mt-3 pt-3 border-top">
-          <h6>Available Sections</h6>
-          <div class="row">
-            <div
-              v-for="section in selectedWarehouse.sections"
-              :key="section.id"
-              class="col-md-4 mb-2"
-            >
-              <div class="section-badge">
-                <small>
-                  <strong>{{ section.name }}</strong><br>
-                  <span :class="sectionStatusClass(section)">
-                    {{ section.available }} / {{ section.total }} slots
-                  </span>
-                </small>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- Clear Button -->
-        <button
-          class="btn btn-sm btn-outline-secondary mt-3"
-          @click="clearSelection"
-        >
-          Clear
-        </button>
-      </div>
-    </div>
-
-    <!-- Loading State -->
-    <div v-if="isLoading" class="alert alert-info mt-2">
-      <span class="spinner-border spinner-border-sm me-2"></span>
-      Loading warehouse data...
-    </div>
-
-    <!-- Error State -->
-    <div v-if="loadError" class="alert alert-danger mt-2">
-      {{ loadError }}
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
-import { useFormatting } from '@/composables/useFormatting'
-
-interface Section {
-  id: string
-  name: string
-  total: number
-  available: number
-}
-
-interface Warehouse {
-  warehouseId: string
-  name: string
-  location: string
-  manager: string
-  phone: string
-  operatingHours: string
-  status: string
-  lastAudit: string
-  totalCapacity: number
-  usedCapacity: number
-  sections: Section[]
-}
-
-const props = defineProps<{
-  modelValue: string | null // warehouse ID
-}>()
-
-const emit = defineEmits<{
-  'update:modelValue': [value: string]
-  select: [warehouse: Warehouse]
-}>()
-
-const { formatDate } = useFormatting()
-
-// State
-const warehouseId = ref(props.modelValue || '')
-const warehouseOptions = ref<any[]>([])
-const selectedWarehouse = ref<Warehouse | null>(null)
-const isLoading = ref(false)
-const selectError = ref<string | null>(null)
-const loadError = ref<string | null>(null)
-
-// Computed
-const capacityPercent = computed(() => {
-  if (!selectedWarehouse.value || selectedWarehouse.value.totalCapacity === 0) return 0
-  return Math.round(
-    (selectedWarehouse.value.usedCapacity / selectedWarehouse.value.totalCapacity) * 100
-  )
-})
-
-const capacityAlert = computed(() => {
-  return capacityPercent.value >= 75
-})
-
-const capacityBarClass = computed(() => {
-  const percent = capacityPercent.value
-  if (percent > 90) return 'bg-danger'
-  if (percent > 75) return 'bg-warning'
-  if (percent > 50) return 'bg-info'
-  return 'bg-success'
-})
-
-const capacityAlertClass = computed(() => {
-  const percent = capacityPercent.value
-  if (percent > 90) return 'alert alert-danger'
-  if (percent > 75) return 'alert alert-warning'
-  return 'alert alert-success'
-})
-
-const statusClass = computed(() => {
-  if (!selectedWarehouse.value) return ''
-  switch (selectedWarehouse.value.status) {
-    case 'ACTIVE':
-      return 'badge bg-success'
-    case 'INACTIVE':
-      return 'badge bg-secondary'
-    case 'MAINTENANCE':
-      return 'badge bg-warning'
-    case 'CLOSED':
-      return 'badge bg-danger'
-    default:
-      return 'badge bg-secondary'
-  }
-})
-
-// Methods
-const sectionStatusClass = (section: Section) => {
-  if (section.available === 0) return 'text-danger'
-  if (section.available < 5) return 'text-warning'
-  return 'text-success'
-}
-
-const handleWarehouseChange = async () => {
-  selectError.value = null
-  loadError.value = null
-
-  if (!warehouseId.value) {
-    selectedWarehouse.value = null
-    emit('update:modelValue', '')
-    return
-  }
-
-  isLoading.value = true
-  try {
-    // Mock API call - would be: await warehousesApi.getWarehouse(warehouseId.value)
-    const warehouse = await mockGetWarehouse(warehouseId.value)
-
-    if (!warehouse) {
-      selectError.value = 'Warehouse not found'
-      selectedWarehouse.value = null
-      return
-    }
-
-    selectedWarehouse.value = warehouse
-    emit('update:modelValue', warehouse.warehouseId)
-    emit('select', warehouse)
-  } catch (error) {
-    loadError.value = 'Failed to load warehouse details'
-    selectedWarehouse.value = null
-  } finally {
-    isLoading.value = false
-  }
-}
-
-const clearSelection = () => {
-  warehouseId.value = ''
-  selectedWarehouse.value = null
-  selectError.value = null
-  loadError.value = null
-  emit('update:modelValue', '')
-}
-
-// Initialize warehouse options
-onMounted(async () => {
-  isLoading.value = true
-  try {
-    // Mock API call - would be: await warehousesApi.listWarehouses()
-    const warehouses = await mockListWarehouses()
-    warehouseOptions.value = warehouses.map((w) => ({
-      value: w.warehouseId,
-      label: w.name,
-      location: w.location
-    }))
-
-    // If modelValue is set, load that warehouse
-    if (props.modelValue) {
-      warehouseId.value = props.modelValue
-      await handleWarehouseChange()
-    }
-  } catch (error) {
-    loadError.value = 'Failed to load warehouses'
-  } finally {
-    isLoading.value = false
-  }
-}
-
-// Mock API - would be replaced with real API calls
-const mockListWarehouses = async (): Promise<Warehouse[]> => {
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      resolve([
-        {
-          warehouseId: 'WH-SEOUL',
-          name: 'Seoul Central',
-          location: 'Seoul',
-          manager: 'Kim Jin-ho',
-          phone: '02-123-4567',
-          operatingHours: '09:00 - 18:00',
-          status: 'ACTIVE',
-          lastAudit: '2026-08-15',
-          totalCapacity: 10000,
-          usedCapacity: 7500,
-          sections: [
-            { id: 'A', name: 'Section A', total: 100, available: 30 },
-            { id: 'B', name: 'Section B', total: 100, available: 15 },
-            { id: 'C', name: 'Section C', total: 100, available: 55 }
-          ]
-        },
-        {
-          warehouseId: 'WH-BUSAN',
-          name: 'Busan Port',
-          location: 'Busan',
-          manager: 'Lee Su-jin',
-          phone: '051-987-6543',
-          operatingHours: '08:00 - 20:00',
-          status: 'ACTIVE',
-          lastAudit: '2026-08-10',
-          totalCapacity: 15000,
-          usedCapacity: 3000,
-          sections: [
-            { id: 'X', name: 'Section X', total: 150, available: 140 },
-            { id: 'Y', name: 'Section Y', total: 150, available: 145 }
-          ]
-        },
-        {
-          warehouseId: 'WH-DAEGU',
-          name: 'Daegu Regional',
-          location: 'Daegu',
-          manager: 'Park Min-jun',
-          phone: '053-555-9999',
-          operatingHours: '07:00 - 19:00',
-          status: 'MAINTENANCE',
-          lastAudit: '2026-07-01',
-          totalCapacity: 8000,
-          usedCapacity: 7900,
-          sections: [
-            { id: '1', name: 'Section 1', total: 80, available: 0 },
-            { id: '2', name: 'Section 2', total: 80, available: 2 }
-          ]
-        }
-      ])
-    }, 300)
-  })
-}
-
-const mockGetWarehouse = async (warehouseId: string): Promise<Warehouse | null> => {
-  const warehouses = await mockListWarehouses()
-  return warehouses.find((w) => w.warehouseId === warehouseId) || null
-}
-</script>
-
-<style scoped>
-.warehouse-field {
-  margin-bottom: 1.5rem;
-}
-
-.form-group {
-  margin-bottom: 1rem;
-}
-
-.form-label {
-  font-weight: 500;
-  margin-bottom: 0.5rem;
-  display: block;
-  font-size: 0.875rem;
-}
-
-.form-control {
-  border-radius: 4px;
-  border: 1px solid #dee2e6;
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-  width: 100%;
-}
-
-.form-control:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-
-.form-control:disabled {
-  background-color: #e9ecef;
-  opacity: 1;
-  cursor: not-allowed;
-}
-
-.card {
-  border: 1px solid #dee2e6;
-  border-radius: 4px;
-  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
-}
-
-.card-body {
-  padding: 1rem;
-}
-
-.card-title {
-  margin-bottom: 1rem;
-  font-weight: 600;
-  font-size: 1rem;
-}
-
-.row {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: 1rem;
-}
-
-.col-md-6,
-.col-md-4 {
-  flex: 1;
-}
-
-small {
-  line-height: 1.8;
-  display: block;
-}
-
-.badge {
-  padding: 0.25rem 0.5rem;
-  font-size: 0.75rem;
-  border-radius: 4px;
-  color: white;
-}
-
-.bg-success {
-  background-color: #28a745 !important;
-}
-
-.bg-secondary {
-  background-color: #6c757d !important;
-}
-
-.bg-warning {
-  background-color: #ffc107 !important;
-  color: #212529 !important;
-}
-
-.bg-danger {
-  background-color: #dc3545 !important;
-}
-
-.bg-info {
-  background-color: #17a2b8 !important;
-}
-
-.text-success {
-  color: #28a745;
-  font-weight: 600;
-}
-
-.text-warning {
-  color: #ffc107;
-  font-weight: 600;
-}
-
-.text-danger {
-  color: #dc3545;
-  font-weight: 600;
-}
-
-.text-danger {
-  color: #dc3545;
-  margin-left: 0.25rem;
-}
-
-.progress {
-  background-color: #e9ecef;
-  border-radius: 4px;
-  overflow: hidden;
-}
-
-.progress-bar {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: white;
-  font-weight: 600;
-  font-size: 0.875rem;
-  transition: width 0.3s ease-in-out;
-}
-
-.alert {
-  padding: 0.75rem 1rem;
-  border-radius: 4px;
-  font-size: 0.875rem;
-  border: 1px solid transparent;
-  margin-bottom: 1rem;
-}
-
-.alert-danger {
-  background-color: #f8d7da;
-  color: #721c24;
-  border-color: #f5c6cb;
-}
-
-.alert-warning {
-  background-color: #fff3cd;
-  color: #856404;
-  border-color: #ffeaa7;
-}
-
-.alert-success {
-  background-color: #d4edda;
-  color: #155724;
-  border-color: #c3e6cb;
-}
-
-.alert-info {
-  background-color: #d1ecf1;
-  color: #0c5460;
-  border-color: #bee5eb;
-}
-
-.invalid-feedback {
-  color: #dc3545;
-  font-size: 0.875rem;
-  margin-top: 0.25rem;
-  display: block;
-}
-
-.d-block {
-  display: block;
-}
-
-.border-top {
-  border-top: 1px solid #dee2e6;
-}
-
-.mt-2 {
-  margin-top: 0.5rem;
-}
-
-.mt-3 {
-  margin-top: 1rem;
-}
-
-.mb-2 {
-  margin-bottom: 0.5rem;
-}
-
-.mb-3 {
-  margin-bottom: 1rem;
-}
-
-.pt-3 {
-  padding-top: 1rem;
-}
-
-.me-2 {
-  margin-right: 0.5rem;
-}
-
-.btn {
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-  border-radius: 4px;
-  border: 1px solid #dee2e6;
-  cursor: pointer;
-  transition: all 0.15s ease-in-out;
-}
-
-.btn-outline-secondary {
-  color: #6c757d;
-  border-color: #6c757d;
-}
-
-.btn-outline-secondary:hover {
-  background-color: #6c757d;
-  color: white;
-}
-
-.spinner-border {
-  width: 1rem;
-  height: 1rem;
-  border-width: 0.2em;
-}
-
-h6 {
-  font-weight: 600;
-  font-size: 0.95rem;
-  margin-bottom: 0.75rem;
-}
-
-.capacity-section,
-.sections-info {
-  background-color: #f8f9fa;
-  padding: 1rem;
-  border-radius: 4px;
-}
-
-.section-badge {
-  background-color: white;
-  padding: 0.75rem;
-  border: 1px solid #dee2e6;
-  border-radius: 4px;
-}
-</style>
diff --git a/oms-wms-erp/src/components/fields/domain/index.ts b/oms-wms-erp/src/components/fields/domain/index.ts
deleted file mode 100644
index 67fe0ef1..00000000
--- a/oms-wms-erp/src/components/fields/domain/index.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-/**
- * Domain Fields Index
- * Central export for Smart Components layer (domain-specific business fields)
- *
- * Domain Fields compose Typed Fields + business logic + API integration
- * Example: OrderLineField = Qty (NumberField) + Product lookup + Auto-calculate price
- */
-
-// Phase 3 Step 2: Core Domain Fields (fully implemented)
-export { default as OrderLineField } from './OrderLineField/OrderLineField.vue'
-export { default as CustomerField } from './CustomerField/CustomerField.vue'
-export { default as ProductField } from './ProductField/ProductField.vue'
-export { default as WarehouseField } from './WarehouseField/WarehouseField.vue'
-export { default as SupplierField } from './SupplierField/SupplierField.vue'
-export { default as DateRangeField } from './DateRangeField/DateRangeField.vue'
-export { default as AddressField } from './AddressField/AddressField.vue'
-export { default as BankAccountField } from './BankAccountField/BankAccountField.vue'
-export { default as TaxIDField } from './TaxIDField/TaxIDField.vue'
-export { default as RoleField } from './RoleField/RoleField.vue'
-export { default as ApprovalField } from './ApprovalField/ApprovalField.vue'
-export { default as StockTransferField } from './StockTransferField/StockTransferField.vue'
-
-// Phase 3 Step 2: All 12 Domain Fields Complete ✅
-// export { default as SupplierField } from './SupplierField/SupplierField.vue'
-// export { default as DateRangeField } from './DateRangeField/DateRangeField.vue'
-// export { default as AddressField } from './AddressField/AddressField.vue'
-// export { default as BankAccountField } from './BankAccountField/BankAccountField.vue'
-// export { default as TaxIDField } from './TaxIDField/TaxIDField.vue'
-// export { default as RoleField } from './RoleField/RoleField.vue'
-// export { default as ApprovalField } from './ApprovalField/ApprovalField.vue'
-
-/**
- * Layer Summary
- *
- * Layer 1: Primitives (30 components) ✅ Phase 1
- *          Button, Input, Select, Table, Card, Badge, etc.
- *
- * Layer 2: Typed Fields (12 components) ✅ Phase 2 + 3.1
- *          TextField, DateField, CurrencyField, NumberField, EmailField,
- *          PhoneField, URLField, PercentageField, TextareaField, CheckboxField,
- *          SelectField, StatusField
- *
- * Layer 3: Domain Fields (12 components) 🔄 Phase 3.2
- *          OrderLineField, CustomerField, ProductField, WarehouseField,
- *          SupplierField, StockTransferField, DateRangeField, AddressField,
- *          BankAccountField, TaxIDField, RoleField, ApprovalField
- *
- * Layer 4: Business Composites (11 components) 🔄 Phase 3.4
- *          OrderForm, InventoryTransfer, VoucherEditor, etc.
- *
- * = 65 total components for 4-layer architecture
- */
diff --git a/oms-wms-erp/src/components/fields/typed/CheckboxField/CheckboxField.vue b/oms-wms-erp/src/components/fields/typed/CheckboxField/CheckboxField.vue
deleted file mode 100644
index f53532e1..00000000
--- a/oms-wms-erp/src/components/fields/typed/CheckboxField/CheckboxField.vue
+++ /dev/null
@@ -1,96 +0,0 @@
-<template>
-  <div class="form-check">
-    <input
-      :id="`checkbox-${id}`"
-      type="checkbox"
-      :checked="modelValue"
-      class="form-check-input"
-      :disabled="disabled"
-      :aria-describedby="helpText ? `help-${id}` : undefined"
-      @change="handleChange"
-    />
-    <label :for="`checkbox-${id}`" class="form-check-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <small v-if="helpText" :id="`help-${id}`" class="form-text d-block text-muted">
-      {{ helpText }}
-    </small>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-interface Props {
-  modelValue: boolean
-  label: string
-  disabled?: boolean
-  required?: boolean
-  helpText?: string
-}
-
-defineProps<Props>()
-
-const emit = defineEmits<{
-  'update:modelValue': [value: boolean]
-}>()
-
-const id = ref(`checkbox-${Math.random().toString(36).slice(2, 11)}`)
-
-const handleChange = (e: Event) => {
-  const input = e.target as HTMLInputElement
-  emit('update:modelValue', input.checked)
-}
-</script>
-
-<style scoped>
-.form-check {
-  display: block;
-  padding-left: 0;
-  margin-bottom: 1rem;
-}
-
-.form-check-input {
-  float: left;
-  margin-left: -1.5rem;
-  margin-top: 0.3em;
-  cursor: pointer;
-}
-
-.form-check-input:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-.form-check-label {
-  display: block;
-  padding-left: 1.5rem;
-  margin-bottom: 0;
-  cursor: pointer;
-  font-weight: normal;
-}
-
-.form-check-label:has(> .form-check-input:disabled) {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-.form-text {
-  font-size: 0.875rem;
-  padding-left: 1.5rem;
-}
-
-.text-muted {
-  color: #6c757d;
-}
-
-.text-danger {
-  color: #dc3545;
-  margin-left: 0.25rem;
-}
-
-.d-block {
-  display: block;
-}
-</style>
diff --git a/oms-wms-erp/src/components/fields/typed/CurrencyField/CurrencyField.vue b/oms-wms-erp/src/components/fields/typed/CurrencyField/CurrencyField.vue
deleted file mode 100644
index 8f034104..00000000
--- a/oms-wms-erp/src/components/fields/typed/CurrencyField/CurrencyField.vue
+++ /dev/null
@@ -1,96 +0,0 @@
-<template>
-  <div class="mb-3">
-    <label v-if="label" :for="id" class="form-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <div class="input-group">
-      <span class="input-group-text">{{ currencySymbol }}</span>
-      <input
-        :id="id"
-        :value="displayValue"
-        type="text"
-        inputmode="decimal"
-        :placeholder="placeholder"
-        :disabled="disabled"
-        :class="['form-control', 'text-end', { 'is-invalid': error }]"
-        :aria-label="ariaLabel"
-        :aria-describedby="error ? `error-${id}` : helpText ? `help-${id}` : undefined"
-        @input="handleInput"
-        @blur="handleBlur"
-      />
-    </div>
-    <small v-if="helpText && !error" :id="`help-${id}`" class="form-text text-muted">
-      {{ helpText }}
-    </small>
-    <div v-if="error" :id="`error-${id}`" class="invalid-feedback d-block">
-      {{ error }}
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue'
-import { createValidationRules, type ValidationRule } from '@/composables/useValidation'
-import { useFormatting } from '@/composables/useFormatting'
-
-interface Props {
-  modelValue: string | number
-  label?: string
-  placeholder?: string
-  disabled?: boolean
-  required?: boolean
-  currencySymbol?: string
-  minValue?: number
-  maxValue?: number
-  decimals?: number
-  helpText?: string
-  ariaLabel?: string
-  validationRules?: ValidationRule[]
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  currencySymbol: '₩',
-  decimals: 0
-})
-
-const id = ref(`currency-field-${Math.random().toString(36).slice(2, 11)}`)
-const error = ref<string | null>(null)
-
-const formatter = useFormatting()
-const validator = createValidationRules()
-
-const displayValue = computed(() => {
-  if (!props.modelValue) return ''
-  const num = Number(props.modelValue)
-  return num.toLocaleString('ko-KR', {
-    minimumFractionDigits: props.decimals,
-    maximumFractionDigits: props.decimals
-  })
-})
-
-const handleInput = (event: Event) => {
-  const target = event.target as HTMLInputElement
-  const rawValue = target.value.replace(/[^\d.-]/g, '')
-  $emit('update:modelValue', rawValue || '0')
-  error.value = null
-}
-
-const handleBlur = () => {
-  const rules: ValidationRule[] = props.validationRules || []
-  if (props.required) rules.unshift(validator.required('Amount is required'))
-  if (props.minValue !== undefined) {
-    rules.push(validator.min(props.minValue, `Minimum amount is ${formatter.formatCurrency(props.minValue)}`))
-  }
-  if (props.maxValue !== undefined) {
-    rules.push(validator.max(props.maxValue, `Maximum amount is ${formatter.formatCurrency(props.maxValue)}`))
-  }
-  error.value = validator.validate(props.modelValue, rules)
-  $emit('blur')
-}
-
-const $emit = defineEmits<{
-  'update:modelValue': [value: string]
-  blur: []
-}>()
-</script>
diff --git a/oms-wms-erp/src/components/fields/typed/DateField/DateField.vue b/oms-wms-erp/src/components/fields/typed/DateField/DateField.vue
deleted file mode 100644
index 70b6f06d..00000000
--- a/oms-wms-erp/src/components/fields/typed/DateField/DateField.vue
+++ /dev/null
@@ -1,70 +0,0 @@
-<template>
-  <div class="mb-3">
-    <label v-if="label" :for="id" class="form-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <input
-      :id="id"
-      :value="modelValue"
-      type="date"
-      :min="minDate"
-      :max="maxDate"
-      :disabled="disabled"
-      :class="['form-control', { 'is-invalid': error }]"
-      :aria-label="ariaLabel"
-      :aria-describedby="error ? `error-${id}` : helpText ? `help-${id}` : undefined"
-      @input="handleInput"
-      @blur="handleBlur"
-    />
-    <small v-if="helpText && !error" :id="`help-${id}`" class="form-text text-muted">
-      {{ helpText }}
-    </small>
-    <div v-if="error" :id="`error-${id}`" class="invalid-feedback d-block">
-      {{ error }}
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-import { createValidationRules, type ValidationRule } from '@/composables/useValidation'
-
-interface Props {
-  modelValue: string // ISO format: YYYY-MM-DD
-  label?: string
-  placeholder?: string
-  disabled?: boolean
-  required?: boolean
-  minDate?: string
-  maxDate?: string
-  helpText?: string
-  ariaLabel?: string
-  validationRules?: ValidationRule[]
-}
-
-const props = withDefaults(defineProps<Props>(), {})
-
-const id = ref(`date-field-${Math.random().toString(36).slice(2, 11)}`)
-const error = ref<string | null>(null)
-
-const validator = createValidationRules()
-
-const handleInput = (event: Event) => {
-  const target = event.target as HTMLInputElement
-  $emit('update:modelValue', target.value)
-  error.value = null
-}
-
-const handleBlur = () => {
-  const rules: ValidationRule[] = props.validationRules || []
-  if (props.required) rules.unshift(validator.required('Date is required'))
-  error.value = validator.validate(props.modelValue, rules)
-  $emit('blur')
-}
-
-const $emit = defineEmits<{
-  'update:modelValue': [value: string]
-  blur: []
-}>()
-</script>
diff --git a/oms-wms-erp/src/components/fields/typed/EmailField/EmailField.vue b/oms-wms-erp/src/components/fields/typed/EmailField/EmailField.vue
deleted file mode 100644
index 3ff80ce7..00000000
--- a/oms-wms-erp/src/components/fields/typed/EmailField/EmailField.vue
+++ /dev/null
@@ -1,108 +0,0 @@
-<template>
-  <div class="form-group">
-    <label v-if="label" :for="`email-${id}`" class="form-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <input
-      :id="`email-${id}`"
-      type="email"
-      :value="modelValue"
-      :disabled="disabled"
-      :placeholder="placeholder || 'user@example.com'"
-      :class="['form-control', { 'is-invalid': errorMessage }]"
-      :aria-describedby="errorMessage ? `error-${id}` : helpText ? `help-${id}` : undefined"
-      @input="handleInput"
-      @blur="$emit('blur')"
-    />
-    <small v-if="helpText" :id="`help-${id}`" class="form-text text-muted d-block mt-1">
-      {{ helpText }}
-    </small>
-    <div v-if="errorMessage" :id="`error-${id}`" class="invalid-feedback d-block">
-      {{ errorMessage }}
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-interface Props {
-  modelValue: string
-  label?: string
-  placeholder?: string
-  disabled?: boolean
-  required?: boolean
-  helpText?: string
-  errorMessage?: string
-}
-
-defineProps<Props>()
-
-const emit = defineEmits<{
-  'update:modelValue': [value: string]
-  blur: []
-}>()
-
-const id = ref(`email-${Math.random().toString(36).slice(2, 11)}`)
-
-const handleInput = (e: Event) => {
-  const input = e.target as HTMLInputElement
-  emit('update:modelValue', input.value)
-}
-</script>
-
-<style scoped>
-.form-group {
-  margin-bottom: 1rem;
-}
-
-.form-label {
-  font-weight: 500;
-  margin-bottom: 0.5rem;
-  display: block;
-}
-
-.form-control {
-  border-radius: 4px;
-  border: 1px solid #dee2e6;
-  padding: 0.5rem 0.75rem;
-  font-size: 1rem;
-  transition: border-color 0.15s ease-in-out;
-}
-
-.form-control:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-
-.form-control.is-invalid {
-  border-color: #dc3545;
-}
-
-.form-control:disabled {
-  background-color: #e9ecef;
-  opacity: 1;
-  cursor: not-allowed;
-}
-
-.form-text {
-  font-size: 0.875rem;
-}
-
-.text-muted {
-  color: #6c757d;
-}
-
-.text-danger {
-  color: #dc3545;
-  margin-left: 0.25rem;
-}
-
-.invalid-feedback {
-  color: #dc3545;
-  font-size: 0.875rem;
-  margin-top: 0.25rem;
-}
-</style>
diff --git a/oms-wms-erp/src/components/fields/typed/NumberField/NumberField.spec.ts b/oms-wms-erp/src/components/fields/typed/NumberField/NumberField.spec.ts
deleted file mode 100644
index 3860f7f5..00000000
--- a/oms-wms-erp/src/components/fields/typed/NumberField/NumberField.spec.ts
+++ /dev/null
@@ -1,170 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest'
-import { mount } from '@vue/test-utils'
-import NumberField from './NumberField.vue'
-
-describe('NumberField', () => {
-  it('renders with correct value', () => {
-    const wrapper = mount(NumberField, {
-      props: {
-        modelValue: 100,
-        label: 'Quantity'
-      }
-    })
-
-    const input = wrapper.find('input[type="number"]')
-    expect(input.element.value).toBe('100')
-    expect(wrapper.find('label').text()).toContain('Quantity')
-  })
-
-  it('emits update:modelValue on input', async () => {
-    const wrapper = mount(NumberField, {
-      props: { modelValue: 10 }
-    })
-
-    const input = wrapper.find('input[type="number"]')
-    await input.setValue(20)
-
-    expect(wrapper.emitted('update:modelValue')).toBeDefined()
-    expect(wrapper.emitted('update:modelValue')?.[0]).toEqual([20])
-  })
-
-  it('validates min boundary', async () => {
-    const wrapper = mount(NumberField, {
-      props: {
-        modelValue: 10,
-        minValue: 5
-      }
-    })
-
-    const input = wrapper.find('input[type="number"]')
-    expect(input.element.min).toBe('5')
-  })
-
-  it('validates max boundary', async () => {
-    const wrapper = mount(NumberField, {
-      props: {
-        modelValue: 50,
-        maxValue: 100
-      }
-    })
-
-    const input = wrapper.find('input[type="number"]')
-    expect(input.element.max).toBe('100')
-  })
-
-  it('handles decimal step correctly', () => {
-    const wrapper = mount(NumberField, {
-      props: {
-        modelValue: 19.99,
-        step: 0.01
-      }
-    })
-
-    const input = wrapper.find('input[type="number"]')
-    expect(input.element.step).toBe('0.01')
-  })
-
-  it('shows error message when provided', () => {
-    const wrapper = mount(NumberField, {
-      props: {
-        modelValue: 5000,
-        errorMessage: 'Value exceeds maximum'
-      }
-    })
-
-    expect(wrapper.text()).toContain('Value exceeds maximum')
-    expect(wrapper.find('.is-invalid').exists()).toBe(true)
-  })
-
-  it('respects disabled state', () => {
-    const wrapper = mount(NumberField, {
-      props: {
-        modelValue: 42,
-        disabled: true
-      }
-    })
-
-    const input = wrapper.find('input[type="number"]')
-    expect(input.element.disabled).toBe(true)
-  })
-
-  it('shows required indicator when required', () => {
-    const wrapper = mount(NumberField, {
-      props: {
-        label: 'Required Field',
-        required: true
-      }
-    })
-
-    expect(wrapper.text()).toContain('*')
-  })
-
-  it('displays help text when provided', () => {
-    const wrapper = mount(NumberField, {
-      props: {
-        label: 'Count',
-        helpText: 'Enter a positive number'
-      }
-    })
-
-    expect(wrapper.text()).toContain('Enter a positive number')
-  })
-
-  it('emits blur event', async () => {
-    const wrapper = mount(NumberField, {
-      props: { modelValue: 100 }
-    })
-
-    const input = wrapper.find('input[type="number"]')
-    await input.trigger('blur')
-
-    expect(wrapper.emitted('blur')).toBeDefined()
-  })
-
-  it('handles null value correctly', async () => {
-    const wrapper = mount(NumberField, {
-      props: { modelValue: null }
-    })
-
-    const input = wrapper.find('input[type="number"]')
-    expect(input.element.value).toBe('')
-  })
-
-  it('clears value when empty input', async () => {
-    const wrapper = mount(NumberField, {
-      props: { modelValue: 100 }
-    })
-
-    const input = wrapper.find('input[type="number"]')
-    await input.setValue('')
-
-    expect(wrapper.emitted('update:modelValue')?.[0]).toEqual([null])
-  })
-
-  it('applies aria-describedby for accessibility', () => {
-    const wrapper = mount(NumberField, {
-      props: {
-        modelValue: 10,
-        helpText: 'Help text'
-      }
-    })
-
-    const input = wrapper.find('input[type="number"]')
-    expect(input.element.getAttribute('aria-describedby')).toBeDefined()
-  })
-
-  it('updates aria-describedby when error appears', async () => {
-    const wrapper = mount(NumberField, {
-      props: {
-        modelValue: 10
-      }
-    })
-
-    let input = wrapper.find('input[type="number"]')
-    expect(input.element.getAttribute('aria-describedby')).toBeNull()
-
-    await wrapper.setProps({ errorMessage: 'Invalid' })
-    input = wrapper.find('input[type="number"]')
-    expect(input.element.getAttribute('aria-describedby')).toBeDefined()
-  })
-})
diff --git a/oms-wms-erp/src/components/fields/typed/NumberField/NumberField.stories.ts b/oms-wms-erp/src/components/fields/typed/NumberField/NumberField.stories.ts
deleted file mode 100644
index 652a3c79..00000000
--- a/oms-wms-erp/src/components/fields/typed/NumberField/NumberField.stories.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3'
-import NumberField from './NumberField.vue'
-
-const meta: Meta<typeof NumberField> = {
-  title: 'Fields/Typed/NumberField',
-  component: NumberField,
-  argTypes: {
-    modelValue: { control: 'number' },
-    minValue: { control: 'number' },
-    maxValue: { control: 'number' },
-    step: { control: 'number' },
-    disabled: { control: 'boolean' },
-    required: { control: 'boolean' }
-  }
-}
-
-export default meta
-type Story = StoryObj<typeof NumberField>
-
-const Template = (args: any) => ({
-  components: { NumberField },
-  setup() {
-    return { args }
-  },
-  template: '<NumberField v-bind="args" @update:modelValue="args.modelValue = $event" />'
-})
-
-export const Default: Story = {
-  render: Template,
-  args: {
-    modelValue: 100,
-    label: 'Quantity',
-    placeholder: 'Enter quantity',
-    minValue: 1,
-    maxValue: 9999,
-    required: true
-  }
-}
-
-export const WithDecimals: Story = {
-  render: Template,
-  args: {
-    modelValue: 19.99,
-    label: 'Price',
-    placeholder: 'Enter price',
-    step: 0.01,
-    minValue: 0,
-    required: true
-  }
-}
-
-export const Disabled: Story = {
-  render: Template,
-  args: {
-    modelValue: 42,
-    label: 'Read-Only Quantity',
-    disabled: true
-  }
-}
-
-export const WithError: Story = {
-  render: Template,
-  args: {
-    modelValue: 5000,
-    label: 'Quantity',
-    minValue: 1,
-    maxValue: 1000,
-    errorMessage: 'Quantity cannot exceed 1000'
-  }
-}
-
-export const WithHelp: Story = {
-  render: Template,
-  args: {
-    modelValue: 10,
-    label: 'Count',
-    helpText: 'Enter a number between 1 and 100',
-    minValue: 1,
-    maxValue: 100
-  }
-}
-
-export const Required: Story = {
-  render: Template,
-  args: {
-    modelValue: null,
-    label: 'Required Number',
-    required: true,
-    placeholder: 'This field is required'
-  }
-}
diff --git a/oms-wms-erp/src/components/fields/typed/NumberField/NumberField.vue b/oms-wms-erp/src/components/fields/typed/NumberField/NumberField.vue
deleted file mode 100644
index 3b26cabc..00000000
--- a/oms-wms-erp/src/components/fields/typed/NumberField/NumberField.vue
+++ /dev/null
@@ -1,134 +0,0 @@
-<template>
-  <div class="form-group">
-    <label v-if="label" :for="`number-${id}`" class="form-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <input
-      :id="`number-${id}`"
-      type="number"
-      :value="modelValue"
-      :min="minValue"
-      :max="maxValue"
-      :step="step"
-      :disabled="disabled"
-      :placeholder="placeholder"
-      :class="['form-control', { 'is-invalid': errorMessage }]"
-      :aria-describedby="errorMessage ? `error-${id}` : helpText ? `help-${id}` : undefined"
-      @input="handleInput"
-      @blur="$emit('blur')"
-    />
-    <small v-if="helpText" :id="`help-${id}`" class="form-text text-muted d-block mt-1">
-      {{ helpText }}
-    </small>
-    <div v-if="errorMessage" :id="`error-${id}`" class="invalid-feedback d-block">
-      {{ errorMessage }}
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-interface Props {
-  modelValue: number | null
-  label?: string
-  placeholder?: string
-  minValue?: number
-  maxValue?: number
-  step?: number
-  disabled?: boolean
-  required?: boolean
-  helpText?: string
-  errorMessage?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  step: 1,
-  modelValue: null
-})
-
-const emit = defineEmits<{
-  'update:modelValue': [value: number | null]
-  blur: []
-}>()
-
-const id = ref(`number-${Math.random().toString(36).slice(2, 11)}`)
-
-const handleInput = (e: Event) => {
-  const input = e.target as HTMLInputElement
-  const value = input.value
-
-  if (value === '' || value === '-') {
-    emit('update:modelValue', null)
-    return
-  }
-
-  const numValue = Number(value)
-
-  // Validate bounds
-  if (props.minValue !== undefined && numValue < props.minValue) {
-    return
-  }
-  if (props.maxValue !== undefined && numValue > props.maxValue) {
-    return
-  }
-
-  emit('update:modelValue', numValue)
-}
-</script>
-
-<style scoped>
-.form-group {
-  margin-bottom: 1rem;
-}
-
-.form-label {
-  font-weight: 500;
-  margin-bottom: 0.5rem;
-  display: block;
-}
-
-.form-control {
-  border-radius: 4px;
-  border: 1px solid #dee2e6;
-  padding: 0.5rem 0.75rem;
-  font-size: 1rem;
-  transition: border-color 0.15s ease-in-out;
-}
-
-.form-control:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-
-.form-control.is-invalid {
-  border-color: #dc3545;
-}
-
-.form-control:disabled {
-  background-color: #e9ecef;
-  opacity: 1;
-  cursor: not-allowed;
-}
-
-.form-text {
-  font-size: 0.875rem;
-}
-
-.text-muted {
-  color: #6c757d;
-}
-
-.text-danger {
-  color: #dc3545;
-  margin-left: 0.25rem;
-}
-
-.invalid-feedback {
-  color: #dc3545;
-  font-size: 0.875rem;
-  margin-top: 0.25rem;
-}
-</style>
diff --git a/oms-wms-erp/src/components/fields/typed/PercentageField/PercentageField.vue b/oms-wms-erp/src/components/fields/typed/PercentageField/PercentageField.vue
deleted file mode 100644
index 536c4942..00000000
--- a/oms-wms-erp/src/components/fields/typed/PercentageField/PercentageField.vue
+++ /dev/null
@@ -1,148 +0,0 @@
-<template>
-  <div class="form-group">
-    <label v-if="label" :for="`percent-${id}`" class="form-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <div class="input-group">
-      <input
-        :id="`percent-${id}`"
-        type="number"
-        :value="modelValue"
-        min="0"
-        max="100"
-        :step="step"
-        :disabled="disabled"
-        :placeholder="placeholder"
-        :class="['form-control', { 'is-invalid': errorMessage }]"
-        :aria-describedby="errorMessage ? `error-${id}` : helpText ? `help-${id}` : undefined"
-        @input="handleInput"
-        @blur="$emit('blur')"
-      />
-      <span class="input-group-text">%</span>
-    </div>
-    <small v-if="helpText" :id="`help-${id}`" class="form-text text-muted d-block mt-1">
-      {{ helpText }}
-    </small>
-    <div v-if="errorMessage" :id="`error-${id}`" class="invalid-feedback d-block">
-      {{ errorMessage }}
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-interface Props {
-  modelValue: number | null
-  label?: string
-  placeholder?: string
-  disabled?: boolean
-  required?: boolean
-  helpText?: string
-  errorMessage?: string
-  decimals?: number
-  step?: number
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  decimals: 2,
-  step: 0.01,
-  modelValue: null
-})
-
-const emit = defineEmits<{
-  'update:modelValue': [value: number | null]
-  blur: []
-}>()
-
-const id = ref(`percent-${Math.random().toString(36).slice(2, 11)}`)
-
-const handleInput = (e: Event) => {
-  const input = e.target as HTMLInputElement
-  const value = input.value
-
-  if (value === '') {
-    emit('update:modelValue', null)
-    return
-  }
-
-  const numValue = Number(value)
-
-  // Clamp between 0 and 100
-  if (numValue < 0) return
-  if (numValue > 100) return
-
-  emit('update:modelValue', numValue)
-}
-</script>
-
-<style scoped>
-.form-group {
-  margin-bottom: 1rem;
-}
-
-.form-label {
-  font-weight: 500;
-  margin-bottom: 0.5rem;
-  display: block;
-}
-
-.input-group {
-  display: flex;
-  position: relative;
-}
-
-.form-control {
-  border-radius: 4px 0 0 4px;
-  border: 1px solid #dee2e6;
-  padding: 0.5rem 0.75rem;
-  font-size: 1rem;
-  transition: border-color 0.15s ease-in-out;
-  flex: 1;
-}
-
-.input-group-text {
-  background-color: #e9ecef;
-  border: 1px solid #dee2e6;
-  border-left: 0;
-  border-radius: 0 4px 4px 0;
-  padding: 0.5rem 0.75rem;
-  font-weight: 500;
-}
-
-.form-control:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-
-.form-control.is-invalid {
-  border-color: #dc3545;
-}
-
-.form-control:disabled {
-  background-color: #e9ecef;
-  opacity: 1;
-  cursor: not-allowed;
-}
-
-.form-text {
-  font-size: 0.875rem;
-}
-
-.text-muted {
-  color: #6c757d;
-}
-
-.text-danger {
-  color: #dc3545;
-  margin-left: 0.25rem;
-}
-
-.invalid-feedback {
-  color: #dc3545;
-  font-size: 0.875rem;
-  margin-top: 0.25rem;
-}
-</style>
diff --git a/oms-wms-erp/src/components/fields/typed/PhoneField/PhoneField.vue b/oms-wms-erp/src/components/fields/typed/PhoneField/PhoneField.vue
deleted file mode 100644
index 035a0be0..00000000
--- a/oms-wms-erp/src/components/fields/typed/PhoneField/PhoneField.vue
+++ /dev/null
@@ -1,114 +0,0 @@
-<template>
-  <div class="form-group">
-    <label v-if="label" :for="`phone-${id}`" class="form-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <input
-      :id="`phone-${id}`"
-      type="tel"
-      :value="modelValue"
-      :disabled="disabled"
-      :placeholder="placeholder || '+82 10 1234 5678'"
-      :class="['form-control', { 'is-invalid': errorMessage }]"
-      :aria-describedby="errorMessage ? `error-${id}` : helpText ? `help-${id}` : undefined"
-      @input="handleInput"
-      @blur="$emit('blur')"
-    />
-    <small v-if="helpText" :id="`help-${id}`" class="form-text text-muted d-block mt-1">
-      {{ helpText }}
-    </small>
-    <div v-if="errorMessage" :id="`error-${id}`" class="invalid-feedback d-block">
-      {{ errorMessage }}
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-interface Props {
-  modelValue: string
-  label?: string
-  placeholder?: string
-  disabled?: boolean
-  required?: boolean
-  helpText?: string
-  errorMessage?: string
-  countryCode?: string
-}
-
-withDefaults(defineProps<Props>(), {
-  countryCode: 'KR'
-})
-
-const emit = defineEmits<{
-  'update:modelValue': [value: string]
-  blur: []
-}>()
-
-const id = ref(`phone-${Math.random().toString(36).slice(2, 11)}`)
-
-const handleInput = (e: Event) => {
-  const input = e.target as HTMLInputElement
-  const value = input.value
-  // Store only digits
-  const digits = value.replace(/\D/g, '')
-  emit('update:modelValue', digits)
-}
-</script>
-
-<style scoped>
-.form-group {
-  margin-bottom: 1rem;
-}
-
-.form-label {
-  font-weight: 500;
-  margin-bottom: 0.5rem;
-  display: block;
-}
-
-.form-control {
-  border-radius: 4px;
-  border: 1px solid #dee2e6;
-  padding: 0.5rem 0.75rem;
-  font-size: 1rem;
-  transition: border-color 0.15s ease-in-out;
-}
-
-.form-control:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-
-.form-control.is-invalid {
-  border-color: #dc3545;
-}
-
-.form-control:disabled {
-  background-color: #e9ecef;
-  opacity: 1;
-  cursor: not-allowed;
-}
-
-.form-text {
-  font-size: 0.875rem;
-}
-
-.text-muted {
-  color: #6c757d;
-}
-
-.text-danger {
-  color: #dc3545;
-  margin-left: 0.25rem;
-}
-
-.invalid-feedback {
-  color: #dc3545;
-  font-size: 0.875rem;
-  margin-top: 0.25rem;
-}
-</style>
diff --git a/oms-wms-erp/src/components/fields/typed/SelectField/SelectField.vue b/oms-wms-erp/src/components/fields/typed/SelectField/SelectField.vue
deleted file mode 100644
index 143b23a5..00000000
--- a/oms-wms-erp/src/components/fields/typed/SelectField/SelectField.vue
+++ /dev/null
@@ -1,76 +0,0 @@
-<template>
-  <div class="mb-3">
-    <label v-if="label" :for="id" class="form-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <select
-      :id="id"
-      :value="modelValue"
-      :disabled="disabled"
-      :class="['form-select', { 'is-invalid': error }]"
-      :aria-label="ariaLabel"
-      :aria-describedby="error ? `error-${id}` : helpText ? `help-${id}` : undefined"
-      @change="handleChange"
-      @blur="handleBlur"
-    >
-      <option v-if="placeholder" value="">{{ placeholder }}</option>
-      <option v-for="option in options" :key="option.value" :value="option.value">
-        {{ option.label }}
-      </option>
-    </select>
-    <small v-if="helpText && !error" :id="`help-${id}`" class="form-text text-muted">
-      {{ helpText }}
-    </small>
-    <div v-if="error" :id="`error-${id}`" class="invalid-feedback d-block">
-      {{ error }}
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-import { createValidationRules, type ValidationRule } from '@/composables/useValidation'
-
-interface Option {
-  value: string | number
-  label: string
-}
-
-interface Props {
-  modelValue: string | number
-  options: Option[]
-  label?: string
-  placeholder?: string
-  disabled?: boolean
-  required?: boolean
-  helpText?: string
-  ariaLabel?: string
-  validationRules?: ValidationRule[]
-}
-
-const props = withDefaults(defineProps<Props>(), {})
-
-const id = ref(`select-field-${Math.random().toString(36).slice(2, 11)}`)
-const error = ref<string | null>(null)
-
-const validator = createValidationRules()
-
-const handleChange = (event: Event) => {
-  const target = event.target as HTMLSelectElement
-  $emit('update:modelValue', target.value)
-  error.value = null
-}
-
-const handleBlur = () => {
-  const rules: ValidationRule[] = props.validationRules || []
-  if (props.required) rules.unshift(validator.required('Please select an option'))
-  error.value = validator.validate(props.modelValue, rules)
-  $emit('blur')
-}
-
-const $emit = defineEmits<{
-  'update:modelValue': [value: string]
-  blur: []
-}>()
-</script>
diff --git a/oms-wms-erp/src/components/fields/typed/StatusField/StatusField.vue b/oms-wms-erp/src/components/fields/typed/StatusField/StatusField.vue
deleted file mode 100644
index 22fbbda2..00000000
--- a/oms-wms-erp/src/components/fields/typed/StatusField/StatusField.vue
+++ /dev/null
@@ -1,100 +0,0 @@
-<template>
-  <div class="mb-3">
-    <label v-if="label" :for="id" class="form-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <select
-      :id="id"
-      :value="modelValue"
-      :disabled="disabled"
-      :class="['form-select', { 'is-invalid': error }]"
-      @change="handleChange"
-      @blur="handleBlur"
-    >
-      <option value="">Select status</option>
-      <option
-        v-for="status in availableStatuses"
-        :key="status"
-        :value="status"
-      >
-        {{ formatStatus(status) }}
-      </option>
-    </select>
-    <small v-if="helpText && !error" class="form-text text-muted">
-      {{ helpText }}
-    </small>
-    <div v-if="error" class="invalid-feedback d-block">
-      {{ error }}
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue'
-import { createValidationRules, type ValidationRule } from '@/composables/useValidation'
-
-type Status = 'DRAFT' | 'PENDING' | 'APPROVED' | 'ACTIVE' | 'COMPLETED' | 'CANCELLED' | 'FAILED'
-
-interface Props {
-  modelValue: string
-  label?: string
-  disabled?: boolean
-  required?: boolean
-  helpText?: string
-  statusList?: Status[]
-  validationRules?: ValidationRule[]
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  statusList: () => ['DRAFT', 'PENDING', 'APPROVED', 'ACTIVE', 'COMPLETED', 'CANCELLED']
-})
-
-const id = ref(`status-field-${Math.random().toString(36).slice(2, 11)}`)
-const error = ref<string | null>(null)
-
-const validator = createValidationRules()
-
-const availableStatuses = computed(() => props.statusList)
-
-const statusColors: Record<Status, string> = {
-  DRAFT: 'secondary',
-  PENDING: 'warning',
-  APPROVED: 'info',
-  ACTIVE: 'success',
-  COMPLETED: 'success',
-  CANCELLED: 'danger',
-  FAILED: 'danger'
-}
-
-const formatStatus = (status: string): string => {
-  return status.replace(/_/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase())
-}
-
-const getBadgeClass = (status: string): string => {
-  return statusColors[status as Status] || 'secondary'
-}
-
-const handleChange = (event: Event) => {
-  const target = event.target as HTMLSelectElement
-  $emit('update:modelValue', target.value)
-  error.value = null
-}
-
-const handleBlur = () => {
-  const rules: ValidationRule[] = props.validationRules || []
-  if (props.required) rules.unshift(validator.required('Status is required'))
-  error.value = validator.validate(props.modelValue, rules)
-  $emit('blur')
-}
-
-const $emit = defineEmits<{
-  'update:modelValue': [value: string]
-  blur: []
-}>()
-
-defineExpose({
-  getBadgeClass,
-  formatStatus
-})
-</script>
diff --git a/oms-wms-erp/src/components/fields/typed/TextField/TextField.vue b/oms-wms-erp/src/components/fields/typed/TextField/TextField.vue
deleted file mode 100644
index a78e45a5..00000000
--- a/oms-wms-erp/src/components/fields/typed/TextField/TextField.vue
+++ /dev/null
@@ -1,83 +0,0 @@
-<template>
-  <div class="mb-3">
-    <label v-if="label" :for="id" class="form-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <input
-      :id="id"
-      :value="modelValue"
-      :type="type"
-      :placeholder="placeholder"
-      :disabled="disabled"
-      :maxlength="maxLength"
-      :class="['form-control', { 'is-invalid': error }]"
-      :aria-label="ariaLabel"
-      :aria-describedby="error ? `error-${id}` : helpText ? `help-${id}` : undefined"
-      @input="handleInput"
-      @blur="handleBlur"
-    />
-    <small v-if="helpText && !error" :id="`help-${id}`" class="form-text text-muted">
-      {{ helpText }}
-    </small>
-    <div v-if="error" :id="`error-${id}`" class="invalid-feedback d-block">
-      {{ error }}
-    </div>
-    <small v-if="showCounter && maxLength" class="d-block mt-1 text-muted">
-      {{ modelValue.length }} / {{ maxLength }}
-    </small>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue'
-import { createValidationRules, type ValidationRule } from '@/composables/useValidation'
-
-interface Props {
-  modelValue: string
-  label?: string
-  type?: 'text' | 'email' | 'password' | 'url' | 'tel'
-  placeholder?: string
-  disabled?: boolean
-  required?: boolean
-  maxLength?: number
-  helpText?: string
-  ariaLabel?: string
-  showCounter?: boolean
-  validationRules?: ValidationRule[]
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  type: 'text',
-  showCounter: false
-})
-
-const id = ref(`text-field-${Math.random().toString(36).slice(2, 11)}`)
-const error = ref<string | null>(null)
-
-const validator = createValidationRules()
-const defaultRules = computed(() => {
-  const rules: ValidationRule[] = props.validationRules || []
-  if (props.required) rules.unshift(validator.required())
-  if (props.maxLength) rules.push(validator.maxLength(props.maxLength))
-  if (props.type === 'email') rules.push(validator.email())
-  if (props.type === 'url') rules.push(validator.url())
-  return rules
-})
-
-const handleInput = (event: Event) => {
-  const target = event.target as HTMLInputElement
-  $emit('update:modelValue', target.value)
-  error.value = null
-}
-
-const handleBlur = () => {
-  error.value = validator.validate(props.modelValue, defaultRules.value)
-  $emit('blur')
-}
-
-const $emit = defineEmits<{
-  'update:modelValue': [value: string]
-  blur: []
-}>()
-</script>
diff --git a/oms-wms-erp/src/components/fields/typed/TextareaField/TextareaField.vue b/oms-wms-erp/src/components/fields/typed/TextareaField/TextareaField.vue
deleted file mode 100644
index 5f054ea5..00000000
--- a/oms-wms-erp/src/components/fields/typed/TextareaField/TextareaField.vue
+++ /dev/null
@@ -1,140 +0,0 @@
-<template>
-  <div class="form-group">
-    <label v-if="label" :for="`textarea-${id}`" class="form-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <textarea
-      :id="`textarea-${id}`"
-      :value="modelValue"
-      :rows="rows"
-      :maxlength="maxLength"
-      :disabled="disabled"
-      :placeholder="placeholder"
-      :class="['form-control', { 'is-invalid': errorMessage }]"
-      :aria-describedby="errorMessage ? `error-${id}` : helpText ? `help-${id}` : undefined"
-      @input="handleInput"
-      @blur="$emit('blur')"
-    />
-    <div class="d-flex justify-content-between align-items-start mt-1">
-      <small v-if="helpText" :id="`help-${id}`" class="form-text text-muted">
-        {{ helpText }}
-      </small>
-      <small v-if="showCounter" class="form-text text-muted">
-        {{ modelValue.length }} / {{ maxLength }}
-      </small>
-    </div>
-    <div v-if="errorMessage" :id="`error-${id}`" class="invalid-feedback d-block">
-      {{ errorMessage }}
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-interface Props {
-  modelValue: string
-  label?: string
-  placeholder?: string
-  rows?: number
-  maxLength?: number
-  disabled?: boolean
-  required?: boolean
-  showCounter?: boolean
-  helpText?: string
-  errorMessage?: string
-}
-
-withDefaults(defineProps<Props>(), {
-  rows: 4,
-  maxLength: 1000,
-  showCounter: true,
-  modelValue: ''
-})
-
-const emit = defineEmits<{
-  'update:modelValue': [value: string]
-  blur: []
-}>()
-
-const id = ref(`textarea-${Math.random().toString(36).slice(2, 11)}`)
-
-const handleInput = (e: Event) => {
-  const input = e.target as HTMLTextAreaElement
-  emit('update:modelValue', input.value)
-}
-</script>
-
-<style scoped>
-.form-group {
-  margin-bottom: 1rem;
-}
-
-.form-label {
-  font-weight: 500;
-  margin-bottom: 0.5rem;
-  display: block;
-}
-
-.form-control {
-  border-radius: 4px;
-  border: 1px solid #dee2e6;
-  padding: 0.5rem 0.75rem;
-  font-size: 1rem;
-  font-family: inherit;
-  transition: border-color 0.15s ease-in-out;
-  resize: vertical;
-}
-
-.form-control:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-
-.form-control.is-invalid {
-  border-color: #dc3545;
-}
-
-.form-control:disabled {
-  background-color: #e9ecef;
-  opacity: 1;
-  cursor: not-allowed;
-}
-
-.form-text {
-  font-size: 0.875rem;
-}
-
-.text-muted {
-  color: #6c757d;
-}
-
-.text-danger {
-  color: #dc3545;
-  margin-left: 0.25rem;
-}
-
-.invalid-feedback {
-  color: #dc3545;
-  font-size: 0.875rem;
-  margin-top: 0.25rem;
-}
-
-.d-flex {
-  display: flex;
-}
-
-.justify-content-between {
-  justify-content: space-between;
-}
-
-.align-items-start {
-  align-items: flex-start;
-}
-
-.mt-1 {
-  margin-top: 0.25rem;
-}
-</style>
diff --git a/oms-wms-erp/src/components/fields/typed/URLField/URLField.vue b/oms-wms-erp/src/components/fields/typed/URLField/URLField.vue
deleted file mode 100644
index 4c7f2b1d..00000000
--- a/oms-wms-erp/src/components/fields/typed/URLField/URLField.vue
+++ /dev/null
@@ -1,111 +0,0 @@
-<template>
-  <div class="form-group">
-    <label v-if="label" :for="`url-${id}`" class="form-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <input
-      :id="`url-${id}`"
-      type="url"
-      :value="modelValue"
-      :disabled="disabled"
-      :placeholder="placeholder || 'https://example.com'"
-      :class="['form-control', { 'is-invalid': errorMessage }]"
-      :aria-describedby="errorMessage ? `error-${id}` : helpText ? `help-${id}` : undefined"
-      @input="handleInput"
-      @blur="$emit('blur')"
-    />
-    <small v-if="helpText" :id="`help-${id}`" class="form-text text-muted d-block mt-1">
-      {{ helpText }}
-    </small>
-    <div v-if="errorMessage" :id="`error-${id}`" class="invalid-feedback d-block">
-      {{ errorMessage }}
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-interface Props {
-  modelValue: string
-  label?: string
-  placeholder?: string
-  disabled?: boolean
-  required?: boolean
-  helpText?: string
-  errorMessage?: string
-  protocol?: string
-}
-
-withDefaults(defineProps<Props>(), {
-  protocol: 'https'
-})
-
-const emit = defineEmits<{
-  'update:modelValue': [value: string]
-  blur: []
-}>()
-
-const id = ref(`url-${Math.random().toString(36).slice(2, 11)}`)
-
-const handleInput = (e: Event) => {
-  const input = e.target as HTMLInputElement
-  emit('update:modelValue', input.value)
-}
-</script>
-
-<style scoped>
-.form-group {
-  margin-bottom: 1rem;
-}
-
-.form-label {
-  font-weight: 500;
-  margin-bottom: 0.5rem;
-  display: block;
-}
-
-.form-control {
-  border-radius: 4px;
-  border: 1px solid #dee2e6;
-  padding: 0.5rem 0.75rem;
-  font-size: 1rem;
-  transition: border-color 0.15s ease-in-out;
-}
-
-.form-control:focus {
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-
-.form-control.is-invalid {
-  border-color: #dc3545;
-}
-
-.form-control:disabled {
-  background-color: #e9ecef;
-  opacity: 1;
-  cursor: not-allowed;
-}
-
-.form-text {
-  font-size: 0.875rem;
-}
-
-.text-muted {
-  color: #6c757d;
-}
-
-.text-danger {
-  color: #dc3545;
-  margin-left: 0.25rem;
-}
-
-.invalid-feedback {
-  color: #dc3545;
-  font-size: 0.875rem;
-  margin-top: 0.25rem;
-}
-</style>
diff --git a/oms-wms-erp/src/components/fields/typed/index.ts b/oms-wms-erp/src/components/fields/typed/index.ts
deleted file mode 100644
index 262a02ca..00000000
--- a/oms-wms-erp/src/components/fields/typed/index.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * Typed Fields Index
- * Central export for all 12 Typed Field components
- */
-
-// Phase 2: 5 completed fields
-export { default as TextField } from './TextField/TextField.vue'
-export { default as DateField } from './DateField/DateField.vue'
-export { default as CurrencyField } from './CurrencyField/CurrencyField.vue'
-export { default as SelectField } from './SelectField/SelectField.vue'
-export { default as StatusField } from './StatusField/StatusField.vue'
-
-// Phase 3 Step 1: 7 new fields
-export { default as NumberField } from './NumberField/NumberField.vue'
-export { default as PercentageField } from './PercentageField/PercentageField.vue'
-export { default as PhoneField } from './PhoneField/PhoneField.vue'
-export { default as EmailField } from './EmailField/EmailField.vue'
-export { default as URLField } from './URLField/URLField.vue'
-export { default as TextareaField } from './TextareaField/TextareaField.vue'
-export { default as CheckboxField } from './CheckboxField/CheckboxField.vue'
-
-/**
- * Total: 12 Typed Fields
- *
- * Primitives Layer: 30 components (Button, Input, Select, etc.)
- * Typed Fields Layer: 12 components (above)
- * Domain Fields Layer: 12 components (Phase 3 Step 2)
- * Business Composites Layer: 11 components (Phase 3 Step 4)
- *
- * = 65 total components for 4-layer architecture
- */
diff --git a/oms-wms-erp/src/components/primitives/AccessibleTable.vue b/oms-wms-erp/src/components/primitives/AccessibleTable.vue
deleted file mode 100644
index 2334977f..00000000
--- a/oms-wms-erp/src/components/primitives/AccessibleTable.vue
+++ /dev/null
@@ -1,208 +0,0 @@
-<template>
-  <div class="table-wrapper">
-    <table
-      class="table table-striped"
-      :aria-label="caption"
-      role="grid"
-    >
-      <caption v-if="caption" class="caption-text">
-        {{ caption }}
-      </caption>
-
-      <thead>
-        <tr role="row">
-          <th
-            v-for="(column, idx) in columns"
-            :key="idx"
-            :scope="column.sortable ? 'col' : 'col'"
-            :aria-sort="column.sortable ? (sortedBy === column.key ? (sortAsc ? 'ascending' : 'descending') : 'none') : undefined"
-            :role="column.sortable ? 'columnheader' : 'columnheader'"
-            class="table-header"
-          >
-            <button
-              v-if="column.sortable"
-              type="button"
-              class="sort-button"
-              @click="toggleSort(column.key)"
-              :aria-label="`Sort by ${column.label}`"
-            >
-              {{ column.label }}
-              <span v-if="sortedBy === column.key" class="sort-icon">
-                {{ sortAsc ? '↑' : '↓' }}
-              </span>
-            </button>
-            <span v-else>{{ column.label }}</span>
-          </th>
-        </tr>
-      </thead>
-
-      <tbody>
-        <tr v-if="rows.length === 0" class="empty-state">
-          <td :colspan="columns.length" class="text-center text-muted py-4">
-            <slot name="empty">No data available</slot>
-          </td>
-        </tr>
-
-        <tr
-          v-for="(row, rowIdx) in rows"
-          :key="rowIdx"
-          role="row"
-          class="data-row"
-        >
-          <td
-            v-for="(column, cellIdx) in columns"
-            :key="`${rowIdx}-${cellIdx}`"
-            :class="['table-cell', column.align ? `text-${column.align}` : '']"
-            role="gridcell"
-          >
-            <slot :name="`cell-${column.key}`" :row="row" :value="row[column.key]">
-              {{ row[column.key] }}
-            </slot>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue'
-
-interface Column {
-  key: string
-  label: string
-  sortable?: boolean
-  align?: 'left' | 'center' | 'right'
-}
-
-interface Props {
-  columns: Column[]
-  rows: Record<string, any>[]
-  caption?: string
-}
-
-defineProps<Props>()
-
-const sortedBy = ref<string | null>(null)
-const sortAsc = ref(true)
-
-const toggleSort = (columnKey: string) => {
-  if (sortedBy.value === columnKey) {
-    sortAsc.value = !sortAsc.value
-  } else {
-    sortedBy.value = columnKey
-    sortAsc.value = true
-  }
-}
-</script>
-
-<style scoped>
-.table-wrapper {
-  overflow-x: auto;
-}
-
-.table {
-  width: 100%;
-  border-collapse: collapse;
-  margin-bottom: 1rem;
-  font-size: 0.95rem;
-}
-
-caption {
-  padding: 0.5rem 0;
-  text-align: left;
-  font-size: 0.875rem;
-  color: #6c757d;
-  caption-side: top;
-}
-
-.caption-text {
-  font-weight: 600;
-  margin-bottom: 0.5rem;
-}
-
-thead {
-  background-color: #f8f9fa;
-  border-bottom: 2px solid #dee2e6;
-}
-
-.table-header {
-  padding: 0.75rem;
-  text-align: left;
-  font-weight: 600;
-  color: #212529;
-  vertical-align: middle;
-  border-bottom: 1px solid #dee2e6;
-}
-
-.sort-button {
-  background: none;
-  border: none;
-  cursor: pointer;
-  color: #0d6efd;
-  text-decoration: none;
-  font-weight: 600;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0;
-  font-size: inherit;
-}
-
-.sort-button:hover {
-  text-decoration: underline;
-}
-
-.sort-icon {
-  font-size: 0.75em;
-  display: inline-block;
-}
-
-tbody tr {
-  border-bottom: 1px solid #dee2e6;
-  transition: background-color 0.2s;
-}
-
-tbody tr:hover {
-  background-color: #f8f9fa;
-}
-
-.table-cell {
-  padding: 0.75rem;
-  vertical-align: middle;
-}
-
-.empty-state td {
-  padding: 2rem 1rem;
-  border: none;
-}
-
-.text-center {
-  text-align: center;
-}
-
-.text-muted {
-  color: #6c757d;
-}
-
-.py-4 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}
-
-.text-left {
-  text-align: left;
-}
-
-.text-center {
-  text-align: center;
-}
-
-.text-right {
-  text-align: right;
-}
-
-.table-striped tbody tr:nth-child(odd) {
-  background-color: rgba(0, 0, 0, 0.02);
-}
-</style>
diff --git a/oms-wms-erp/src/components/primitives/Alert.vue b/oms-wms-erp/src/components/primitives/Alert.vue
deleted file mode 100644
index 918abcac..00000000
--- a/oms-wms-erp/src/components/primitives/Alert.vue
+++ /dev/null
@@ -1,141 +0,0 @@
-<template>
-  <div
-    v-if="show"
-    :class="['alert', `alert-${type}`]"
-    role="alert"
-    :aria-live="type === 'error' ? 'assertive' : 'polite'"
-  >
-    <div class="d-flex align-items-start">
-      <span class="alert-icon me-3">
-        {{ typeIcon }}
-      </span>
-      <div class="flex-grow-1">
-        <h5 v-if="title" class="alert-title">{{ title }}</h5>
-        <div class="alert-text">
-          <slot>{{ message }}</slot>
-        </div>
-      </div>
-      <button
-        v-if="dismissible"
-        type="button"
-        class="btn-close"
-        @click="show = false"
-        :aria-label="`${type} 닫기`"
-      />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue'
-
-interface Props {
-  type?: 'success' | 'error' | 'warning' | 'info'
-  message?: string
-  title?: string
-  dismissible?: boolean
-  autoHide?: number // ms
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  type: 'info',
-  dismissible: true,
-  autoHide: 0
-})
-
-const show = ref(true)
-
-const typeIcon = computed(() => {
-  switch (props.type) {
-    case 'success': return '✅'
-    case 'error': return '❌'
-    case 'warning': return '⚠️'
-    case 'info': return 'ℹ️'
-    default: return ''
-  }
-})
-
-if (props.autoHide > 0) {
-  setTimeout(() => {
-    show.value = false
-  }, props.autoHide)
-}
-</script>
-
-<style scoped>
-.alert {
-  padding: 1rem 1.5rem;
-  border-radius: 6px;
-  margin-bottom: 1rem;
-  border-left: 4px solid currentColor;
-}
-
-.alert-success {
-  background-color: #d4edda;
-  color: #155724;
-  border-color: #28a745;
-}
-
-.alert-error {
-  background-color: #f8d7da;
-  color: #721c24;
-  border-color: #dc3545;
-}
-
-.alert-warning {
-  background-color: #fff3cd;
-  color: #856404;
-  border-color: #ffc107;
-}
-
-.alert-info {
-  background-color: #d1ecf1;
-  color: #0c5460;
-  border-color: #17a2b8;
-}
-
-.alert-icon {
-  font-size: 1.5rem;
-  flex-shrink: 0;
-}
-
-.alert-title {
-  margin: 0 0 0.5rem 0;
-  font-size: 1rem;
-  font-weight: 600;
-}
-
-.alert-text {
-  margin: 0;
-  font-size: 0.95rem;
-}
-
-.btn-close {
-  background: none;
-  border: none;
-  cursor: pointer;
-  font-size: 1.5rem;
-  opacity: 0.5;
-  transition: opacity 0.2s;
-}
-
-.btn-close:hover {
-  opacity: 1;
-}
-
-.d-flex {
-  display: flex;
-}
-
-.align-items-start {
-  align-items: flex-start;
-}
-
-.me-3 {
-  margin-right: 1rem;
-}
-
-.flex-grow-1 {
-  flex-grow: 1;
-}
-</style>
diff --git a/oms-wms-erp/src/components/primitives/Button/ButtonBase.spec.ts b/oms-wms-erp/src/components/primitives/Button/ButtonBase.spec.ts
deleted file mode 100644
index 41f01f47..00000000
--- a/oms-wms-erp/src/components/primitives/Button/ButtonBase.spec.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { mount } from '@vue/test-utils'
-import ButtonBase from './ButtonBase.vue'
-
-describe('ButtonBase', () => {
-  it('renders button with text', () => {
-    const wrapper = mount(ButtonBase, {
-      slots: {
-        default: 'Click me'
-      }
-    })
-    expect(wrapper.text()).toBe('Click me')
-  })
-
-  it('applies variant class', () => {
-    const wrapper = mount(ButtonBase, {
-      props: {
-        variant: 'danger'
-      }
-    })
-    expect(wrapper.classes()).toContain('btn-danger')
-  })
-
-  it('applies size class', () => {
-    const wrapper = mount(ButtonBase, {
-      props: {
-        size: 'lg'
-      }
-    })
-    expect(wrapper.classes()).toContain('btn-lg')
-  })
-
-  it('emits click event', async () => {
-    const wrapper = mount(ButtonBase)
-    await wrapper.trigger('click')
-    expect(wrapper.emitted('click')).toHaveLength(1)
-  })
-
-  it('disables button when disabled prop is true', () => {
-    const wrapper = mount(ButtonBase, {
-      props: {
-        disabled: true
-      }
-    })
-    expect(wrapper.element.hasAttribute('disabled')).toBe(true)
-  })
-
-  it('disables button when loading prop is true', () => {
-    const wrapper = mount(ButtonBase, {
-      props: {
-        loading: true
-      }
-    })
-    expect(wrapper.element.hasAttribute('disabled')).toBe(true)
-  })
-
-  it('shows spinner when loading', () => {
-    const wrapper = mount(ButtonBase, {
-      props: {
-        loading: true
-      }
-    })
-    expect(wrapper.find('.spinner-border').exists()).toBe(true)
-  })
-
-  it('sets aria-label when provided', () => {
-    const wrapper = mount(ButtonBase, {
-      props: {
-        ariaLabel: 'Save changes'
-      }
-    })
-    expect(wrapper.element.getAttribute('aria-label')).toBe('Save changes')
-  })
-})
diff --git a/oms-wms-erp/src/components/primitives/Button/ButtonBase.stories.ts b/oms-wms-erp/src/components/primitives/Button/ButtonBase.stories.ts
deleted file mode 100644
index 09ccecf3..00000000
--- a/oms-wms-erp/src/components/primitives/Button/ButtonBase.stories.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/vue3'
-import ButtonBase from './ButtonBase.vue'
-
-const meta = {
-  title: 'Primitives/Button',
-  component: ButtonBase,
-  tags: ['autodocs'],
-  argTypes: {
-    variant: {
-      control: 'select',
-      options: ['primary', 'secondary', 'danger', 'success', 'warning', 'info']
-    },
-    size: {
-      control: 'select',
-      options: ['sm', 'md', 'lg']
-    },
-    disabled: {
-      control: 'boolean'
-    },
-    loading: {
-      control: 'boolean'
-    }
-  }
-} satisfies Meta<typeof ButtonBase>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const Primary: Story = {
-  args: {
-    variant: 'primary',
-    size: 'md'
-  },
-  slots: {
-    default: 'Click me'
-  }
-}
-
-export const Secondary: Story = {
-  args: {
-    variant: 'secondary'
-  },
-  slots: {
-    default: 'Secondary Button'
-  }
-}
-
-export const Danger: Story = {
-  args: {
-    variant: 'danger'
-  },
-  slots: {
-    default: 'Delete'
-  }
-}
-
-export const Small: Story = {
-  args: {
-    size: 'sm'
-  },
-  slots: {
-    default: 'Small'
-  }
-}
-
-export const Large: Story = {
-  args: {
-    size: 'lg'
-  },
-  slots: {
-    default: 'Large'
-  }
-}
-
-export const Disabled: Story = {
-  args: {
-    disabled: true
-  },
-  slots: {
-    default: 'Disabled'
-  }
-}
-
-export const Loading: Story = {
-  args: {
-    loading: true
-  },
-  slots: {
-    default: 'Loading...'
-  }
-}
diff --git a/oms-wms-erp/src/components/primitives/Button/ButtonBase.vue b/oms-wms-erp/src/components/primitives/Button/ButtonBase.vue
deleted file mode 100644
index cb99f6ac..00000000
--- a/oms-wms-erp/src/components/primitives/Button/ButtonBase.vue
+++ /dev/null
@@ -1,63 +0,0 @@
-<template>
-  <button
-    :class="['btn', `btn-${variant}`, sizeClass, { disabled }]"
-    :disabled="disabled || loading"
-    :aria-label="ariaLabel"
-    @click="$emit('click')"
-  >
-    <span v-if="loading" class="spinner-border spinner-border-sm me-2"></span>
-    <slot />
-  </button>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue'
-
-interface Props {
-  variant?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'info'
-  size?: 'sm' | 'md' | 'lg'
-  disabled?: boolean
-  loading?: boolean
-  ariaLabel?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  variant: 'primary',
-  size: 'md',
-  disabled: false,
-  loading: false
-})
-
-const sizeClass = computed(() => {
-  switch (props.size) {
-    case 'sm':
-      return 'btn-sm'
-    case 'lg':
-      return 'btn-lg'
-    default:
-      return ''
-  }
-})
-
-defineEmits<{
-  click: []
-}>()
-</script>
-
-<style scoped>
-.btn {
-  border-radius: 6px;
-  font-weight: 500;
-  transition: all 0.2s ease-in-out;
-}
-
-.btn:focus-visible {
-  outline: 2px solid #0d6efd;
-  outline-offset: 2px;
-}
-
-.btn:disabled {
-  cursor: not-allowed;
-  opacity: 0.65;
-}
-</style>
diff --git a/oms-wms-erp/src/components/primitives/FormField.vue b/oms-wms-erp/src/components/primitives/FormField.vue
deleted file mode 100644
index 4e0b6172..00000000
--- a/oms-wms-erp/src/components/primitives/FormField.vue
+++ /dev/null
@@ -1,218 +0,0 @@
-<template>
-  <div class="form-group">
-    <label :for="fieldId" class="form-label">
-      {{ label }}
-      <span v-if="required" class="text-danger" aria-label="required">(필수)</span>
-    </label>
-    <input
-      v-if="inputComponent === 'input'"
-      :id="fieldId"
-      :value="modelValue"
-      :type="htmlInputType"
-      :class="['form-control', { 'is-invalid': !!error }]"
-      :aria-invalid="!!error"
-      :aria-describedby="error ? `${fieldId}-error` : undefined"
-      :required="required"
-      :placeholder="placeholder"
-      :min="min"
-      :max="max"
-      :pattern="pattern"
-      @blur="$emit('blur')"
-      @input="$emit('update:modelValue', ($event.target as HTMLInputElement).value)"
-    />
-    <input
-      v-else-if="inputComponent === 'checkbox'"
-      :id="fieldId"
-      type="checkbox"
-      :checked="modelValue"
-      :class="['form-check-input', { 'is-invalid': !!error }]"
-      :aria-invalid="!!error"
-      :aria-describedby="error ? `${fieldId}-error` : undefined"
-      :required="required"
-      @blur="$emit('blur')"
-      @change="$emit('update:modelValue', ($event.target as HTMLInputElement).checked)"
-    />
-    <select
-      v-else-if="inputComponent === 'select'"
-      :id="fieldId"
-      :value="modelValue"
-      :class="['form-control', { 'is-invalid': !!error }]"
-      :aria-invalid="!!error"
-      :aria-describedby="error ? `${fieldId}-error` : undefined"
-      :required="required"
-      @blur="$emit('blur')"
-      @change="$emit('update:modelValue', ($event.target as HTMLSelectElement).value)"
-    >
-      <slot name="options" />
-    </select>
-    <textarea
-      v-else
-      :id="fieldId"
-      :value="modelValue"
-      :class="['form-control', { 'is-invalid': !!error }]"
-      :aria-invalid="!!error"
-      :aria-describedby="error ? `${fieldId}-error` : undefined"
-      :required="required"
-      :placeholder="placeholder"
-      @blur="$emit('blur')"
-      @input="$emit('update:modelValue', ($event.target as HTMLTextAreaElement).value)"
-    />
-    <small v-if="displayHint" :id="`${fieldId}-hint`" class="form-text text-muted">
-      {{ displayHint }}
-    </small>
-    <div v-if="error" :id="`${fieldId}-error`" class="invalid-feedback d-block">
-      {{ error }}
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue'
-import { schemaTypeToInputType, type InputType, getHintText } from '@/utils/fieldTypes'
-
-interface Props {
-  modelValue: string | number | boolean
-  label: string
-  fieldId?: string
-  type?: InputType | 'password' | 'select' | 'textarea'
-  schemaType?: string // JSON schema type (auto-infers input type)
-  schemaFormat?: string // JSON schema format (e.g., 'email', 'date')
-  enumValues?: any[] // For select inputs
-  error?: string
-  hint?: string
-  placeholder?: string
-  required?: boolean
-  min?: number
-  max?: number
-  step?: number // For number inputs (e.g., 0.01 for currency)
-  pattern?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  required: false
-})
-
-defineEmits<{
-  'update:modelValue': [value: string | number | boolean]
-  blur: []
-  input: []
-}>()
-
-const fieldId = computed(() => props.fieldId || `field-${Math.random().toString(36).slice(7)}`)
-
-// 자동 타입 추론: 명시적 type이 없으면 schemaType/schemaFormat에서 추론
-const resolvedType = computed<InputType | 'password' | 'select' | 'textarea'>(() => {
-  if (props.type) {
-    return props.type
-  }
-
-  // schemaType/schemaFormat에서 자동 추론
-  const inferred = schemaTypeToInputType(props.schemaType, props.schemaFormat, props.enumValues)
-  return inferred
-})
-
-const inputComponent = computed(() => {
-  switch (resolvedType.value) {
-    case 'select': return 'select'
-    case 'textarea': return 'textarea'
-    case 'checkbox': return 'checkbox'
-    default: return 'input'
-  }
-})
-
-// 힌트 자동 생성 (props.hint가 없으면)
-const displayHint = computed(() => {
-  if (props.hint) return props.hint
-  return getHintText(resolvedType.value as InputType, {
-    min: props.min,
-    max: props.max,
-    pattern: props.pattern
-  })
-})
-
-// 타입별 HTML input type 결정
-const htmlInputType = computed(() => {
-  const type = resolvedType.value
-  // HTML input type과 Vue용 type 구분
-  if (type === 'select' || type === 'textarea' || type === 'password') {
-    return 'text' // placeholder만 사용
-  }
-  return type === 'checkbox' ? 'checkbox' : (type as any)
-})
-</script>
-
-<style scoped>
-.form-group {
-  margin-bottom: 1rem;
-}
-
-.form-label {
-  display: block;
-  font-weight: 600;
-  margin-bottom: 0.5rem;
-  font-size: 0.95rem;
-}
-
-.text-danger {
-  color: #dc3545;
-  margin-left: 0.25rem;
-}
-
-.form-control {
-  display: block;
-  width: 100%;
-  padding: 0.5rem 0.75rem;
-  font-size: 1rem;
-  line-height: 1.5;
-  color: #495057;
-  background-color: #fff;
-  border: 1px solid #ced4da;
-  border-radius: 0.25rem;
-  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-}
-
-.form-control:focus {
-  color: #495057;
-  background-color: #fff;
-  border-color: #80bdff;
-  outline: 0;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-
-.form-control.is-invalid {
-  border-color: #dc3545;
-}
-
-.form-control.is-invalid:focus {
-  border-color: #dc3545;
-  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
-}
-
-.form-text {
-  display: block;
-  margin-top: 0.25rem;
-  font-size: 0.875rem;
-  color: #6c757d;
-}
-
-.invalid-feedback {
-  display: block;
-  color: #dc3545;
-  font-size: 0.875rem;
-  margin-top: 0.25rem;
-}
-
-textarea.form-control {
-  resize: vertical;
-  min-height: 6rem;
-}
-
-select.form-control {
-  appearance: none;
-  padding-right: 1.5rem;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
-  background-repeat: no-repeat;
-  background-position: right 0.75rem center;
-  background-size: 16px 12px;
-}
-</style>
diff --git a/oms-wms-erp/src/components/primitives/Input/InputBase.vue b/oms-wms-erp/src/components/primitives/Input/InputBase.vue
deleted file mode 100644
index 6073240c..00000000
--- a/oms-wms-erp/src/components/primitives/Input/InputBase.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-  <div class="mb-3">
-    <label v-if="label" :for="id" class="form-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <input
-      :id="id"
-      :value="modelValue"
-      :type="type"
-      :placeholder="placeholder"
-      :disabled="disabled"
-      :class="['form-control', { 'is-invalid': errorMessage }]"
-      :aria-label="ariaLabel"
-      :aria-describedby="errorMessage ? `error-${id}` : undefined"
-      @input="$emit('update:modelValue', ($event.target as HTMLInputElement).value)"
-      @blur="$emit('blur')"
-    />
-    <div v-if="errorMessage" :id="`error-${id}`" class="invalid-feedback d-block">
-      {{ errorMessage }}
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-interface Props {
-  modelValue: string
-  label?: string
-  type?: 'text' | 'email' | 'password' | 'number' | 'url'
-  placeholder?: string
-  disabled?: boolean
-  required?: boolean
-  errorMessage?: string
-  ariaLabel?: string
-}
-
-withDefaults(defineProps<Props>(), {
-  type: 'text'
-})
-
-const id = ref(`input-${Math.random().toString(36).slice(2, 11)}`)
-
-defineEmits<{
-  'update:modelValue': [value: string]
-  blur: []
-}>()
-</script>
diff --git a/oms-wms-erp/src/components/primitives/Select/SelectBase.vue b/oms-wms-erp/src/components/primitives/Select/SelectBase.vue
deleted file mode 100644
index 17bab078..00000000
--- a/oms-wms-erp/src/components/primitives/Select/SelectBase.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-<template>
-  <div class="mb-3">
-    <label v-if="label" :for="id" class="form-label">
-      {{ label }}
-      <span v-if="required" class="text-danger">*</span>
-    </label>
-    <select
-      :id="id"
-      :value="modelValue"
-      :disabled="disabled"
-      :class="['form-select', { 'is-invalid': errorMessage }]"
-      :aria-label="ariaLabel"
-      :aria-describedby="errorMessage ? `error-${id}` : undefined"
-      @change="$emit('update:modelValue', ($event.target as HTMLSelectElement).value)"
-    >
-      <option v-if="placeholder" value="">{{ placeholder }}</option>
-      <option v-for="option in options" :key="option.value" :value="option.value">
-        {{ option.label }}
-      </option>
-    </select>
-    <div v-if="errorMessage" :id="`error-${id}`" class="invalid-feedback d-block">
-      {{ errorMessage }}
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-interface Option {
-  value: string | number
-  label: string
-}
-
-interface Props {
-  modelValue: string | number
-  options: Option[]
-  label?: string
-  placeholder?: string
-  disabled?: boolean
-  required?: boolean
-  errorMessage?: string
-  ariaLabel?: string
-}
-
-withDefaults(defineProps<Props>(), {})
-
-const id = ref(`select-${Math.random().toString(36).slice(2, 11)}`)
-
-defineEmits<{
-  'update:modelValue': [value: string | number]
-}>()
-</script>
diff --git a/oms-wms-erp/src/components/primitives/Spinner.vue b/oms-wms-erp/src/components/primitives/Spinner.vue
deleted file mode 100644
index 26f4230a..00000000
--- a/oms-wms-erp/src/components/primitives/Spinner.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-<template>
-  <div v-if="show" :class="['spinner', `spinner-${size}`]" role="status">
-    <div class="spinner-animation" />
-    <span v-if="label" class="spinner-label">{{ label }}</span>
-  </div>
-</template>
-
-<script setup lang="ts">
-interface Props {
-  show?: boolean
-  size?: 'sm' | 'md' | 'lg'
-  label?: string
-}
-
-withDefaults(defineProps<Props>(), {
-  show: true,
-  size: 'md'
-})
-</script>
-
-<style scoped>
-.spinner {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 1rem;
-}
-
-.spinner-sm .spinner-animation {
-  width: 24px;
-  height: 24px;
-}
-
-.spinner-md .spinner-animation {
-  width: 40px;
-  height: 40px;
-}
-
-.spinner-lg .spinner-animation {
-  width: 60px;
-  height: 60px;
-}
-
-.spinner-animation {
-  border: 3px solid #f0f0f0;
-  border-top: 3px solid #0d6efd;
-  border-radius: 50%;
-  animation: spin 1s linear infinite;
-}
-
-@keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
-
-.spinner-label {
-  font-size: 0.9rem;
-  color: #6c757d;
-  animation: pulse 1.5s ease-in-out infinite;
-}
-
-@keyframes pulse {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0.7; }
-}
-</style>
diff --git a/oms-wms-erp/src/components/primitives/Table/TableBase.vue b/oms-wms-erp/src/components/primitives/Table/TableBase.vue
deleted file mode 100644
index dd6db375..00000000
--- a/oms-wms-erp/src/components/primitives/Table/TableBase.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<template>
-  <div class="table-responsive">
-    <table :class="['table', tableClass]">
-      <thead v-if="showHeader" class="table-light">
-        <tr>
-          <th v-for="column in columns" :key="column.key" :scope="'col'">
-            {{ column.header }}
-          </th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr v-for="(row, idx) in data" :key="idx" :class="{ 'table-active': selectedRow === idx }"
-            @click="$emit('row-click', row, idx)">
-          <td v-for="column in columns" :key="column.key">
-            <slot :name="`cell-${column.key}`" :value="row[column.key]">
-              {{ row[column.key] }}
-            </slot>
-          </td>
-        </tr>
-        <tr v-if="data.length === 0">
-          <td :colspan="columns.length" class="text-center text-muted py-4">
-            <slot name="empty">No data available</slot>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</template>
-
-<script setup lang="ts">
-interface Column {
-  key: string
-  header: string
-}
-
-interface Props {
-  columns: Column[]
-  data: any[]
-  striped?: boolean
-  hover?: boolean
-  bordered?: boolean
-  small?: boolean
-  selectedRow?: number | null
-  showHeader?: boolean
-}
-
-withDefaults(defineProps<Props>(), {
-  striped: true,
-  hover: true,
-  showHeader: true
-})
-
-const tableClass = {
-  'table-striped': true,
-  'table-hover': true,
-  'table-bordered': false,
-  'table-sm': false
-}
-
-defineEmits<{
-  'row-click': [row: any, index: number]
-}>()
-</script>
-
-<style scoped>
-.table {
-  margin-bottom: 0;
-}
-</style>
diff --git a/oms-wms-erp/src/composables/useFormatting.ts b/oms-wms-erp/src/composables/useFormatting.ts
deleted file mode 100644
index 1d180bc7..00000000
--- a/oms-wms-erp/src/composables/useFormatting.ts
+++ /dev/null
@@ -1,113 +0,0 @@
-/**
- * Composable for field value formatting
- * Handles type conversion and display formatting
- */
-
-export const useFormatting = () => ({
-  formatCurrency: (value: string | number, decimals = 2, symbol = '₩') => {
-    if (!value) return ''
-    const num = Number(value)
-    return `${symbol}${num.toLocaleString('ko-KR', { minimumFractionDigits: decimals, maximumFractionDigits: decimals })}`
-  },
-
-  parseCurrency: (value: string) => {
-    if (!value) return ''
-    // Remove currency symbol and spaces, keep only digits and decimal point
-    return value.replace(/[^\d.]/g, '')
-  },
-
-  formatPercentage: (value: string | number, decimals = 2) => {
-    if (!value) return ''
-    const num = Number(value)
-    return `${num.toFixed(decimals)}%`
-  },
-
-  parsePercentage: (value: string) => {
-    if (!value) return ''
-    return value.replace(/[^\d.]/g, '')
-  },
-
-  formatDate: (value: string | Date, format = 'YYYY-MM-DD') => {
-    if (!value) return ''
-    const date = new Date(value)
-    if (isNaN(date.getTime())) return ''
-
-    const year = date.getFullYear()
-    const month = String(date.getMonth() + 1).padStart(2, '0')
-    const day = String(date.getDate()).padStart(2, '0')
-
-    if (format === 'YYYY-MM-DD') return `${year}-${month}-${day}`
-    if (format === 'MM/DD/YYYY') return `${month}/${day}/${year}`
-    if (format === 'DD-MM-YYYY') return `${day}-${month}-${year}`
-    return `${year}-${month}-${day}` // default
-  },
-
-  parseDate: (value: string) => {
-    if (!value) return ''
-    // Convert any date format to YYYY-MM-DD
-    const date = new Date(value)
-    if (isNaN(date.getTime())) return value
-    return date.toISOString().split('T')[0]
-  },
-
-  formatTime: (value: string, format = 'HH:mm') => {
-    if (!value) return ''
-    // Assume value is HH:mm format
-    if (format === 'HH:mm') return value
-    if (format === 'HH:mm:ss') {
-      const [hours, minutes] = value.split(':')
-      return `${hours}:${minutes}:00`
-    }
-    return value
-  },
-
-  parseTime: (value: string) => {
-    if (!value) return ''
-    // Ensure HH:mm format
-    const parts = value.split(':')
-    if (parts.length >= 2) {
-      const hours = String(parts[0]).padStart(2, '0')
-      const minutes = String(parts[1]).padStart(2, '0')
-      return `${hours}:${minutes}`
-    }
-    return value
-  },
-
-  formatPhone: (value: string) => {
-    if (!value) return ''
-    const digits = value.replace(/\D/g, '')
-    if (digits.length === 10) return `${digits.slice(0, 3)}-${digits.slice(3, 6)}-${digits.slice(6)}`
-    if (digits.length === 11) return `${digits.slice(0, 3)}-${digits.slice(3, 7)}-${digits.slice(7)}`
-    return value
-  },
-
-  parsePhone: (value: string) => {
-    if (!value) return ''
-    return value.replace(/\D/g, '')
-  },
-
-  formatNumber: (value: string | number, decimals = 0) => {
-    if (!value) return ''
-    const num = Number(value)
-    return num.toLocaleString('ko-KR', { minimumFractionDigits: decimals, maximumFractionDigits: decimals })
-  },
-
-  parseNumber: (value: string) => {
-    if (!value) return ''
-    return value.replace(/[^\d.-]/g, '')
-  },
-
-  truncate: (value: string, length: number, suffix = '...') => {
-    if (!value || value.length <= length) return value
-    return value.substring(0, length) + suffix
-  },
-
-  capitalize: (value: string) => {
-    if (!value) return ''
-    return value.charAt(0).toUpperCase() + value.slice(1)
-  },
-
-  upperCase: (value: string) => value ? value.toUpperCase() : '',
-
-  lowerCase: (value: string) => value ? value.toLowerCase() : ''
-})
diff --git a/oms-wms-erp/src/composables/useValidation.ts b/oms-wms-erp/src/composables/useValidation.ts
deleted file mode 100644
index 7dbc34fc..00000000
--- a/oms-wms-erp/src/composables/useValidation.ts
+++ /dev/null
@@ -1,111 +0,0 @@
-/**
- * Composable for form field validation
- * Implements business rules and constraints
- */
-
-export interface ValidationRule {
-  name: string
-  validate: (value: any) => boolean
-  message: string
-}
-
-export const createValidationRules = () => {
-  const rules = {
-    required: (message = 'This field is required'): ValidationRule => ({
-      name: 'required',
-      validate: (value) => {
-        if (typeof value === 'string') return value.trim().length > 0
-        if (Array.isArray(value)) return value.length > 0
-        return value !== null && value !== undefined
-      },
-      message
-    }),
-
-    email: (message = 'Invalid email address'): ValidationRule => ({
-      name: 'email',
-      validate: (value) => {
-        if (!value) return true // Allow empty (use required() separately)
-        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
-        return emailRegex.test(value)
-      },
-      message
-    }),
-
-    minLength: (min: number, message?: string): ValidationRule => ({
-      name: 'minLength',
-      validate: (value) => !value || value.toString().length >= min,
-      message: message || `Minimum ${min} characters required`
-    }),
-
-    maxLength: (max: number, message?: string): ValidationRule => ({
-      name: 'maxLength',
-      validate: (value) => !value || value.toString().length <= max,
-      message: message || `Maximum ${max} characters allowed`
-    }),
-
-    min: (min: number, message?: string): ValidationRule => ({
-      name: 'min',
-      validate: (value) => !value || Number(value) >= min,
-      message: message || `Minimum value is ${min}`
-    }),
-
-    max: (max: number, message?: string): ValidationRule => ({
-      name: 'max',
-      validate: (value) => !value || Number(value) <= max,
-      message: message || `Maximum value is ${max}`
-    }),
-
-    pattern: (pattern: RegExp, message = 'Invalid format'): ValidationRule => ({
-      name: 'pattern',
-      validate: (value) => !value || pattern.test(value),
-      message
-    }),
-
-    numeric: (message = 'Must be a number'): ValidationRule => ({
-      name: 'numeric',
-      validate: (value) => !value || /^-?\d+(\.\d+)?$/.test(value),
-      message
-    }),
-
-    positiveInteger: (message = 'Must be a positive integer'): ValidationRule => ({
-      name: 'positiveInteger',
-      validate: (value) => !value || (/^\d+$/.test(value) && Number(value) > 0),
-      message
-    }),
-
-    percentage: (message = 'Must be between 0 and 100'): ValidationRule => ({
-      name: 'percentage',
-      validate: (value) => !value || (Number(value) >= 0 && Number(value) <= 100),
-      message
-    }),
-
-    url: (message = 'Invalid URL'): ValidationRule => ({
-      name: 'url',
-      validate: (value) => {
-        if (!value) return true
-        try {
-          new URL(value)
-          return true
-        } catch {
-          return false
-        }
-      },
-      message
-    })
-  }
-
-  return {
-    validate: (value: any, rulesList: ValidationRule[]): string | null => {
-      for (const rule of rulesList) {
-        if (!rule.validate(value)) {
-          return rule.message
-        }
-      }
-      return null
-    },
-
-    ...rules
-  }
-}
-
-export type ValidationComposable = ReturnType<typeof createValidationRules>
diff --git a/oms-wms-erp/src/main.ts b/oms-wms-erp/src/main.ts
deleted file mode 100644
index 055b73b6..00000000
--- a/oms-wms-erp/src/main.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { createApp } from 'vue'
-import { createPinia } from 'pinia'
-import App from './App.vue'
-import router from './router'
-
-import './style.css'
-
-const app = createApp(App)
-
-app.use(createPinia())
-app.use(router)
-
-app.mount('#app')
diff --git a/oms-wms-erp/src/router.ts b/oms-wms-erp/src/router.ts
deleted file mode 100644
index 94f221af..00000000
--- a/oms-wms-erp/src/router.ts
+++ /dev/null
@@ -1,122 +0,0 @@
-import { createRouter, createWebHistory, type RouteRecordRaw } from 'vue-router'
-import { useAuthStore } from '@/stores'
-
-const routes: RouteRecordRaw[] = [
-  {
-    path: '/login',
-    component: () => import('./views/LoginPage.vue'),
-    meta: { title: 'Login', requiresAuth: false }
-  },
-  {
-    path: '/',
-    component: () => import('./views/Home.vue'),
-    meta: { title: 'Home' }
-  },
-  // Admin routes (protected)
-  {
-    path: '/admin/dashboard',
-    component: () => import('./views/admin/Dashboard.vue'),
-    meta: { title: 'Dashboard', requiresAuth: true }
-  },
-  {
-    path: '/admin/orders',
-    component: () => import('./views/Order/OrderList.vue'),
-    meta: { title: 'Orders', requiresAuth: true }
-  },
-  {
-    path: '/admin/orders/new',
-    component: () => import('./views/admin/OrderForm.vue'),
-    meta: { title: 'Create Order', requiresAuth: true }
-  },
-  {
-    path: '/admin/orders/:id/edit',
-    component: () => import('./views/admin/OrderForm.vue'),
-    meta: { title: 'Edit Order', requiresAuth: true }
-  },
-  {
-    path: '/admin/inventory',
-    component: () => import('./views/Inventory/InventoryList.vue'),
-    meta: { title: 'Inventory', requiresAuth: true }
-  },
-  {
-    path: '/admin/products',
-    component: () => import('./views/Product/ProductList.vue'),
-    meta: { title: 'Products', requiresAuth: true }
-  },
-  {
-    path: '/admin/products/new',
-    component: () => import('./views/admin/ProductForm.vue'),
-    meta: { title: 'Create Product', requiresAuth: true }
-  },
-  {
-    path: '/admin/products/:id/edit',
-    component: () => import('./views/admin/ProductForm.vue'),
-    meta: { title: 'Edit Product', requiresAuth: true }
-  },
-  {
-    path: '/admin/customers',
-    component: () => import('./views/Customer/CustomerList.vue'),
-    meta: { title: 'Customers', requiresAuth: true }
-  },
-  {
-    path: '/admin/customers/new',
-    component: () => import('./views/Customer/CustomerForm.vue'),
-    meta: { title: 'Create Customer', requiresAuth: true }
-  },
-  {
-    path: '/admin/customers/:id/edit',
-    component: () => import('./views/Customer/CustomerForm.vue'),
-    meta: { title: 'Edit Customer', requiresAuth: true }
-  },
-  {
-    path: '/admin/warehouses',
-    component: () => import('./views/Warehouse/WarehouseList.vue'),
-    meta: { title: 'Warehouses', requiresAuth: true }
-  },
-  {
-    path: '/admin/warehouses/new',
-    component: () => import('./views/Warehouse/WarehouseForm.vue'),
-    meta: { title: 'Create Warehouse', requiresAuth: true }
-  },
-  {
-    path: '/admin/warehouses/:id/edit',
-    component: () => import('./views/Warehouse/WarehouseForm.vue'),
-    meta: { title: 'Edit Warehouse', requiresAuth: true }
-  },
-  {
-    path: '/:pathMatch(.*)*',
-    component: () => import('./views/NotFound.vue'),
-    meta: { title: 'Not Found' }
-  }
-]
-
-const router = createRouter({
-  history: createWebHistory(import.meta.env.BASE_URL),
-  routes
-})
-
-router.beforeEach((to, from, next) => {
-  const authStore = useAuthStore()
-  const requiresAuth = to.meta.requiresAuth as boolean | undefined
-  const isAuthenticated = authStore.isAuthenticated
-
-  // Set page title
-  const title = to.meta.title as string
-  if (title) {
-    document.title = `${title} | OMS·WMS·ERP`
-  }
-
-  // Check authentication
-  if (requiresAuth && !isAuthenticated) {
-    // Redirect to login if trying to access protected route
-    next({ path: '/login', query: { redirect: to.fullPath } })
-  } else if (to.path === '/login' && isAuthenticated) {
-    // Redirect to dashboard if already logged in
-    next({ path: '/admin/dashboard' })
-  } else {
-    // Allow navigation
-    next()
-  }
-})
-
-export default router
diff --git a/oms-wms-erp/src/router/admin-routes.ts b/oms-wms-erp/src/router/admin-routes.ts
deleted file mode 100644
index 4d0f2b16..00000000
--- a/oms-wms-erp/src/router/admin-routes.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { RouteRecordRaw } from 'vue-router'
-import Dashboard from '@/views/admin/Dashboard.vue'
-import OrdersList from '@/views/admin/OrdersList.vue'
-import OrderForm from '@/views/admin/OrderForm.vue'
-import ProductsList from '@/views/admin/ProductsList.vue'
-import ProductForm from '@/views/admin/ProductForm.vue'
-import CustomersList from '@/views/admin/CustomersList.vue'
-import CustomerForm from '@/views/admin/CustomerForm.vue'
-import InventoryList from '@/views/admin/InventoryList.vue'
-import InventoryForm from '@/views/admin/InventoryForm.vue'
-import WarehousesList from '@/views/admin/WarehousesList.vue'
-import WarehouseForm from '@/views/admin/WarehouseForm.vue'
-
-export const adminRoutes: RouteRecordRaw[] = [
-  { path: 'dashboard', component: Dashboard, meta: { title: 'Dashboard' } },
-  
-  { path: 'orders', component: OrdersList, meta: { title: 'Orders' } },
-  { path: 'orders/new', component: OrderForm, meta: { title: 'Create Order' } },
-  { path: 'orders/:id/edit', component: OrderForm, meta: { title: 'Edit Order' } },
-  
-  { path: 'products', component: ProductsList, meta: { title: 'Products' } },
-  { path: 'products/new', component: ProductForm, meta: { title: 'Create Product' } },
-  { path: 'products/:id/edit', component: ProductForm, meta: { title: 'Edit Product' } },
-  
-  { path: 'customers', component: CustomersList, meta: { title: 'Customers' } },
-  { path: 'customers/new', component: CustomerForm, meta: { title: 'Create Customer' } },
-  { path: 'customers/:id/edit', component: CustomerForm, meta: { title: 'Edit Customer' } },
-  
-  { path: 'inventory', component: InventoryList, meta: { title: 'Inventory' } },
-  { path: 'inventory/:id/edit', component: InventoryForm, meta: { title: 'Edit Inventory' } },
-  
-  { path: 'warehouses', component: WarehousesList, meta: { title: 'Warehouses' } },
-  { path: 'warehouses/new', component: WarehouseForm, meta: { title: 'Create Warehouse' } },
-  { path: 'warehouses/:id/edit', component: WarehouseForm, meta: { title: 'Edit Warehouse' } }
-]
diff --git a/oms-wms-erp/src/router/guards.ts b/oms-wms-erp/src/router/guards.ts
deleted file mode 100644
index 0cb3c9b9..00000000
--- a/oms-wms-erp/src/router/guards.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Router } from "vue-router"
-import { useAuthStore } from "@/stores"
-
-export function setupRouterGuards(router: Router) {
-  router.beforeEach((to, from, next) => {
-    const authStore = useAuthStore()
-    
-    // Check auth on app load
-    authStore.checkAuth()
-
-    // Public routes (no auth required)
-    const publicRoutes = ["/login"]
-    if (publicRoutes.includes(to.path)) {
-      return next()
-    }
-
-    // Protected routes (auth required)
-    if (!authStore.isAuthenticated) {
-      return next("/login")
-    }
-
-    next()
-  })
-}
diff --git a/oms-wms-erp/src/router/index.ts b/oms-wms-erp/src/router/index.ts
deleted file mode 100644
index 6b061753..00000000
--- a/oms-wms-erp/src/router/index.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
-import Dashboard from '@/views/admin/Dashboard.vue'
-import OrdersList from '@/views/admin/OrdersList.vue'
-import ProductsList from '@/views/admin/ProductsList.vue'
-import CustomersList from '@/views/admin/CustomersList.vue'
-import InventoryList from '@/views/admin/InventoryList.vue'
-import WarehousesList from '@/views/admin/WarehousesList.vue'
-
-const routes: RouteRecordRaw[] = [
-  { path: '/', redirect: '/admin/dashboard' },
-  {
-    path: '/admin',
-    redirect: '/admin/dashboard',
-    children: [
-      { path: 'dashboard', component: Dashboard, meta: { title: 'Dashboard' } },
-      { path: 'orders', component: OrdersList, meta: { title: 'Orders' } },
-      { path: 'products', component: ProductsList, meta: { title: 'Products' } },
-      { path: 'customers', component: CustomersList, meta: { title: 'Customers' } },
-      { path: 'inventory', component: InventoryList, meta: { title: 'Inventory' } },
-      { path: 'warehouses', component: WarehousesList, meta: { title: 'Warehouses' } }
-    ]
-  }
-]
-
-const router = createRouter({
-  history: createWebHistory(import.meta.env.BASE_URL),
-  routes
-})
-
-router.beforeEach((to, from, next) => {
-  document.title = `${(to.meta.title as string) || 'Admin'} - OMS·WMS·ERP`
-  next()
-})
-
-export default router
diff --git a/oms-wms-erp/src/services/api/client.ts b/oms-wms-erp/src/services/api/client.ts
deleted file mode 100644
index b19c6679..00000000
--- a/oms-wms-erp/src/services/api/client.ts
+++ /dev/null
@@ -1,181 +0,0 @@
-/**
- * OpenAPI Generated API Client
- * Auto-generated from spec/63_oms_wms_erp_api_openapi.yaml
- *
- * Usage:
- * import { ordersApi, inventoryApi, productsApi } from '@/services/api/client'
- *
- * const orders = await ordersApi.listOrders({ limit: 100, offset: 0 })
- * const product = await productsApi.getProduct('PROD-001')
- */
-
-import axios, { AxiosInstance, AxiosError } from 'axios'
-
-/**
- * API Client Configuration
- */
-export interface ApiClientConfig {
-  baseURL: string
-  timeout?: number
-  withCredentials?: boolean
-}
-
-/**
- * Base API Client Class
- */
-export class ApiClient {
-  protected client: AxiosInstance
-
-  constructor(config: ApiClientConfig) {
-    this.client = axios.create({
-      baseURL: config.baseURL,
-      timeout: config.timeout || 30000,
-      withCredentials: config.withCredentials ?? true,
-      headers: {
-        'Content-Type': 'application/json',
-        'Accept': 'application/json'
-      }
-    })
-
-    // Request interceptor
-    this.client.interceptors.request.use(
-      (config) => {
-        // TODO: Add JWT token from auth store
-        // const authStore = useAuthStore()
-        // if (authStore.token) {
-        //   config.headers.Authorization = `Bearer ${authStore.token}`
-        // }
-        return config
-      },
-      (error) => Promise.reject(error)
-    )
-
-    // Response interceptor
-    this.client.interceptors.response.use(
-      (response) => response.data,
-      (error: AxiosError) => {
-        // Handle common error scenarios
-        if (error.response?.status === 401) {
-          // Token expired - redirect to login
-          // TODO: useAuthStore().logout()
-        }
-        if (error.response?.status === 403) {
-          // Forbidden - permission denied
-          throw new Error('You do not have permission to access this resource')
-        }
-        throw error
-      }
-    )
-  }
-
-  protected async get<T = any>(url: string, config?: any): Promise<T> {
-    return this.client.get(url, config)
-  }
-
-  protected async post<T = any>(url: string, data?: any, config?: any): Promise<T> {
-    return this.client.post(url, data, config)
-  }
-
-  protected async put<T = any>(url: string, data?: any, config?: any): Promise<T> {
-    return this.client.put(url, data, config)
-  }
-
-  protected async patch<T = any>(url: string, data?: any, config?: any): Promise<T> {
-    return this.client.patch(url, data, config)
-  }
-
-  protected async delete<T = any>(url: string, config?: any): Promise<T> {
-    return this.client.delete(url, config)
-  }
-}
-
-/**
- * API Client Factory
- */
-export const createApiClient = (baseURL: string = process.env.VITE_API_BASE_URL || 'http://localhost:3000/api') => {
-  const client = new ApiClient({ baseURL })
-  return client
-}
-
-/**
- * Placeholder API Resources
- * TODO: Replace with OpenAPI SDK generated classes
- *
- * Example usage after OpenAPI generation:
- *
- * import { OrdersApi, InventoryApi, ProductsApi } from './generated'
- *
- * const apiConfig = new Configuration({
- *   basePath: process.env.VITE_API_BASE_URL
- * })
- *
- * export const ordersApi = new OrdersApi(apiConfig)
- * export const inventoryApi = new InventoryApi(apiConfig)
- * export const productsApi = new ProductsApi(apiConfig)
- */
-
-export class OrdersApiClient extends ApiClient {
-  listOrders(params?: any) {
-    return this.get('/orders', { params })
-  }
-
-  getOrder(orderId: string) {
-    return this.get(`/orders/${orderId}`)
-  }
-
-  createOrder(payload: any) {
-    return this.post('/orders', payload)
-  }
-
-  updateOrder(orderId: string, payload: any) {
-    return this.put(`/orders/${orderId}`, payload)
-  }
-
-  deleteOrder(orderId: string) {
-    return this.delete(`/orders/${orderId}`)
-  }
-}
-
-export class InventoryApiClient extends ApiClient {
-  listInventory(params?: any) {
-    return this.get('/inventory', { params })
-  }
-
-  getInventory(inventoryId: string) {
-    return this.get(`/inventory/${inventoryId}`)
-  }
-
-  updateInventory(inventoryId: string, payload: any) {
-    return this.patch(`/inventory/${inventoryId}`, payload)
-  }
-}
-
-export class ProductsApiClient extends ApiClient {
-  listProducts(params?: any) {
-    return this.get('/products', { params })
-  }
-
-  getProduct(productId: string) {
-    return this.get(`/products/${productId}`)
-  }
-
-  createProduct(payload: any) {
-    return this.post('/products', payload)
-  }
-
-  updateProduct(productId: string, payload: any) {
-    return this.put(`/products/${productId}`, payload)
-  }
-}
-
-/**
- * Initialize API Clients
- */
-const baseURL = process.env.VITE_API_BASE_URL || 'http://localhost:3000/api'
-
-export const ordersApi = new OrdersApiClient({ baseURL })
-export const inventoryApi = new InventoryApiClient({ baseURL })
-export const productsApi = new ProductsApiClient({ baseURL })
-
-// Export others as needed
-export { ApiClient, createApiClient }
diff --git a/oms-wms-erp/src/services/mockApi.ts b/oms-wms-erp/src/services/mockApi.ts
deleted file mode 100644
index afed658a..00000000
--- a/oms-wms-erp/src/services/mockApi.ts
+++ /dev/null
@@ -1,113 +0,0 @@
-/**
- * Mock API Service
- * Simulates backend responses for development
- * When real backend is ready, replace with actual HTTP calls
- */
-
-import type { Customer, Warehouse, Order } from '@/stores'
-
-const MOCK_DELAY = 300 // ms
-
-// Mock data store
-const mockData = {
-  customers: [
-    { id: '1', name: 'ABC Corp', email: 'contact@abc.com', phone: '010-1234-5678', address: 'Seoul', creditLimit: 1000000, status: 'ACTIVE' },
-    { id: '2', name: 'XYZ Ltd', email: 'contact@xyz.com', phone: '010-9876-5432', address: 'Busan', creditLimit: 500000, status: 'ACTIVE' }
-  ] as Customer[],
-  warehouses: [
-    { id: '1', name: 'Seoul Hub', location: 'Guro-gu', capacity: 10000, currentUsage: 4500, manager: 'Kim Min', contactEmail: 'kim@warehouse.com', status: 'ACTIVE' },
-    { id: '2', name: 'Busan Hub', location: 'Haeundae-gu', capacity: 8000, currentUsage: 3200, manager: 'Lee Sung', contactEmail: 'lee@warehouse.com', status: 'ACTIVE' }
-  ] as Warehouse[],
-  orders: [] as Order[]
-}
-
-export async function mockFetch<T>(
-  method: 'GET' | 'POST' | 'PUT' | 'DELETE',
-  endpoint: string,
-  data?: any
-): Promise<T> {
-  return new Promise((resolve, reject) => {
-    setTimeout(() => {
-      try {
-        // GET /api/customers
-        if (method === 'GET' && endpoint === '/api/customers') {
-          resolve({ data: mockData.customers } as any)
-          return
-        }
-
-        // POST /api/customers
-        if (method === 'POST' && endpoint === '/api/customers') {
-          const newCustomer: Customer = {
-            id: `customer-${Date.now()}`,
-            ...data,
-            createdAt: new Date().toISOString()
-          }
-          mockData.customers.push(newCustomer)
-          resolve({ data: newCustomer } as any)
-          return
-        }
-
-        // GET /api/warehouses
-        if (method === 'GET' && endpoint === '/api/warehouses') {
-          resolve({ data: mockData.warehouses } as any)
-          return
-        }
-
-        // POST /api/warehouses
-        if (method === 'POST' && endpoint === '/api/warehouses') {
-          const newWarehouse: Warehouse = {
-            id: `warehouse-${Date.now()}`,
-            ...data,
-            createdAt: new Date().toISOString()
-          }
-          mockData.warehouses.push(newWarehouse)
-          resolve({ data: newWarehouse } as any)
-          return
-        }
-
-        // GET /api/orders
-        if (method === 'GET' && endpoint === '/api/orders') {
-          resolve({ data: mockData.orders } as any)
-          return
-        }
-
-        // POST /api/orders
-        if (method === 'POST' && endpoint === '/api/orders') {
-          const newOrder: Order = {
-            id: `order-${Date.now()}`,
-            ...data,
-            createdAt: new Date().toISOString()
-          }
-          mockData.orders.push(newOrder)
-          resolve({ data: newOrder } as any)
-          return
-        }
-
-        // Default 404
-        reject({ status: 404, message: `Endpoint not found: ${endpoint}` })
-      } catch (error) {
-        reject({ status: 500, message: 'Internal server error', error })
-      }
-    }, MOCK_DELAY)
-  })
-}
-
-export const mockApi = {
-  // Customers
-  fetchCustomers: () => mockFetch<{ data: Customer[] }>('GET', '/api/customers'),
-  createCustomer: (data: Partial<Customer>) => mockFetch<{ data: Customer }>('POST', '/api/customers', data),
-  updateCustomer: (id: string, data: Partial<Customer>) => mockFetch<{ data: Customer }>('PUT', `/api/customers/${id}`, data),
-  deleteCustomer: (id: string) => mockFetch('DELETE', `/api/customers/${id}`),
-
-  // Warehouses
-  fetchWarehouses: () => mockFetch<{ data: Warehouse[] }>('GET', '/api/warehouses'),
-  createWarehouse: (data: Partial<Warehouse>) => mockFetch<{ data: Warehouse }>('POST', '/api/warehouses', data),
-  updateWarehouse: (id: string, data: Partial<Warehouse>) => mockFetch<{ data: Warehouse }>('PUT', `/api/warehouses/${id}`, data),
-  deleteWarehouse: (id: string) => mockFetch('DELETE', `/api/warehouses/${id}`),
-
-  // Orders
-  fetchOrders: () => mockFetch<{ data: Order[] }>('GET', '/api/orders'),
-  createOrder: (data: Partial<Order>) => mockFetch<{ data: Order }>('POST', '/api/orders', data),
-  updateOrder: (id: string, data: Partial<Order>) => mockFetch<{ data: Order }>('PUT', `/api/orders/${id}`, data),
-  deleteOrder: (id: string) => mockFetch('DELETE', `/api/orders/${id}`)
-}
diff --git a/oms-wms-erp/src/stores/index.ts b/oms-wms-erp/src/stores/index.ts
deleted file mode 100644
index 970ea6ff..00000000
--- a/oms-wms-erp/src/stores/index.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-/**
- * Pinia Store Index
- * Central export for all business domain stores (Phase 3 Step 3)
- *
- * 11 Business Domain Stores:
- * 0. Auth - Authentication (login, logout, session management)
- * 1. Orders - Order management (create, update, filter by status)
- * 2. Inventory - Stock level tracking (reserve, release, low stock alerts)
- * 3. Products - Product catalog (CRUD, pricing, status)
- * 4. Customers - Customer database (credit management, at-risk alerts)
- * 5. Suppliers - Supplier management (lead time, reliability, rating)
- * 6. Warehouses - Warehouse operations (capacity tracking, load management)
- * 7. Pricing - Price adjustment history (audit trail, reasons)
- * 8. Reports - Business analytics (sales, inventory, financial)
- * 9. Users - User access control (roles, permissions, audit)
- * 10. Settings - Application configuration (theme, language, business rules)
- */
-
-export { useAuthStore, type User as AuthUser } from './modules/auth'
-export { useOrderStore, type Order, type OrderItem } from './modules/orders'
-export { useInventoryStore, type InventoryItem } from './modules/inventory'
-export { useProductStore, type Product } from './modules/products'
-export { useCustomerStore, type Customer } from './modules/customers'
-export { useSupplierStore, type Supplier } from './modules/suppliers'
-export { useWarehouseStore, type Warehouse } from './modules/warehouses'
-export { usePricingStore, type PriceAdjustment } from './modules/pricing'
-export { useUserStore, type User } from './modules/users'
-export { useReportStore, type Report } from './modules/reports'
-export { useSettingsStore, type AppSettings } from './modules/settings'
diff --git a/oms-wms-erp/src/stores/modules/auth.ts b/oms-wms-erp/src/stores/modules/auth.ts
deleted file mode 100644
index 72658d20..00000000
--- a/oms-wms-erp/src/stores/modules/auth.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { defineStore } from "pinia"
-import { ref } from "vue"
-
-export interface User {
-  id: string
-  username: string
-  email: string
-  role: "admin" | "manager" | "user"
-}
-
-export const useAuthStore = defineStore("auth", () => {
-  const user = ref<User | null>(null)
-  const isAuthenticated = ref(false)
-  const token = ref<string | null>(null)
-
-  const login = async (username: string, password: string) => {
-    try {
-      // Mock login
-      await new Promise((resolve) => setTimeout(resolve, 500))
-      const mockUser: User = {
-        id: "user-001",
-        username,
-        email: `${username}@example.com`,
-        role: "admin",
-      }
-      user.value = mockUser
-      isAuthenticated.value = true
-      token.value = "mock-jwt-token"
-      localStorage.setItem("auth-token", "mock-jwt-token")
-      return mockUser
-    } catch (err) {
-      throw new Error("Login failed")
-    }
-  }
-
-  const logout = () => {
-    user.value = null
-    isAuthenticated.value = false
-    token.value = null
-    localStorage.removeItem("auth-token")
-  }
-
-  const checkAuth = () => {
-    const stored = localStorage.getItem("auth-token")
-    if (stored) {
-      isAuthenticated.value = true
-      token.value = stored
-      // Mock user load from stored token
-      user.value = {
-        id: "user-001",
-        username: "admin",
-        email: "admin@example.com",
-        role: "admin",
-      }
-    }
-  }
-
-  return {
-    user,
-    isAuthenticated,
-    token,
-    login,
-    logout,
-    checkAuth,
-  }
-})
diff --git a/oms-wms-erp/src/stores/modules/customers.ts b/oms-wms-erp/src/stores/modules/customers.ts
deleted file mode 100644
index 5d83bcfb..00000000
--- a/oms-wms-erp/src/stores/modules/customers.ts
+++ /dev/null
@@ -1,128 +0,0 @@
-import { defineStore } from 'pinia'
-import { ref, computed } from 'vue'
-import { mockApi } from '@/services/mockApi'
-
-export interface Customer {
-  id: string
-  code: string
-  name: string
-  email: string
-  phone: string
-  address: string
-  city: string
-  country: string
-  creditLimit: number
-  creditUsed: number
-  status: 'ACTIVE' | 'INACTIVE' | 'SUSPENDED'
-  createdAt: string
-  updatedAt: string
-}
-
-export const useCustomerStore = defineStore('customers', () => {
-  const customers = ref<Customer[]>([])
-  const loading = ref(false)
-  const error = ref<string | null>(null)
-
-  const customerCount = computed(() => customers.value.length)
-
-  const activeCustomers = computed(() =>
-    customers.value.filter((c) => c.status === 'ACTIVE')
-  )
-
-  const atRiskCustomers = computed(() =>
-    customers.value.filter((c) => c.creditUsed >= c.creditLimit * 0.8)
-  )
-
-  const fetchCustomers = async () => {
-    loading.value = true
-    error.value = null
-    try {
-      const response = await mockApi.fetchCustomers()
-      customers.value = response.data
-    } catch (err) {
-      error.value = (err as Error).message
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const createCustomer = async (payload: Partial<Customer>) => {
-    loading.value = true
-    error.value = null
-    try {
-      const response = await mockApi.createCustomer(payload)
-      customers.value.push(response.data)
-      return response.data
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const updateCustomer = async (customerId: string, payload: Partial<Customer>) => {
-    loading.value = true
-    error.value = null
-    try {
-      const response = await mockApi.updateCustomer(customerId, payload)
-      const index = customers.value.findIndex((c) => c.id === customerId)
-      if (index !== -1) {
-        customers.value[index] = response.data
-      }
-      return response.data
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const deleteCustomer = async (customerId: string) => {
-    loading.value = true
-    error.value = null
-    try {
-      await mockApi.deleteCustomer(customerId)
-      const index = customers.value.findIndex((c) => c.id === customerId)
-      if (index !== -1) {
-        customers.value.splice(index, 1)
-      }
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const updateCreditUsage = async (customerId: string, amount: number) => {
-    loading.value = true
-    error.value = null
-    try {
-      const index = customers.value.findIndex((c) => c.id === customerId)
-      if (index === -1) throw new Error('Customer not found')
-      customers.value[index].creditUsed += amount
-      customers.value[index].updatedAt = new Date().toISOString()
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  return {
-    customers,
-    loading,
-    error,
-    customerCount,
-    activeCustomers,
-    atRiskCustomers,
-    fetchCustomers,
-    createCustomer,
-    updateCustomer,
-    deleteCustomer,
-    updateCreditUsage
-  }
-})
diff --git a/oms-wms-erp/src/stores/modules/inventory.ts b/oms-wms-erp/src/stores/modules/inventory.ts
deleted file mode 100644
index a6779f1b..00000000
--- a/oms-wms-erp/src/stores/modules/inventory.ts
+++ /dev/null
@@ -1,107 +0,0 @@
-import { defineStore } from 'pinia'
-import { ref, computed } from 'vue'
-
-export interface InventoryItem {
-  id: string
-  productId: string
-  warehouseId: string
-  quantity: number
-  reserved: number
-  available: number
-  reorderLevel: number
-  lastUpdated: string
-}
-
-export const useInventoryStore = defineStore('inventory', () => {
-  const items = ref<InventoryItem[]>([])
-  const loading = ref(false)
-  const error = ref<string | null>(null)
-
-  const totalQuantity = computed(() => items.value.reduce((sum, i) => sum + i.quantity, 0))
-
-  const lowStockItems = computed(() =>
-    items.value.filter((item) => item.available <= item.reorderLevel)
-  )
-
-  const availableQuantity = computed(() => items.value.reduce((sum, i) => sum + i.available, 0))
-
-  const fetchInventory = async () => {
-    loading.value = true
-    error.value = null
-    try {
-      await new Promise((resolve) => setTimeout(resolve, 500))
-      items.value = []
-    } catch (err) {
-      error.value = (err as Error).message
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const updateQuantity = async (itemId: string, newQuantity: number) => {
-    loading.value = true
-    error.value = null
-    try {
-      const index = items.value.findIndex((i) => i.id === itemId)
-      if (index === -1) throw new Error('Inventory item not found')
-      items.value[index].quantity = newQuantity
-      items.value[index].available = newQuantity - items.value[index].reserved
-      items.value[index].lastUpdated = new Date().toISOString()
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const reserveQuantity = async (itemId: string, quantity: number) => {
-    loading.value = true
-    error.value = null
-    try {
-      const index = items.value.findIndex((i) => i.id === itemId)
-      if (index === -1) throw new Error('Inventory item not found')
-      if (items.value[index].available < quantity) {
-        throw new Error('Insufficient inventory')
-      }
-      items.value[index].reserved += quantity
-      items.value[index].available -= quantity
-      items.value[index].lastUpdated = new Date().toISOString()
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const releaseQuantity = async (itemId: string, quantity: number) => {
-    loading.value = true
-    error.value = null
-    try {
-      const index = items.value.findIndex((i) => i.id === itemId)
-      if (index === -1) throw new Error('Inventory item not found')
-      items.value[index].reserved -= quantity
-      items.value[index].available += quantity
-      items.value[index].lastUpdated = new Date().toISOString()
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  return {
-    items,
-    loading,
-    error,
-    totalQuantity,
-    lowStockItems,
-    availableQuantity,
-    fetchInventory,
-    updateQuantity,
-    reserveQuantity,
-    releaseQuantity
-  }
-})
diff --git a/oms-wms-erp/src/stores/modules/orders.ts b/oms-wms-erp/src/stores/modules/orders.ts
deleted file mode 100644
index a48006a2..00000000
--- a/oms-wms-erp/src/stores/modules/orders.ts
+++ /dev/null
@@ -1,201 +0,0 @@
-import { defineStore } from 'pinia'
-import { ref, computed } from 'vue'
-
-export interface OrderItem {
-  id: string
-  lineNumber: number
-  productId: string
-  productSku: string
-  quantity: number
-  unitPrice: number
-  lineTotal: number
-}
-
-export interface Order {
-  id: string
-  orderNumber: string
-  customerId: string
-  customerName: string
-  orderDate: string
-  dueDate: string
-  status: 'DRAFT' | 'PENDING' | 'CONFIRMED' | 'SHIPPED' | 'DELIVERED' | 'CANCELLED'
-  items: OrderItem[]
-  subtotal: number
-  tax: number
-  total: number
-  notes?: string
-  createdAt: string
-  updatedAt: string
-}
-
-export const useOrderStore = defineStore('orders', () => {
-  const orders = ref<Order[]>([])
-  const selectedOrder = ref<Order | null>(null)
-  const loading = ref(false)
-  const error = ref<string | null>(null)
-  const filter = ref({
-    status: 'ALL',
-    customerId: '',
-    dateFrom: '',
-    dateTo: ''
-  })
-
-  const orderCount = computed(() => orders.value.length)
-
-  const totalOrderValue = computed(() =>
-    orders.value.reduce((sum, order) => sum + order.total, 0)
-  )
-
-  const filteredOrders = computed(() => {
-    return orders.value.filter((order) => {
-      if (filter.value.status !== 'ALL' && order.status !== filter.value.status) {
-        return false
-      }
-      if (filter.value.customerId && order.customerId !== filter.value.customerId) {
-        return false
-      }
-      if (filter.value.dateFrom && order.orderDate < filter.value.dateFrom) {
-        return false
-      }
-      if (filter.value.dateTo && order.orderDate > filter.value.dateTo) {
-        return false
-      }
-      return true
-    })
-  })
-
-  const ordersByStatus = computed(() => {
-    const grouped: Record<string, number> = {}
-    orders.value.forEach((order) => {
-      grouped[order.status] = (grouped[order.status] || 0) + 1
-    })
-    return grouped
-  })
-
-  const recentOrders = computed(() => {
-    return orders.value
-      .sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime())
-      .slice(0, 5)
-  })
-
-  const fetchOrders = async () => {
-    loading.value = true
-    error.value = null
-    try {
-      await new Promise((resolve) => setTimeout(resolve, 500))
-      orders.value = []
-    } catch (err) {
-      error.value = (err as Error).message
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const createOrder = async (payload: Partial<Order>) => {
-    loading.value = true
-    error.value = null
-    try {
-      await new Promise((resolve) => setTimeout(resolve, 300))
-      const newOrder: Order = {
-        id: `ord-${Date.now()}`,
-        orderNumber: `ORD-${new Date().getFullYear()}-${orders.value.length + 1}`,
-        customerId: payload.customerId || '',
-        customerName: payload.customerName || '',
-        orderDate: payload.orderDate || new Date().toISOString().split('T')[0],
-        dueDate: payload.dueDate || '',
-        status: 'DRAFT',
-        items: payload.items || [],
-        subtotal: payload.subtotal || 0,
-        tax: payload.tax || 0,
-        total: payload.total || 0,
-        notes: payload.notes,
-        createdAt: new Date().toISOString(),
-        updatedAt: new Date().toISOString()
-      }
-      orders.value.push(newOrder)
-      selectedOrder.value = newOrder
-      return newOrder
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const updateOrder = async (orderId: string, payload: Partial<Order>) => {
-    loading.value = true
-    error.value = null
-    try {
-      await new Promise((resolve) => setTimeout(resolve, 300))
-      const index = orders.value.findIndex((o) => o.id === orderId)
-      if (index === -1) throw new Error('Order not found')
-      orders.value[index] = {
-        ...orders.value[index],
-        ...payload,
-        updatedAt: new Date().toISOString()
-      }
-      selectedOrder.value = orders.value[index]
-      return orders.value[index]
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const deleteOrder = async (orderId: string) => {
-    loading.value = true
-    error.value = null
-    try {
-      await new Promise((resolve) => setTimeout(resolve, 300))
-      orders.value = orders.value.filter((o) => o.id !== orderId)
-      if (selectedOrder.value?.id === orderId) {
-        selectedOrder.value = null
-      }
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const selectOrder = (order: Order) => {
-    selectedOrder.value = order
-  }
-
-  const setFilter = (newFilter: typeof filter.value) => {
-    filter.value = { ...filter.value, ...newFilter }
-  }
-
-  const clearFilter = () => {
-    filter.value = {
-      status: 'ALL',
-      customerId: '',
-      dateFrom: '',
-      dateTo: ''
-    }
-  }
-
-  return {
-    orders,
-    selectedOrder,
-    loading,
-    error,
-    filter,
-    orderCount,
-    totalOrderValue,
-    filteredOrders,
-    ordersByStatus,
-    recentOrders,
-    fetchOrders,
-    createOrder,
-    updateOrder,
-    deleteOrder,
-    selectOrder,
-    setFilter,
-    clearFilter
-  }
-})
diff --git a/oms-wms-erp/src/stores/modules/pricing.ts b/oms-wms-erp/src/stores/modules/pricing.ts
deleted file mode 100644
index 15bdd1cb..00000000
--- a/oms-wms-erp/src/stores/modules/pricing.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-import { defineStore } from 'pinia'
-import { ref, computed } from 'vue'
-
-export interface PriceAdjustment {
-  id: string
-  productId: string
-  oldPrice: number
-  newPrice: number
-  reason: string
-  startDate: string
-  endDate?: string
-  status: 'ACTIVE' | 'EXPIRED' | 'CANCELLED'
-  createdAt: string
-}
-
-export const usePricingStore = defineStore('pricing', () => {
-  const adjustments = ref<PriceAdjustment[]>([])
-  const loading = ref(false)
-  const error = ref<string | null>(null)
-
-  const activeAdjustments = computed(() =>
-    adjustments.value.filter((a) => a.status === 'ACTIVE')
-  )
-
-  const totalAdjustmentCount = computed(() => adjustments.value.length)
-
-  const adjustmentsByReason = computed(() => {
-    const grouped: Record<string, number> = {}
-    adjustments.value.forEach((a) => {
-      grouped[a.reason] = (grouped[a.reason] || 0) + 1
-    })
-    return grouped
-  })
-
-  const fetchAdjustments = async () => {
-    loading.value = true
-    error.value = null
-    try {
-      await new Promise((resolve) => setTimeout(resolve, 500))
-      adjustments.value = []
-    } catch (err) {
-      error.value = (err as Error).message
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const createAdjustment = async (payload: Partial<PriceAdjustment>) => {
-    loading.value = true
-    error.value = null
-    try {
-      const newAdjustment: PriceAdjustment = {
-        id: `adj-${Date.now()}`,
-        productId: payload.productId || '',
-        oldPrice: payload.oldPrice || 0,
-        newPrice: payload.newPrice || 0,
-        reason: payload.reason || '',
-        startDate: payload.startDate || new Date().toISOString().split('T')[0],
-        endDate: payload.endDate,
-        status: 'ACTIVE',
-        createdAt: new Date().toISOString()
-      }
-      adjustments.value.push(newAdjustment)
-      return newAdjustment
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const expireAdjustment = async (adjustmentId: string) => {
-    loading.value = true
-    error.value = null
-    try {
-      const index = adjustments.value.findIndex((a) => a.id === adjustmentId)
-      if (index === -1) throw new Error('Adjustment not found')
-      adjustments.value[index].status = 'EXPIRED'
-      adjustments.value[index].endDate = new Date().toISOString().split('T')[0]
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  return {
-    adjustments,
-    loading,
-    error,
-    activeAdjustments,
-    totalAdjustmentCount,
-    adjustmentsByReason,
-    fetchAdjustments,
-    createAdjustment,
-    expireAdjustment
-  }
-})
diff --git a/oms-wms-erp/src/stores/modules/products.ts b/oms-wms-erp/src/stores/modules/products.ts
deleted file mode 100644
index 9d781775..00000000
--- a/oms-wms-erp/src/stores/modules/products.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-import { defineStore } from 'pinia'
-import { ref, computed } from 'vue'
-
-export interface Product {
-  id: string
-  sku: string
-  name: string
-  category: string
-  price: number
-  cost: number
-  unit: string
-  status: 'ACTIVE' | 'INACTIVE' | 'DISCONTINUED'
-  description?: string
-  createdAt: string
-  updatedAt: string
-}
-
-export const useProductStore = defineStore('products', () => {
-  const products = ref<Product[]>([])
-  const loading = ref(false)
-  const error = ref<string | null>(null)
-  const filter = ref({ category: '', status: 'ACTIVE' })
-
-  const productCount = computed(() => products.value.length)
-
-  const filteredProducts = computed(() => {
-    return products.value.filter((p) => {
-      if (filter.value.status && p.status !== filter.value.status) return false
-      if (filter.value.category && p.category !== filter.value.category) return false
-      return true
-    })
-  })
-
-  const activeProducts = computed(() =>
-    products.value.filter((p) => p.status === 'ACTIVE')
-  )
-
-  const avgPrice = computed(() => {
-    if (activeProducts.value.length === 0) return 0
-    return activeProducts.value.reduce((sum, p) => sum + p.price, 0) / activeProducts.value.length
-  })
-
-  const fetchProducts = async () => {
-    loading.value = true
-    error.value = null
-    try {
-      await new Promise((resolve) => setTimeout(resolve, 500))
-      products.value = []
-    } catch (err) {
-      error.value = (err as Error).message
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const createProduct = async (payload: Partial<Product>) => {
-    loading.value = true
-    error.value = null
-    try {
-      const newProduct: Product = {
-        id: `prod-${Date.now()}`,
-        sku: payload.sku || '',
-        name: payload.name || '',
-        category: payload.category || '',
-        price: payload.price || 0,
-        cost: payload.cost || 0,
-        unit: payload.unit || 'PCS',
-        status: 'ACTIVE',
-        description: payload.description,
-        createdAt: new Date().toISOString(),
-        updatedAt: new Date().toISOString()
-      }
-      products.value.push(newProduct)
-      return newProduct
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const updateProduct = async (productId: string, payload: Partial<Product>) => {
-    loading.value = true
-    error.value = null
-    try {
-      const index = products.value.findIndex((p) => p.id === productId)
-      if (index === -1) throw new Error('Product not found')
-      products.value[index] = {
-        ...products.value[index],
-        ...payload,
-        updatedAt: new Date().toISOString()
-      }
-      return products.value[index]
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const deleteProduct = async (productId: string) => {
-    loading.value = true
-    error.value = null
-    try {
-      products.value = products.value.filter((p) => p.id !== productId)
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  return {
-    products,
-    loading,
-    error,
-    filter,
-    productCount,
-    filteredProducts,
-    activeProducts,
-    avgPrice,
-    fetchProducts,
-    createProduct,
-    updateProduct,
-    deleteProduct
-  }
-})
diff --git a/oms-wms-erp/src/stores/modules/reports.ts b/oms-wms-erp/src/stores/modules/reports.ts
deleted file mode 100644
index 30768d25..00000000
--- a/oms-wms-erp/src/stores/modules/reports.ts
+++ /dev/null
@@ -1,126 +0,0 @@
-import { defineStore } from 'pinia'
-import { ref, computed } from 'vue'
-
-export interface Report {
-  id: string
-  title: string
-  type: 'SALES' | 'INVENTORY' | 'CUSTOMER' | 'SUPPLIER' | 'FINANCIAL' | 'PERFORMANCE'
-  status: 'DRAFT' | 'SCHEDULED' | 'GENERATED' | 'ARCHIVED'
-  generatedAt?: string
-  data?: Record<string, unknown>
-  createdAt: string
-  updatedAt: string
-}
-
-export const useReportStore = defineStore('reports', () => {
-  const reports = ref<Report[]>([])
-  const selectedReport = ref<Report | null>(null)
-  const loading = ref(false)
-  const error = ref<string | null>(null)
-
-  const reportCount = computed(() => reports.value.length)
-
-  const generatedReports = computed(() =>
-    reports.value.filter((r) => r.status === 'GENERATED')
-  )
-
-  const reportsByType = computed(() => {
-    const grouped: Record<string, number> = {}
-    reports.value.forEach((r) => {
-      grouped[r.type] = (grouped[r.type] || 0) + 1
-    })
-    return grouped
-  })
-
-  const recentReports = computed(() => {
-    return reports.value
-      .sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime())
-      .slice(0, 5)
-  })
-
-  const fetchReports = async () => {
-    loading.value = true
-    error.value = null
-    try {
-      await new Promise((resolve) => setTimeout(resolve, 500))
-      reports.value = []
-    } catch (err) {
-      error.value = (err as Error).message
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const createReport = async (payload: Partial<Report>) => {
-    loading.value = true
-    error.value = null
-    try {
-      const newReport: Report = {
-        id: `rep-${Date.now()}`,
-        title: payload.title || '',
-        type: payload.type || 'SALES',
-        status: 'DRAFT',
-        createdAt: new Date().toISOString(),
-        updatedAt: new Date().toISOString()
-      }
-      reports.value.push(newReport)
-      selectedReport.value = newReport
-      return newReport
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const generateReport = async (reportId: string, data: Record<string, unknown>) => {
-    loading.value = true
-    error.value = null
-    try {
-      const index = reports.value.findIndex((r) => r.id === reportId)
-      if (index === -1) throw new Error('Report not found')
-      reports.value[index].status = 'GENERATED'
-      reports.value[index].data = data
-      reports.value[index].generatedAt = new Date().toISOString()
-      reports.value[index].updatedAt = new Date().toISOString()
-      return reports.value[index]
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const deleteReport = async (reportId: string) => {
-    loading.value = true
-    error.value = null
-    try {
-      reports.value = reports.value.filter((r) => r.id !== reportId)
-      if (selectedReport.value?.id === reportId) {
-        selectedReport.value = null
-      }
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  return {
-    reports,
-    selectedReport,
-    loading,
-    error,
-    reportCount,
-    generatedReports,
-    reportsByType,
-    recentReports,
-    fetchReports,
-    createReport,
-    generateReport,
-    deleteReport
-  }
-})
diff --git a/oms-wms-erp/src/stores/modules/settings.ts b/oms-wms-erp/src/stores/modules/settings.ts
deleted file mode 100644
index 94b893e5..00000000
--- a/oms-wms-erp/src/stores/modules/settings.ts
+++ /dev/null
@@ -1,106 +0,0 @@
-import { defineStore } from 'pinia'
-import { ref } from 'vue'
-
-export interface AppSettings {
-  theme: 'light' | 'dark'
-  language: 'en' | 'ko' | 'ja'
-  timezone: string
-  dateFormat: string
-  currency: string
-  taxRate: number
-  companyName: string
-  companyEmail: string
-  supportEmail: string
-}
-
-export const useSettingsStore = defineStore('settings', () => {
-  const settings = ref<AppSettings>({
-    theme: 'light',
-    language: 'en',
-    timezone: 'UTC',
-    dateFormat: 'YYYY-MM-DD',
-    currency: 'USD',
-    taxRate: 0.1,
-    companyName: 'OMS Corp',
-    companyEmail: 'info@omscorp.com',
-    supportEmail: 'support@omscorp.com'
-  })
-
-  const loading = ref(false)
-  const error = ref<string | null>(null)
-
-  const fetchSettings = async () => {
-    loading.value = true
-    error.value = null
-    try {
-      await new Promise((resolve) => setTimeout(resolve, 300))
-      // Settings loaded from localStorage or API
-    } catch (err) {
-      error.value = (err as Error).message
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const updateSettings = async (payload: Partial<AppSettings>) => {
-    loading.value = true
-    error.value = null
-    try {
-      await new Promise((resolve) => setTimeout(resolve, 300))
-      settings.value = { ...settings.value, ...payload }
-      // Save to localStorage or API
-      return settings.value
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const updateTheme = async (theme: 'light' | 'dark') => {
-    settings.value.theme = theme
-    localStorage.setItem('app-theme', theme)
-  }
-
-  const updateLanguage = async (language: 'en' | 'ko' | 'ja') => {
-    settings.value.language = language
-    localStorage.setItem('app-language', language)
-  }
-
-  const resetSettings = async () => {
-    loading.value = true
-    error.value = null
-    try {
-      settings.value = {
-        theme: 'light',
-        language: 'en',
-        timezone: 'UTC',
-        dateFormat: 'YYYY-MM-DD',
-        currency: 'USD',
-        taxRate: 0.1,
-        companyName: 'OMS Corp',
-        companyEmail: 'info@omscorp.com',
-        supportEmail: 'support@omscorp.com'
-      }
-      localStorage.removeItem('app-theme')
-      localStorage.removeItem('app-language')
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  return {
-    settings,
-    loading,
-    error,
-    fetchSettings,
-    updateSettings,
-    updateTheme,
-    updateLanguage,
-    resetSettings
-  }
-})
diff --git a/oms-wms-erp/src/stores/modules/suppliers.ts b/oms-wms-erp/src/stores/modules/suppliers.ts
deleted file mode 100644
index 00d186c0..00000000
--- a/oms-wms-erp/src/stores/modules/suppliers.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-import { defineStore } from 'pinia'
-import { ref, computed } from 'vue'
-
-export interface Supplier {
-  id: string
-  code: string
-  name: string
-  email: string
-  phone: string
-  address: string
-  leadTime: number
-  reliability: number
-  rating: number
-  status: 'ACTIVE' | 'INACTIVE' | 'BLACKLISTED'
-  createdAt: string
-  updatedAt: string
-}
-
-export const useSupplierStore = defineStore('suppliers', () => {
-  const suppliers = ref<Supplier[]>([])
-  const loading = ref(false)
-  const error = ref<string | null>(null)
-
-  const supplierCount = computed(() => suppliers.value.length)
-
-  const activeSuppliers = computed(() =>
-    suppliers.value.filter((s) => s.status === 'ACTIVE')
-  )
-
-  const topRatedSuppliers = computed(() =>
-    suppliers.value.filter((s) => s.rating >= 4).sort((a, b) => b.rating - a.rating)
-  )
-
-  const avgLeadTime = computed(() => {
-    if (activeSuppliers.value.length === 0) return 0
-    return (
-      activeSuppliers.value.reduce((sum, s) => sum + s.leadTime, 0) /
-      activeSuppliers.value.length
-    )
-  })
-
-  const fetchSuppliers = async () => {
-    loading.value = true
-    error.value = null
-    try {
-      await new Promise((resolve) => setTimeout(resolve, 500))
-      suppliers.value = []
-    } catch (err) {
-      error.value = (err as Error).message
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const createSupplier = async (payload: Partial<Supplier>) => {
-    loading.value = true
-    error.value = null
-    try {
-      const newSupplier: Supplier = {
-        id: `supp-${Date.now()}`,
-        code: payload.code || '',
-        name: payload.name || '',
-        email: payload.email || '',
-        phone: payload.phone || '',
-        address: payload.address || '',
-        leadTime: payload.leadTime || 0,
-        reliability: payload.reliability || 0,
-        rating: payload.rating || 0,
-        status: 'ACTIVE',
-        createdAt: new Date().toISOString(),
-        updatedAt: new Date().toISOString()
-      }
-      suppliers.value.push(newSupplier)
-      return newSupplier
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const updateSupplier = async (supplierId: string, payload: Partial<Supplier>) => {
-    loading.value = true
-    error.value = null
-    try {
-      const index = suppliers.value.findIndex((s) => s.id === supplierId)
-      if (index === -1) throw new Error('Supplier not found')
-      suppliers.value[index] = {
-        ...suppliers.value[index],
-        ...payload,
-        updatedAt: new Date().toISOString()
-      }
-      return suppliers.value[index]
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  return {
-    suppliers,
-    loading,
-    error,
-    supplierCount,
-    activeSuppliers,
-    topRatedSuppliers,
-    avgLeadTime,
-    fetchSuppliers,
-    createSupplier,
-    updateSupplier
-  }
-})
diff --git a/oms-wms-erp/src/stores/modules/users.ts b/oms-wms-erp/src/stores/modules/users.ts
deleted file mode 100644
index 99a563e9..00000000
--- a/oms-wms-erp/src/stores/modules/users.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-import { defineStore } from 'pinia'
-import { ref, computed } from 'vue'
-
-export interface User {
-  id: string
-  username: string
-  email: string
-  fullName: string
-  role: 'ADMIN' | 'MANAGER' | 'OPERATOR' | 'VIEWER'
-  status: 'ACTIVE' | 'INACTIVE' | 'SUSPENDED'
-  lastLogin?: string
-  createdAt: string
-  updatedAt: string
-}
-
-export const useUserStore = defineStore('users', () => {
-  const users = ref<User[]>([])
-  const currentUser = ref<User | null>(null)
-  const loading = ref(false)
-  const error = ref<string | null>(null)
-
-  const userCount = computed(() => users.value.length)
-
-  const activeUsers = computed(() => users.value.filter((u) => u.status === 'ACTIVE'))
-
-  const usersByRole = computed(() => {
-    const grouped: Record<string, number> = {}
-    users.value.forEach((u) => {
-      grouped[u.role] = (grouped[u.role] || 0) + 1
-    })
-    return grouped
-  })
-
-  const fetchUsers = async () => {
-    loading.value = true
-    error.value = null
-    try {
-      await new Promise((resolve) => setTimeout(resolve, 500))
-      users.value = []
-    } catch (err) {
-      error.value = (err as Error).message
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const createUser = async (payload: Partial<User>) => {
-    loading.value = true
-    error.value = null
-    try {
-      const newUser: User = {
-        id: `user-${Date.now()}`,
-        username: payload.username || '',
-        email: payload.email || '',
-        fullName: payload.fullName || '',
-        role: payload.role || 'VIEWER',
-        status: 'ACTIVE',
-        createdAt: new Date().toISOString(),
-        updatedAt: new Date().toISOString()
-      }
-      users.value.push(newUser)
-      return newUser
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const updateUser = async (userId: string, payload: Partial<User>) => {
-    loading.value = true
-    error.value = null
-    try {
-      const index = users.value.findIndex((u) => u.id === userId)
-      if (index === -1) throw new Error('User not found')
-      users.value[index] = {
-        ...users.value[index],
-        ...payload,
-        updatedAt: new Date().toISOString()
-      }
-      return users.value[index]
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const setCurrentUser = (user: User | null) => {
-    currentUser.value = user
-  }
-
-  return {
-    users,
-    currentUser,
-    loading,
-    error,
-    userCount,
-    activeUsers,
-    usersByRole,
-    fetchUsers,
-    createUser,
-    updateUser,
-    setCurrentUser
-  }
-})
diff --git a/oms-wms-erp/src/stores/modules/warehouses.ts b/oms-wms-erp/src/stores/modules/warehouses.ts
deleted file mode 100644
index f2be3adf..00000000
--- a/oms-wms-erp/src/stores/modules/warehouses.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-import { defineStore } from 'pinia'
-import { ref, computed } from 'vue'
-
-export interface Warehouse {
-  id: string
-  code: string
-  name: string
-  location: string
-  capacity: number
-  currentLoad: number
-  manager: string
-  status: 'OPERATIONAL' | 'MAINTENANCE' | 'CLOSED'
-  createdAt: string
-  updatedAt: string
-}
-
-export const useWarehouseStore = defineStore('warehouses', () => {
-  const warehouses = ref<Warehouse[]>([])
-  const loading = ref(false)
-  const error = ref<string | null>(null)
-
-  const warehouseCount = computed(() => warehouses.value.length)
-
-  const operationalWarehouses = computed(() =>
-    warehouses.value.filter((w) => w.status === 'OPERATIONAL')
-  )
-
-  const capacityUsage = computed(() => {
-    const total = warehouses.value.reduce((sum, w) => sum + w.capacity, 0)
-    const used = warehouses.value.reduce((sum, w) => sum + w.currentLoad, 0)
-    return total > 0 ? (used / total) * 100 : 0
-  })
-
-  const overloadedWarehouses = computed(() =>
-    warehouses.value.filter((w) => w.currentLoad > w.capacity * 0.9)
-  )
-
-  const fetchWarehouses = async () => {
-    loading.value = true
-    error.value = null
-    try {
-      await new Promise((resolve) => setTimeout(resolve, 500))
-      warehouses.value = []
-    } catch (err) {
-      error.value = (err as Error).message
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const createWarehouse = async (payload: Partial<Warehouse>) => {
-    loading.value = true
-    error.value = null
-    try {
-      const newWarehouse: Warehouse = {
-        id: `wh-${Date.now()}`,
-        code: payload.code || '',
-        name: payload.name || '',
-        location: payload.location || '',
-        capacity: payload.capacity || 0,
-        currentLoad: 0,
-        manager: payload.manager || '',
-        status: 'OPERATIONAL',
-        createdAt: new Date().toISOString(),
-        updatedAt: new Date().toISOString()
-      }
-      warehouses.value.push(newWarehouse)
-      return newWarehouse
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const updateLoad = async (warehouseId: string, newLoad: number) => {
-    loading.value = true
-    error.value = null
-    try {
-      const index = warehouses.value.findIndex((w) => w.id === warehouseId)
-      if (index === -1) throw new Error('Warehouse not found')
-      warehouses.value[index].currentLoad = newLoad
-      warehouses.value[index].updatedAt = new Date().toISOString()
-    } catch (err) {
-      error.value = (err as Error).message
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  return {
-    warehouses,
-    loading,
-    error,
-    warehouseCount,
-    operationalWarehouses,
-    capacityUsage,
-    overloadedWarehouses,
-    fetchWarehouses,
-    createWarehouse,
-    updateLoad
-  }
-})
diff --git a/oms-wms-erp/src/style.css b/oms-wms-erp/src/style.css
deleted file mode 100644
index 402de822..00000000
--- a/oms-wms-erp/src/style.css
+++ /dev/null
@@ -1,68 +0,0 @@
-@import 'bootstrap/dist/css/bootstrap.min.css';
-
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-html, body, #app {
-  height: 100%;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-body {
-  background-color: #f5f5f5;
-  color: #333;
-}
-
-button {
-  font-family: inherit;
-}
-
-input, select, textarea {
-  font-family: inherit;
-}
-
-a {
-  color: #0d6efd;
-  text-decoration: none;
-}
-
-a:hover {
-  text-decoration: underline;
-}
-
-/* Typography */
-h1, h2, h3, h4, h5, h6 {
-  font-weight: 600;
-  line-height: 1.2;
-}
-
-h1 { font-size: 2rem; }
-h2 { font-size: 1.5rem; }
-h3 { font-size: 1.25rem; }
-h4 { font-size: 1rem; }
-
-/* Utilities */
-.text-center { text-align: center; }
-.text-muted { color: #6c757d; }
-.mt-1 { margin-top: 0.25rem; }
-.mt-2 { margin-top: 0.5rem; }
-.mt-3 { margin-top: 1rem; }
-.mb-1 { margin-bottom: 0.25rem; }
-.mb-2 { margin-bottom: 0.5rem; }
-.mb-3 { margin-bottom: 1rem; }
-
-@media (prefers-color-scheme: dark) {
-  body {
-    background-color: #1e1e1e;
-    color: #e0e0e0;
-  }
-  
-  .sidebar {
-    background-color: #1a1a1a;
-  }
-}
diff --git a/oms-wms-erp/src/types/domains.ts b/oms-wms-erp/src/types/domains.ts
deleted file mode 100644
index 794cf844..00000000
--- a/oms-wms-erp/src/types/domains.ts
+++ /dev/null
@@ -1,235 +0,0 @@
-/**
- * Domain Metadata for DTOs
- *
- * Principle: SSOT (Single Source of Truth)
- * Each DTO column carries domain definition → FormField auto-infers input type
- *
- * Domain format: { type, format, enum?, min?, max?, step?, pattern? }
- * FormField uses this → schemaTypeToInputType() → HTML input type
- */
-
-export interface DomainMetadata {
-  type: 'string' | 'number' | 'integer' | 'boolean'
-  format?: 'email' | 'tel' | 'url' | 'date' | 'datetime-local' | 'time' |
-           'currency' | 'percentage' | 'sku' | 'longText' | 'text'
-  enum?: string[]
-  min?: number
-  max?: number
-  step?: number
-  pattern?: string
-  placeholder?: string
-  hint?: string
-}
-
-/**
- * Customer DTO Domain Definitions
- * Maps column name → input type via FormField
- */
-export const customerDomains: Record<string, DomainMetadata> = {
-  name: {
-    type: 'string',
-    format: 'text',
-    placeholder: 'Enter customer name',
-    hint: 'Full name of the customer'
-  },
-  email: {
-    type: 'string',
-    format: 'email',
-    placeholder: 'customer@example.com',
-    hint: 'Valid email address'
-  },
-  phone: {
-    type: 'string',
-    format: 'tel',
-    placeholder: '+82-10-1234-5678',
-    hint: 'Phone number with country code'
-  },
-  address: {
-    type: 'string',
-    format: 'text',
-    placeholder: 'Enter full address',
-    hint: 'Complete delivery address'
-  },
-  creditLimit: {
-    type: 'number',
-    min: 0,
-    max: 999999999,
-    step: 1,
-    placeholder: '0',
-    hint: 'Maximum credit amount in KRW'
-  },
-  status: {
-    type: 'string',
-    format: 'select',
-    enum: ['ACTIVE', 'INACTIVE', 'SUSPENDED'],
-    placeholder: 'Select status'
-  }
-}
-
-/**
- * Product DTO Domain Definitions
- */
-export const productDomains: Record<string, DomainMetadata> = {
-  sku: {
-    type: 'string',
-    format: 'sku',
-    placeholder: 'SKU-001',
-    hint: 'Unique stock keeping unit identifier',
-    pattern: '^[A-Z0-9\\-]+$'
-  },
-  name: {
-    type: 'string',
-    format: 'text',
-    placeholder: 'Enter product name',
-    hint: 'Full name of the product'
-  },
-  category: {
-    type: 'string',
-    format: 'select',
-    enum: ['ELECTRONICS', 'CLOTHING', 'FOOD', 'FURNITURE', 'OTHER'],
-    placeholder: 'Select category'
-  },
-  price: {
-    type: 'number',
-    format: 'currency',
-    min: 0.01,
-    max: 999999999.99,
-    step: 0.01,
-    placeholder: '0.00',
-    hint: 'Selling price in KRW'
-  },
-  costPrice: {
-    type: 'number',
-    format: 'currency',
-    min: 0,
-    max: 999999999.99,
-    step: 0.01,
-    placeholder: '0.00',
-    hint: 'Cost price in KRW'
-  },
-  description: {
-    type: 'string',
-    format: 'longText',
-    placeholder: 'Enter detailed product description...',
-    hint: 'Detailed description (multiple lines allowed)'
-  },
-  status: {
-    type: 'string',
-    format: 'select',
-    enum: ['ACTIVE', 'INACTIVE', 'DISCONTINUED'],
-    placeholder: 'Select status'
-  },
-  inventory: {
-    type: 'number',
-    min: 0,
-    max: 999999,
-    step: 1,
-    placeholder: '0',
-    hint: 'Current stock quantity'
-  }
-}
-
-/**
- * Warehouse DTO Domain Definitions
- */
-export const warehouseDomains: Record<string, DomainMetadata> = {
-  name: {
-    type: 'string',
-    format: 'text',
-    placeholder: 'Warehouse A',
-    hint: 'Name of the warehouse'
-  },
-  location: {
-    type: 'string',
-    format: 'text',
-    placeholder: 'Seoul, Building 5, Floor 3',
-    hint: 'Physical location or address'
-  },
-  capacity: {
-    type: 'number',
-    min: 1,
-    max: 9999999,
-    step: 1,
-    placeholder: '1000',
-    hint: 'Total capacity (unit: pallets or boxes)'
-  },
-  currentUsage: {
-    type: 'number',
-    min: 0,
-    max: 9999999,
-    step: 1,
-    placeholder: '0',
-    hint: 'Current usage'
-  },
-  manager: {
-    type: 'string',
-    format: 'text',
-    placeholder: 'Manager name',
-    hint: 'Name of warehouse manager'
-  },
-  contactEmail: {
-    type: 'string',
-    format: 'email',
-    placeholder: 'manager@warehouse.com',
-    hint: 'Email for warehouse contact'
-  },
-  status: {
-    type: 'string',
-    format: 'select',
-    enum: ['ACTIVE', 'MAINTENANCE', 'INACTIVE'],
-    placeholder: 'Select status'
-  }
-}
-
-/**
- * Order DTO Domain Definitions
- */
-export const orderDomains: Record<string, DomainMetadata> = {
-  customerId: {
-    type: 'string',
-    format: 'select',
-    placeholder: 'Select customer'
-  },
-  orderDate: {
-    type: 'string',
-    format: 'date',
-    placeholder: 'YYYY-MM-DD',
-    hint: 'Order creation date'
-  },
-  dueDate: {
-    type: 'string',
-    format: 'date',
-    placeholder: 'YYYY-MM-DD',
-    hint: 'Expected delivery date'
-  },
-  status: {
-    type: 'string',
-    format: 'select',
-    enum: ['DRAFT', 'PENDING', 'CONFIRMED', 'SHIPPED', 'DELIVERED', 'CANCELLED'],
-    placeholder: 'Select status'
-  }
-}
-
-/**
- * Helper: Get domain metadata for a column
- * Automatically binds to FormField props
- */
-export function getDomainProps(domainMap: Record<string, DomainMetadata>, column: string) {
-  const domain = domainMap[column]
-  if (!domain) {
-    console.warn(`[getDomainProps] Column '${column}' not found in domain map`)
-    return { type: 'string' }
-  }
-
-  return {
-    schemaType: domain.type,
-    schemaFormat: domain.format,
-    enumValues: domain.enum,
-    min: domain.min,
-    max: domain.max,
-    step: domain.step,
-    pattern: domain.pattern,
-    placeholder: domain.placeholder,
-    hint: domain.hint
-  }
-}
diff --git a/oms-wms-erp/src/types/schemas.ts b/oms-wms-erp/src/types/schemas.ts
deleted file mode 100644
index 37dd7720..00000000
--- a/oms-wms-erp/src/types/schemas.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-import { z } from 'zod'
-
-/**
- * TEMPORARY: Local Zod schemas for client-side validation
- *
- * When backend server is ready, these will be REMOVED and replaced with:
- * - Backend: OpenAPI spec (spec/63_oms_wms_erp_api_openapi.yaml)
- * - Client: Generated types via openapi-generator or codegen
- *
- * This ensures Single Source of Truth (SSOT) principle:
- * Server owns DTO definitions, not duplicated in client.
- */
-
-export const customerSchema = z.object({
-  name: z.string().min(1, '고객명은 필수입니다'),
-  email: z.string().email('유효한 이메일을 입력하세요').optional().or(z.literal('')),
-  phone: z.string().optional().or(z.literal('')),
-  address: z.string().optional().or(z.literal('')),
-  creditLimit: z.number().nonnegative('신용한도는 0 이상이어야 합니다'),
-  status: z.enum(['ACTIVE', 'INACTIVE', 'SUSPENDED'])
-})
-
-export const warehouseSchema = z.object({
-  name: z.string().min(1, '창고명은 필수입니다'),
-  location: z.string().min(1, '위치는 필수입니다'),
-  capacity: z.number().positive('용량은 0보다 커야 합니다'),
-  currentUsage: z.number().nonnegative('현재 사용량은 0 이상이어야 합니다'),
-  manager: z.string().optional().or(z.literal('')),
-  contactEmail: z.string().email('유효한 이메일을 입력하세요').optional().or(z.literal('')),
-  status: z.enum(['ACTIVE', 'MAINTENANCE', 'INACTIVE'])
-})
-
-export const orderSchema = z.object({
-  customerId: z.string().min(1, '고객 선택은 필수입니다'),
-  orderDate: z.string().refine(d => !isNaN(Date.parse(d)), '유효한 날짜를 입력하세요'),
-  dueDate: z.string().refine(d => !isNaN(Date.parse(d)), '유효한 날짜를 입력하세요'),
-  items: z.array(z.object({
-    id: z.string(),
-    productSku: z.string(),
-    quantity: z.number().positive('수량은 0보다 커야 합니다'),
-    unitPrice: z.number().nonnegative('단가는 0 이상이어야 합니다'),
-    lineTotal: z.number().nonnegative()
-  })).min(1, '최소 1개 이상의 아이템이 필요합니다'),
-  status: z.enum(['DRAFT', 'PENDING', 'CONFIRMED', 'SHIPPED', 'DELIVERED', 'CANCELLED'])
-})
-
-export const productSchema = z.object({
-  sku: z.string().min(1, 'SKU는 필수입니다').max(50),
-  name: z.string().min(1, '제품명은 필수입니다'),
-  category: z.string().min(1, '카테고리 선택은 필수입니다'),
-  price: z.number().positive('가격은 0보다 커야 합니다'),
-  costPrice: z.number().nonnegative('원가는 0 이상이어야 합니다'),
-  description: z.string().optional().or(z.literal('')),
-  status: z.enum(['ACTIVE', 'INACTIVE', 'DISCONTINUED']),
-  inventory: z.number().nonnegative('재고는 0 이상이어야 합니다')
-})
-
-export type CustomerFormData = z.infer<typeof customerSchema>
-export type WarehouseFormData = z.infer<typeof warehouseSchema>
-export type OrderFormData = z.infer<typeof orderSchema>
-export type ProductFormData = z.infer<typeof productSchema>
-
-export function validateForm<T>(schema: z.ZodSchema<T>, data: unknown): { valid: boolean; errors: Record<string, string> } {
-  try {
-    schema.parse(data)
-    return { valid: true, errors: {} }
-  } catch (error) {
-    if (error instanceof z.ZodError) {
-      const errors: Record<string, string> = {}
-      error.errors.forEach(err => {
-        const path = err.path.join('.')
-        errors[path] = err.message
-      })
-      return { valid: false, errors }
-    }
-    return { valid: false, errors: { form: '유효성 검사 오류가 발생했습니다' } }
-  }
-}
diff --git a/oms-wms-erp/src/utils/errors.ts b/oms-wms-erp/src/utils/errors.ts
deleted file mode 100644
index 2302e4b1..00000000
--- a/oms-wms-erp/src/utils/errors.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-/**
- * Application error handling
- * P3: Error Handling (User-Centric)
- */
-
-export class ApiError extends Error {
-  constructor(
-    public statusCode: number,
-    message: string,
-    public details?: Record<string, any>
-  ) {
-    super(message)
-    this.name = 'ApiError'
-  }
-
-  toUserMessage(): string {
-    switch (this.statusCode) {
-      case 400: return '입력 정보를 확인하세요'
-      case 401: return '로그인이 필요합니다'
-      case 403: return '접근 권한이 없습니다'
-      case 404: return '요청한 항목을 찾을 수 없습니다'
-      case 409: return '데이터 충돌이 발생했습니다 (중복 또는 버전 불일치)'
-      case 500: return '서버 오류가 발생했습니다'
-      default: return this.message || '알 수 없는 오류가 발생했습니다'
-    }
-  }
-}
-
-export class ValidationError extends ApiError {
-  constructor(public fieldErrors: Record<string, string>) {
-    super(400, '유효성 검사에 실패했습니다')
-    this.name = 'ValidationError'
-  }
-}
-
-export class NetworkError extends ApiError {
-  constructor(message: string = '네트워크 연결 오류') {
-    super(0, message)
-    this.name = 'NetworkError'
-  }
-}
diff --git a/oms-wms-erp/src/utils/fieldTypes.ts b/oms-wms-erp/src/utils/fieldTypes.ts
deleted file mode 100644
index 87b3a9c9..00000000
--- a/oms-wms-erp/src/utils/fieldTypes.ts
+++ /dev/null
@@ -1,158 +0,0 @@
-/**
- * Field type inference utility
- * Automatically determines input type from TypeScript/JSON schema types
- *
- * Principle: Standardization + Automation
- * DTO types → Input types (single source of truth)
- */
-
-export type InputType =
-  | 'text'
-  | 'email'
-  | 'tel'
-  | 'url'
-  | 'number'
-  | 'date'
-  | 'datetime-local'
-  | 'time'
-  | 'checkbox'
-  | 'select'
-  | 'textarea'
-
-/**
- * JSON Schema type to HTML input type mapping
- */
-export const schemaTypeToInputType = (
-  type: string | undefined,
-  format?: string,
-  enumValues?: any[]
-): InputType => {
-  // 열거형 → select
-  if (enumValues && enumValues.length > 0) {
-    return 'select'
-  }
-
-  // 불린 → checkbox
-  if (type === 'boolean') {
-    return 'checkbox'
-  }
-
-  // 숫자 → number
-  if (type === 'number' || type === 'integer') {
-    return 'number'
-  }
-
-  // 형식 지정자 → 특화된 타입
-  if (format) {
-    switch (format) {
-      case 'email': return 'email'
-      case 'uri':
-      case 'url': return 'url'
-      case 'phone':
-      case 'tel': return 'tel'
-      case 'date': return 'date'
-      case 'date-time':
-      case 'datetime': return 'datetime-local'
-      case 'time': return 'time'
-      case 'textarea':
-      case 'long-text': return 'textarea'
-    }
-  }
-
-  // 키워드 기반 추론
-  const lowerType = type?.toLowerCase() || ''
-  if (lowerType.includes('email')) return 'email'
-  if (lowerType.includes('phone') || lowerType.includes('tel')) return 'tel'
-  if (lowerType.includes('url') || lowerType.includes('uri')) return 'url'
-  if (lowerType.includes('date')) return 'date'
-  if (lowerType.includes('time')) return 'time'
-  if (lowerType.includes('text') || lowerType.includes('description')) return 'textarea'
-
-  // 기본값
-  return 'text'
-}
-
-/**
- * Get field metadata from TypeScript type
- *
- * Example:
- * type Customer = { name: string; email: string; age: number }
- * → getFieldType('Customer', 'email') → { type: 'email', required: true }
- */
-export interface FieldMetadata {
-  inputType: InputType
-  required: boolean
-  placeholder?: string
-  hint?: string
-  max?: number
-  min?: number
-  pattern?: string
-}
-
-/**
- * Infer field properties from JSON schema property
- */
-export const getFieldMetadata = (
-  property: {
-    type?: string
-    format?: string
-    enum?: any[]
-    description?: string
-    minLength?: number
-    maxLength?: number
-    minimum?: number
-    maximum?: number
-    pattern?: string
-  } = {},
-  required: boolean = false
-): FieldMetadata => {
-  const inputType = schemaTypeToInputType(
-    property.type,
-    property.format,
-    property.enum
-  )
-
-  return {
-    inputType,
-    required,
-    placeholder: property.description,
-    hint: property.description,
-    min: property.minimum,
-    max: property.maximum,
-    pattern: property.pattern
-  }
-}
-
-/**
- * Get hint text based on input type
- */
-export const getHintText = (
-  inputType: InputType,
-  constraints?: { min?: number; max?: number; pattern?: string }
-): string => {
-  const hints: Record<InputType, string> = {
-    email: 'Enter valid email address (example@domain.com)',
-    tel: 'Enter phone number with country code if applicable',
-    url: 'Enter full URL starting with http:// or https://',
-    number: constraints?.max ? `Enter number between ${constraints.min || 0} and ${constraints.max}` : 'Enter a number',
-    date: 'Select a date (YYYY-MM-DD)',
-    'datetime-local': 'Select date and time',
-    time: 'Select time (HH:MM)',
-    checkbox: 'Check this box to confirm',
-    select: 'Choose an option from the list',
-    textarea: 'Enter detailed description (multiple lines allowed)',
-    text: 'Enter text'
-  }
-
-  return hints[inputType] || ''
-}
-
-/**
- * OpenAPI schema component reference resolver
- * Converts $ref paths to actual type names
- *
- * Example: "#/components/schemas/Customer" → "Customer"
- */
-export const resolveSchemaRef = (ref: string): string => {
-  return ref.split('/').pop() || ref
-}
diff --git a/oms-wms-erp/src/views/Customer/CustomerForm.vue b/oms-wms-erp/src/views/Customer/CustomerForm.vue
deleted file mode 100644
index 49a4ce8e..00000000
--- a/oms-wms-erp/src/views/Customer/CustomerForm.vue
+++ /dev/null
@@ -1,217 +0,0 @@
-<template>
-  <div class="page">
-    <div class="page-wrapper">
-      <div class="container-xl">
-        <div class="page-header d-print-none">
-          <div class="row align-items-center">
-            <div class="col">
-              <h2 class="page-title">{{ isEdit ? 'Edit Customer' : 'Create Customer' }}</h2>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="page-body">
-        <div class="container-xl">
-          <div class="card">
-            <div class="card-body">
-              <form @submit.prevent="handleSubmit" class="form">
-                <FormField
-                  v-model="form.name"
-                  field-id="name"
-                  label="Name"
-                  schema-type="string"
-                  :error="errors.name"
-                  required
-                />
-
-                <FormField
-                  v-model="form.email"
-                  field-id="email"
-                  label="Email"
-                  schema-type="string"
-                  schema-format="email"
-                  :error="errors.email"
-                />
-
-                <FormField
-                  v-model="form.phone"
-                  field-id="phone"
-                  label="Phone"
-                  schema-type="string"
-                  schema-format="tel"
-                  :error="errors.phone"
-                />
-
-                <FormField
-                  v-model="form.address"
-                  field-id="address"
-                  label="Address"
-                  schema-type="string"
-                  :error="errors.address"
-                />
-
-                <FormField
-                  v-model.number="form.creditLimit"
-                  field-id="creditLimit"
-                  label="Credit Limit"
-                  schema-type="number"
-                  :min="0"
-                  :max="999999999"
-                  :error="errors.creditLimit"
-                />
-
-                <FormField
-                  v-model="form.status"
-                  field-id="status"
-                  label="Status"
-                  type="select"
-                  :error="errors.status"
-                >
-                  <template #options>
-                    <option value="ACTIVE">Active</option>
-                    <option value="INACTIVE">Inactive</option>
-                    <option value="SUSPENDED">Suspended</option>
-                  </template>
-                </FormField>
-
-                <div v-if="errors.form" class="alert alert-danger" role="alert">
-                  {{ errors.form }}
-                </div>
-
-                <div class="form-footer">
-                  <router-link to="/admin/customers" class="btn btn-secondary">Cancel</router-link>
-                  <button type="submit" class="btn btn-primary" :disabled="loading">
-                    {{ isEdit ? 'Update' : 'Create' }}
-                  </button>
-                  <button v-if="isEdit" type="button" class="btn btn-danger" @click="handleDelete">Delete</button>
-                </div>
-              </form>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue'
-import { useRouter, useRoute } from 'vue-router'
-import { useCustomerStore, type Customer } from '@/stores'
-import { customerSchema, validateForm } from '@/types/schemas'
-import FormField from '@/components/primitives/FormField.vue'
-
-const router = useRouter()
-const route = useRoute()
-const customerStore = useCustomerStore()
-
-const isEdit = computed(() => !!route.params.id)
-const loading = ref(false)
-const errors = ref<Record<string, string>>({})
-
-const form = ref({
-  name: '',
-  email: '',
-  phone: '',
-  address: '',
-  creditLimit: 0,
-  status: 'ACTIVE'
-})
-
-const handleSubmit = async () => {
-  errors.value = {}
-  const validation = validateForm(customerSchema, form.value)
-
-  if (!validation.valid) {
-    errors.value = validation.errors
-    return
-  }
-
-  loading.value = true
-  try {
-    if (isEdit.value) {
-      await customerStore.updateCustomer(route.params.id as string, form.value as Partial<Customer>)
-    } else {
-      await customerStore.createCustomer(form.value as Partial<Customer>)
-    }
-    router.push('/admin/customers')
-  } catch (error) {
-    errors.value.form = error instanceof Error ? error.message : '저장 중 오류가 발생했습니다'
-  } finally {
-    loading.value = false
-  }
-}
-
-const handleDelete = async () => {
-  if (confirm('이 고객을 삭제하시겠습니까?')) {
-    loading.value = true
-    try {
-      await customerStore.deleteCustomer(route.params.id as string)
-      router.push('/admin/customers')
-    } catch (error) {
-      errors.value.form = error instanceof Error ? error.message : '삭제 중 오류가 발생했습니다'
-    } finally {
-      loading.value = false
-    }
-  }
-}
-</script>
-
-<style scoped>
-.page { padding: 2rem; }
-.form { max-width: 600px; }
-.mb-3 { margin-bottom: 1rem; }
-.form-label { display: block; font-weight: 600; margin-bottom: 0.5rem; }
-.form-control {
-  width: 100%;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid #dee2e6;
-  border-radius: 4px;
-  font-size: 1rem;
-}
-.form-control:focus {
-  outline: none;
-  border-color: #0d6efd;
-  box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.25);
-}
-.form-footer {
-  display: flex;
-  gap: 1rem;
-  margin-top: 2rem;
-}
-.btn {
-  padding: 0.5rem 1rem;
-  border: none;
-  border-radius: 4px;
-  font-weight: 600;
-  cursor: pointer;
-  text-decoration: none;
-  display: inline-block;
-  transition: all 0.2s;
-}
-.btn-primary {
-  background-color: #0d6efd;
-  color: white;
-}
-.btn-primary:hover {
-  background-color: #0b5ed7;
-}
-.btn-secondary {
-  background-color: #6c757d;
-  color: white;
-}
-.btn-secondary:hover {
-  background-color: #5c636a;
-}
-.btn-danger {
-  background-color: #dc3545;
-  color: white;
-}
-.btn-danger:hover {
-  background-color: #bb2d3b;
-}
-.btn:disabled {
-  opacity: 0.65;
-  cursor: not-allowed;
-}
-</style>
diff --git a/oms-wms-erp/src/views/Customer/CustomerList.vue b/oms-wms-erp/src/views/Customer/CustomerList.vue
deleted file mode 100644
index 95ec64aa..00000000
--- a/oms-wms-erp/src/views/Customer/CustomerList.vue
+++ /dev/null
@@ -1,110 +0,0 @@
-<template>
-  <div class="page">
-    <div class="page-wrapper">
-      <div class="container-xl">
-        <div class="page-header d-print-none">
-          <div class="row align-items-center">
-            <div class="col">
-              <h2 class="page-title">Customers</h2>
-            </div>
-            <div class="col-auto ms-auto d-print-none">
-              <router-link to="/admin/customers/new" class="btn btn-primary">
-                ➕ Create Customer
-              </router-link>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="page-body">
-        <div class="container-xl">
-          <div class="card">
-            <div class="card-body">
-              <div v-if="loading" class="text-center py-4">
-                <div class="spinner-border spinner-border-sm" role="status">
-                  <span class="visually-hidden">Loading...</span>
-                </div>
-              </div>
-
-              <AccessibleTable
-                v-else
-                :columns="tableColumns"
-                :rows="customers"
-                caption="Customer list with edit and delete actions"
-              >
-                <template #cell-email="{ value }">
-                  <a :href="`mailto:${value}`">{{ value }}</a>
-                </template>
-
-                <template #cell-status="{ row }">
-                  <span :class="['badge', `badge-${statusColor(row.status)}`]">
-                    {{ row.status }}
-                  </span>
-                </template>
-
-                <template #cell-creditLimit="{ row }">
-                  ${{ row.creditLimit.toLocaleString() }}
-                </template>
-
-                <template #cell-actions="{ row }">
-                  <div class="btn-group btn-group-sm" role="group">
-                    <router-link :to="`/admin/customers/${row.id}/edit`" class="btn btn-sm btn-primary">
-                      Edit
-                    </router-link>
-                    <button type="button" class="btn btn-sm btn-danger" @click="deleteCustomer(row.id)">
-                      Delete
-                    </button>
-                  </div>
-                </template>
-
-                <template #empty>
-                  <small>
-                    No customers yet.
-                    <router-link to="/admin/customers/new">Create your first customer</router-link>
-                    to get started.
-                  </small>
-                </template>
-              </AccessibleTable>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { onMounted, ref } from 'vue'
-import { useCustomerStore } from '@/stores'
-import AccessibleTable from '@/components/primitives/AccessibleTable.vue'
-
-const customerStore = useCustomerStore()
-const { customers, loading } = customerStore
-
-const tableColumns = ref([
-  { key: 'name', label: 'Customer Name', sortable: true },
-  { key: 'email', label: 'Email', sortable: true },
-  { key: 'phone', label: 'Phone' },
-  { key: 'status', label: 'Status', sortable: true },
-  { key: 'creditLimit', label: 'Credit Limit', align: 'right' },
-  { key: 'actions', label: 'Actions' }
-])
-
-onMounted(async () => {
-  await customerStore.fetchCustomers()
-})
-
-const statusColor = (status: string) => {
-  switch (status) {
-    case 'ACTIVE': return 'success'
-    case 'INACTIVE': return 'secondary'
-    case 'SUSPENDED': return 'danger'
-    default: return 'info'
-  }
-}
-
-const deleteCustomer = async (customerId: string) => {
-  if (confirm('이 고객을 삭제하시겠습니까?')) {
-    await customerStore.deleteCustomer(customerId)
-  }
-}
-</script>
diff --git a/oms-wms-erp/src/views/Home.vue b/oms-wms-erp/src/views/Home.vue
deleted file mode 100644
index 02090e17..00000000
--- a/oms-wms-erp/src/views/Home.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-<template>
-  <div class="page">
-    <div class="page-wrapper">
-      <div class="container-xl">
-        <div class="page-header d-print-none">
-          <div class="row align-items-center">
-            <div class="col">
-              <h2 class="page-title">Dashboard</h2>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="page-body">
-        <div class="container-xl">
-          <div class="row row-deck row-cards">
-            <!-- Status Cards -->
-            <div class="col-sm-6 col-lg-3">
-              <div class="card">
-                <div class="card-body">
-                  <div class="text-truncate">
-                    <h3 class="card-title">Orders</h3>
-                  </div>
-                  <div class="text-end text-muted mt-4">
-                    <div class="text-muted text-sm">0 total</div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="col-sm-6 col-lg-3">
-              <div class="card">
-                <div class="card-body">
-                  <div class="text-truncate">
-                    <h3 class="card-title">Inventory Items</h3>
-                  </div>
-                  <div class="text-end text-muted mt-4">
-                    <div class="text-muted text-sm">0 total</div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="col-sm-6 col-lg-3">
-              <div class="card">
-                <div class="card-body">
-                  <div class="text-truncate">
-                    <h3 class="card-title">Products</h3>
-                  </div>
-                  <div class="text-end text-muted mt-4">
-                    <div class="text-muted text-sm">0 total</div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="col-sm-6 col-lg-3">
-              <div class="card">
-                <div class="card-body">
-                  <div class="text-truncate">
-                    <h3 class="card-title">Customers</h3>
-                  </div>
-                  <div class="text-end text-muted mt-4">
-                    <div class="text-muted text-sm">0 total</div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <!-- Quick Start -->
-          <div class="row row-cards mt-4">
-            <div class="col-12">
-              <div class="card">
-                <div class="card-header">
-                  <h3 class="card-title">Phase 1: Dev Environment Setup</h3>
-                </div>
-                <div class="card-body">
-                  <div class="alert alert-info">
-                    <strong>Status:</strong> ✅ Vite + Vue 3 + TypeScript configured
-                    <br />
-                    <strong>Next:</strong> Create 30 Primitive components in Phase 2
-                  </div>
-                  <h4>Quick Links</h4>
-                  <ul>
-                    <li><router-link to="/admin/orders">Orders</router-link></li>
-                    <li><router-link to="/admin/inventory">Inventory</router-link></li>
-                    <li><router-link to="/admin/products">Products</router-link></li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-// Dashboard logic here
-</script>
diff --git a/oms-wms-erp/src/views/Inventory/InventoryList.vue b/oms-wms-erp/src/views/Inventory/InventoryList.vue
deleted file mode 100644
index fc047fd8..00000000
--- a/oms-wms-erp/src/views/Inventory/InventoryList.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<template>
-  <div class="page">
-    <div class="page-wrapper">
-      <div class="container-xl">
-        <div class="page-header d-print-none">
-          <div class="row align-items-center">
-            <div class="col">
-              <h2 class="page-title">Inventory</h2>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="page-body">
-        <div class="container-xl">
-          <div class="card">
-            <div class="table-responsive">
-              <table class="table card-table table-vcenter">
-                <thead>
-                  <tr>
-                    <th>Product</th>
-                    <th>Warehouse</th>
-                    <th>On Hand</th>
-                    <th>Reserved</th>
-                    <th>Available</th>
-                    <th class="w-1">Actions</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr>
-                    <td colspan="6" class="text-center text-muted py-4">
-                      <small>No inventory records yet.</small>
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-// Inventory list logic
-</script>
diff --git a/oms-wms-erp/src/views/LoginPage.vue b/oms-wms-erp/src/views/LoginPage.vue
deleted file mode 100644
index 77f59605..00000000
--- a/oms-wms-erp/src/views/LoginPage.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<template>
-  <div class="login-page">
-    <div class="login-box">
-      <h1>OMS·WMS·ERP</h1>
-      <form @submit.prevent="handleLogin" class="login-form">
-        <div class="form-group">
-          <label>Username</label>
-          <input v-model="username" type="text" placeholder="admin" required />
-        </div>
-        <div class="form-group">
-          <label>Password</label>
-          <input v-model="password" type="password" placeholder="password" required />
-        </div>
-        <button type="submit" class="btn btn-primary btn-block" :disabled="loading">
-          {{ loading ? "Logging in..." : "Login" }}
-        </button>
-      </form>
-      <p v-if="error" class="error">{{ error }}</p>
-      <p class="hint">Demo: username: admin, password: password</p>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from "vue"
-import { useRouter } from "vue-router"
-import { useAuthStore } from "@/stores"
-
-const router = useRouter()
-const authStore = useAuthStore()
-
-const username = ref("admin")
-const password = ref("password")
-const loading = ref(false)
-const error = ref("")
-
-const handleLogin = async () => {
-  loading.value = true
-  error.value = ""
-  try {
-    await authStore.login(username.value, password.value)
-    router.push("/admin/dashboard")
-  } catch (err) {
-    error.value = (err as Error).message
-  } finally {
-    loading.value = false
-  }
-}
-</script>
-
-<style scoped>
-.login-page {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 100vh;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-}
-
-.login-box {
-  background: white;
-  padding: 2rem;
-  border-radius: 8px;
-  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
-  width: 100%;
-  max-width: 400px;
-}
-
-.login-box h1 {
-  text-align: center;
-  margin-bottom: 2rem;
-  color: #667eea;
-}
-
-.login-form {
-  display: flex;
-  flex-direction: column;
-}
-
-.form-group {
-  margin-bottom: 1rem;
-}
-
-.form-group label {
-  display: block;
-  margin-bottom: 0.5rem;
-  font-weight: 500;
-  color: #333;
-}
-
-.form-group input {
-  width: 100%;
-  padding: 0.75rem;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-  font-size: 1rem;
-}
-
-.form-group input:focus {
-  outline: none;
-  border-color: #667eea;
-  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
-}
-
-.btn {
-  padding: 0.75rem 1rem;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  font-weight: 600;
-  transition: all 0.2s;
-}
-
-.btn-primary {
-  background-color: #667eea;
-  color: white;
-}
-
-.btn-primary:hover:not(:disabled) {
-  background-color: #5568d3;
-}
-
-.btn:disabled {
-  opacity: 0.65;
-  cursor: not-allowed;
-}
-
-.btn-block {
-  width: 100%;
-  margin-top: 1rem;
-}
-
-.error {
-  color: #dc3545;
-  text-align: center;
-  margin-top: 1rem;
-}
-
-.hint {
-  text-align: center;
-  color: #999;
-  font-size: 0.875rem;
-  margin-top: 1rem;
-}
-</style>
diff --git a/oms-wms-erp/src/views/NotFound.vue b/oms-wms-erp/src/views/NotFound.vue
deleted file mode 100644
index 461cc3e7..00000000
--- a/oms-wms-erp/src/views/NotFound.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-  <div class="page page-center">
-    <div class="container container-tight py-4">
-      <div class="text-center mb-3">
-        <a href="/" class="navbar-brand">
-          <span class="badge bg-primary">404</span>
-        </a>
-      </div>
-      <div class="empty">
-        <div class="empty-header">404</div>
-        <p class="empty-title">Page not found</p>
-        <p class="empty-subtitle text-muted">
-          Sorry, the page you are looking for doesn't exist or has been moved.
-        </p>
-        <div class="empty-action">
-          <router-link to="/" class="btn btn-primary">Go to home</router-link>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-// 404 page
-</script>
diff --git a/oms-wms-erp/src/views/Order/OrderList.vue b/oms-wms-erp/src/views/Order/OrderList.vue
deleted file mode 100644
index c96accbd..00000000
--- a/oms-wms-erp/src/views/Order/OrderList.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<template>
-  <div class="page">
-    <div class="page-wrapper">
-      <div class="container-xl">
-        <div class="page-header d-print-none">
-          <div class="row align-items-center">
-            <div class="col">
-              <h2 class="page-title">Orders</h2>
-            </div>
-            <div class="col-auto ms-auto d-print-none">
-              <router-link to="/admin/orders/new" class="btn btn-primary">
-                <span class="btn-icon d-md-none">➕</span>
-                <span class="d-none d-md-inline">Create Order</span>
-              </router-link>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="page-body">
-        <div class="container-xl">
-          <div class="card">
-            <div class="table-responsive">
-              <table class="table card-table table-vcenter">
-                <thead>
-                  <tr>
-                    <th>Order No</th>
-                    <th>Customer</th>
-                    <th>Amount</th>
-                    <th>Status</th>
-                    <th>Date</th>
-                    <th class="w-1">Actions</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr>
-                    <td colspan="6" class="text-center text-muted py-4">
-                      <small>No orders yet. Create your first order to get started.</small>
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-// Order list logic
-</script>
diff --git a/oms-wms-erp/src/views/Product/ProductList.vue b/oms-wms-erp/src/views/Product/ProductList.vue
deleted file mode 100644
index 0b148ac9..00000000
--- a/oms-wms-erp/src/views/Product/ProductList.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<template>
-  <div class="page">
-    <div class="page-wrapper">
-      <div class="container-xl">
-        <div class="page-header d-print-none">
-          <div class="row align-items-center">
-            <div class="col">
-              <h2 class="page-title">Products</h2>
-            </div>
-            <div class="col-auto ms-auto d-print-none">
-              <router-link to="/admin/products/new" class="btn btn-primary">
-                <span class="btn-icon d-md-none">➕</span>
-                <span class="d-none d-md-inline">Create Product</span>
-              </router-link>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="page-body">
-        <div class="container-xl">
-          <div class="card">
-            <div class="table-responsive">
-              <table class="table card-table table-vcenter">
-                <thead>
-                  <tr>
-                    <th>SKU</th>
-                    <th>Name</th>
-                    <th>Category</th>
-                    <th>Status</th>
-                    <th class="w-1">Actions</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr>
-                    <td colspan="5" class="text-center text-muted py-4">
-                      <small>No products yet. Create your first product to get started.</small>
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-// Product list logic
-</script>
diff --git a/oms-wms-erp/src/views/Warehouse/WarehouseForm.vue b/oms-wms-erp/src/views/Warehouse/WarehouseForm.vue
deleted file mode 100644
index d78f1fd0..00000000
--- a/oms-wms-erp/src/views/Warehouse/WarehouseForm.vue
+++ /dev/null
@@ -1,179 +0,0 @@
-<template>
-  <div class="page">
-    <div class="page-wrapper">
-      <div class="container-xl">
-        <div class="page-header d-print-none">
-          <div class="row align-items-center">
-            <div class="col">
-              <h2 class="page-title">{{ isEdit ? 'Edit Warehouse' : 'Create Warehouse' }}</h2>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="page-body">
-        <div class="container-xl">
-          <div class="card">
-            <div class="card-body">
-              <form @submit.prevent="handleSubmit" class="form">
-                <div class="mb-3">
-                  <label class="form-label">Name *</label>
-                  <input v-model="form.name" type="text" class="form-control" required />
-                </div>
-
-                <div class="mb-3">
-                  <label class="form-label">Location *</label>
-                  <input v-model="form.location" type="text" class="form-control" required />
-                </div>
-
-                <div class="mb-3">
-                  <label class="form-label">Capacity (units) *</label>
-                  <input v-model="form.capacity" type="number" class="form-control" step="0.01" required />
-                </div>
-
-                <div class="mb-3">
-                  <label class="form-label">Current Usage (units)</label>
-                  <input v-model="form.currentUsage" type="number" class="form-control" step="0.01" />
-                </div>
-
-                <div class="mb-3">
-                  <label class="form-label">Manager</label>
-                  <input v-model="form.manager" type="text" class="form-control" />
-                </div>
-
-                <div class="mb-3">
-                  <label class="form-label">Contact Email</label>
-                  <input v-model="form.contactEmail" type="email" class="form-control" />
-                </div>
-
-                <div class="mb-3">
-                  <label class="form-label">Status</label>
-                  <select v-model="form.status" class="form-control">
-                    <option value="ACTIVE">Active</option>
-                    <option value="MAINTENANCE">Maintenance</option>
-                    <option value="INACTIVE">Inactive</option>
-                  </select>
-                </div>
-
-                <div class="form-footer">
-                  <router-link to="/admin/warehouses" class="btn btn-secondary">Cancel</router-link>
-                  <button type="submit" class="btn btn-primary" :disabled="loading">
-                    {{ isEdit ? 'Update' : 'Create' }}
-                  </button>
-                  <button v-if="isEdit" type="button" class="btn btn-danger" @click="handleDelete">Delete</button>
-                </div>
-              </form>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue'
-import { useRouter, useRoute } from 'vue-router'
-import { useWarehouseStore, type Warehouse } from '@/stores'
-
-const router = useRouter()
-const route = useRoute()
-const warehouseStore = useWarehouseStore()
-
-const isEdit = computed(() => !!route.params.id)
-const loading = ref(false)
-
-const form = ref({
-  name: '',
-  location: '',
-  capacity: 0,
-  currentUsage: 0,
-  manager: '',
-  contactEmail: '',
-  status: 'ACTIVE'
-})
-
-const handleSubmit = async () => {
-  loading.value = true
-  try {
-    if (isEdit.value) {
-      await warehouseStore.updateWarehouse(route.params.id as string, form.value as Partial<Warehouse>)
-    } else {
-      await warehouseStore.createWarehouse(form.value as Partial<Warehouse>)
-    }
-    router.push('/admin/warehouses')
-  } finally {
-    loading.value = false
-  }
-}
-
-const handleDelete = async () => {
-  if (confirm('Delete this warehouse?')) {
-    loading.value = true
-    try {
-      await warehouseStore.deleteWarehouse(route.params.id as string)
-      router.push('/admin/warehouses')
-    } finally {
-      loading.value = false
-    }
-  }
-}
-</script>
-
-<style scoped>
-.page { padding: 2rem; }
-.form { max-width: 600px; }
-.mb-3 { margin-bottom: 1rem; }
-.form-label { display: block; font-weight: 600; margin-bottom: 0.5rem; }
-.form-control {
-  width: 100%;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid #dee2e6;
-  border-radius: 4px;
-  font-size: 1rem;
-}
-.form-control:focus {
-  outline: none;
-  border-color: #0d6efd;
-  box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.25);
-}
-.form-footer {
-  display: flex;
-  gap: 1rem;
-  margin-top: 2rem;
-}
-.btn {
-  padding: 0.5rem 1rem;
-  border: none;
-  border-radius: 4px;
-  font-weight: 600;
-  cursor: pointer;
-  text-decoration: none;
-  display: inline-block;
-  transition: all 0.2s;
-}
-.btn-primary {
-  background-color: #0d6efd;
-  color: white;
-}
-.btn-primary:hover {
-  background-color: #0b5ed7;
-}
-.btn-secondary {
-  background-color: #6c757d;
-  color: white;
-}
-.btn-secondary:hover {
-  background-color: #5c636a;
-}
-.btn-danger {
-  background-color: #dc3545;
-  color: white;
-}
-.btn-danger:hover {
-  background-color: #bb2d3b;
-}
-.btn:disabled {
-  opacity: 0.65;
-  cursor: not-allowed;
-}
-</style>
diff --git a/oms-wms-erp/src/views/Warehouse/WarehouseList.vue b/oms-wms-erp/src/views/Warehouse/WarehouseList.vue
deleted file mode 100644
index 5a2fef26..00000000
--- a/oms-wms-erp/src/views/Warehouse/WarehouseList.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<template>
-  <div class="page">
-    <div class="page-wrapper">
-      <div class="container-xl">
-        <div class="page-header d-print-none">
-          <div class="row align-items-center">
-            <div class="col">
-              <h2 class="page-title">Warehouses</h2>
-            </div>
-            <div class="col-auto ms-auto d-print-none">
-              <router-link to="/admin/warehouses/new" class="btn btn-primary">
-                ➕ Create Warehouse
-              </router-link>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="page-body">
-        <div class="container-xl">
-          <div class="card">
-            <div class="table-responsive">
-              <table class="table card-table table-vcenter">
-                <thead>
-                  <tr>
-                    <th>Name</th>
-                    <th>Location</th>
-                    <th>Capacity</th>
-                    <th>Current Usage</th>
-                    <th>Status</th>
-                    <th class="w-1">Actions</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr>
-                    <td colspan="6" class="text-center text-muted py-4">
-                      <small>No warehouses yet. Create your first warehouse to get started.</small>
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-// Warehouse list logic
-</script>
diff --git a/oms-wms-erp/src/views/admin${form}.vue b/oms-wms-erp/src/views/admin${form}.vue
deleted file mode 100644
index ca8c9109..00000000
--- a/oms-wms-erp/src/views/admin${form}.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<template>
-  <div class="page">
-    <h1>{{ isEdit ? 'Edit' : 'Create' }} ${FORM_NAME}</h1>
-    <form @submit.prevent="handleSubmit" class="form">
-      <div class="form-section">
-        <p>Form implementation for ${FORM_NAME}</p>
-        <p>Integrated with Pinia store</p>
-      </div>
-      <div class="form-actions">
-        <button type="button" class="btn btn-secondary" @click="$router.back()">Cancel</button>
-        <button type="submit" class="btn btn-primary">Save</button>
-      </div>
-    </form>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue'
-import { useRouter, useRoute } from 'vue-router'
-
-const router = useRouter()
-const route = useRoute()
-const isEdit = computed(() => !!route.params.id)
-
-const handleSubmit = async () => {
-  router.push('/admin')
-}
-</script>
-
-<style scoped>
-.page { padding: 2rem; }
-.form { max-width: 600px; }
-.form-section { background: #fff; border: 1px solid #dee2e6; padding: 1.5rem; margin-bottom: 1rem; }
-.form-actions { display: flex; gap: 1rem; }
-.btn { padding: 0.5rem 1rem; border: none; border-radius: 4px; cursor: pointer; }
-.btn-primary { background-color: #0d6efd; color: #fff; }
-.btn-secondary { background-color: #6c757d; color: #fff; }
-</style>
diff --git a/oms-wms-erp/src/views/admin${page}.vue b/oms-wms-erp/src/views/admin${page}.vue
deleted file mode 100644
index cbb4e793..00000000
--- a/oms-wms-erp/src/views/admin${page}.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<template>
-  <div class="page">
-    <h1>${PAGE_TITLE}</h1>
-    <div class="page-actions">
-      <button class="btn btn-primary">+ Create New</button>
-    </div>
-    <table class="table">
-      <thead>
-        <tr>
-          <th>ID</th>
-          <th>Name</th>
-          <th>Status</th>
-          <th>Actions</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <td colspan="4" class="text-center">No data available</td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { onMounted } from 'vue'
-
-onMounted(() => {
-  // Fetch data
-})
-</script>
-
-<style scoped>
-.page { padding: 2rem; }
-h1 { margin-bottom: 1rem; }
-.page-actions { margin-bottom: 1rem; }
-.btn { padding: 0.5rem 1rem; border: none; border-radius: 4px; cursor: pointer; }
-.btn-primary { background-color: #0d6efd; color: #fff; }
-.table { width: 100%; border-collapse: collapse; }
-.table th { background-color: #f8f9fa; padding: 0.75rem; font-weight: 600; }
-.table td { padding: 0.75rem; border-bottom: 1px solid #dee2e6; }
-.text-center { text-align: center; }
-</style>
diff --git a/oms-wms-erp/src/views/admin/Dashboard.vue b/oms-wms-erp/src/views/admin/Dashboard.vue
deleted file mode 100644
index 0969c0e4..00000000
--- a/oms-wms-erp/src/views/admin/Dashboard.vue
+++ /dev/null
@@ -1,253 +0,0 @@
-<template>
-  <div class="dashboard">
-    <h1>Dashboard</h1>
-
-    <!-- KPI Cards -->
-    <div class="kpi-grid">
-      <div class="kpi-card">
-        <div class="kpi-icon orders">📦</div>
-        <div class="kpi-content">
-          <h3>Total Orders</h3>
-          <p class="kpi-value">{{ orderStore.orderCount }}</p>
-          <p class="kpi-meta">{{ orderStore.totalOrderValue | formatCurrency }}</p>
-        </div>
-      </div>
-
-      <div class="kpi-card">
-        <div class="kpi-icon inventory">📊</div>
-        <div class="kpi-content">
-          <h3>Inventory Items</h3>
-          <p class="kpi-value">{{ inventoryStore.totalQuantity }}</p>
-          <p class="kpi-meta">{{ inventoryStore.lowStockItems.length }} low stock</p>
-        </div>
-      </div>
-
-      <div class="kpi-card">
-        <div class="kpi-icon customers">👥</div>
-        <div class="kpi-content">
-          <h3>Active Customers</h3>
-          <p class="kpi-value">{{ customerStore.activeCustomers.length }}</p>
-          <p class="kpi-meta">{{ customerStore.atRiskCustomers.length }} at risk</p>
-        </div>
-      </div>
-
-      <div class="kpi-card">
-        <div class="kpi-icon warehouses">🏭</div>
-        <div class="kpi-content">
-          <h3>Warehouse Capacity</h3>
-          <p class="kpi-value">{{ warehouseStore.capacityUsage.toFixed(1) }}%</p>
-          <p class="kpi-meta">{{ warehouseStore.overloadedWarehouses.length }} overloaded</p>
-        </div>
-      </div>
-    </div>
-
-    <!-- Recent Orders -->
-    <div class="section">
-      <h2>Recent Orders</h2>
-      <table v-if="orderStore.recentOrders.length > 0" class="table">
-        <thead>
-          <tr>
-            <th>Order #</th>
-            <th>Customer</th>
-            <th>Date</th>
-            <th>Total</th>
-            <th>Status</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr v-for="order in orderStore.recentOrders" :key="order.id">
-            <td>{{ order.orderNumber }}</td>
-            <td>{{ order.customerName }}</td>
-            <td>{{ order.orderDate }}</td>
-            <td>${{ order.total.toFixed(2) }}</td>
-            <td><span class="badge" :class="getStatusClass(order.status)">{{ order.status }}</span></td>
-          </tr>
-        </tbody>
-      </table>
-      <div v-else class="alert alert-info">No recent orders</div>
-    </div>
-
-    <!-- Low Stock Items -->
-    <div class="section">
-      <h2>Low Stock Alerts</h2>
-      <ul v-if="inventoryStore.lowStockItems.length > 0" class="alert-list">
-        <li v-for="item in inventoryStore.lowStockItems.slice(0, 5)" :key="item.id" class="alert-item">
-          <span class="alert-icon">⚠️</span>
-          <div>
-            <p class="alert-title">{{ item.productId }}</p>
-            <p class="alert-detail">Current: {{ item.quantity }} | Reorder: {{ item.reorderLevel }}</p>
-          </div>
-        </li>
-      </ul>
-      <div v-else class="alert alert-success">All inventory levels normal</div>
-    </div>
-
-    <!-- At-Risk Customers -->
-    <div class="section">
-      <h2>At-Risk Customers</h2>
-      <ul v-if="customerStore.atRiskCustomers.length > 0" class="alert-list">
-        <li v-for="customer in customerStore.atRiskCustomers.slice(0, 5)" :key="customer.id" class="alert-item">
-          <span class="alert-icon">🚨</span>
-          <div>
-            <p class="alert-title">{{ customer.name }}</p>
-            <p class="alert-detail">Credit Used: ${{ customer.creditUsed.toFixed(2) }} / ${{ customer.creditLimit.toFixed(2) }}</p>
-          </div>
-        </li>
-      </ul>
-      <div v-else class="alert alert-success">No at-risk customers</div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { onMounted } from 'vue'
-import { useOrderStore, useInventoryStore, useCustomerStore, useWarehouseStore } from '@/stores'
-
-const orderStore = useOrderStore()
-const inventoryStore = useInventoryStore()
-const customerStore = useCustomerStore()
-const warehouseStore = useWarehouseStore()
-
-onMounted(async () => {
-  await orderStore.fetchOrders()
-  await inventoryStore.fetchInventory()
-  await customerStore.fetchCustomers()
-  await warehouseStore.fetchWarehouses()
-})
-
-const getStatusClass = (status: string) => {
-  if (status === 'DELIVERED') return 'bg-success'
-  if (status === 'SHIPPED') return 'bg-info'
-  if (status === 'CONFIRMED') return 'bg-primary'
-  if (status === 'CANCELLED') return 'bg-danger'
-  return 'bg-secondary'
-}
-</script>
-
-<style scoped>
-.dashboard { padding: 2rem; }
-h1 { margin-bottom: 2rem; font-size: 2rem; font-weight: 600; }
-h2 { font-size: 1.25rem; margin-bottom: 1rem; font-weight: 600; }
-
-.kpi-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-  gap: 1.5rem;
-  margin-bottom: 3rem;
-}
-
-.kpi-card {
-  background: #fff;
-  border: 1px solid #dee2e6;
-  border-radius: 8px;
-  padding: 1.5rem;
-  display: flex;
-  gap: 1rem;
-  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
-  transition: all 0.2s;
-}
-
-.kpi-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
-
-.kpi-icon {
-  font-size: 2.5rem;
-  width: 60px;
-  height: 60px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 8px;
-}
-
-.kpi-icon.orders { background-color: #e3f2fd; }
-.kpi-icon.inventory { background-color: #f3e5f5; }
-.kpi-icon.customers { background-color: #e8f5e9; }
-.kpi-icon.warehouses { background-color: #fff3e0; }
-
-.kpi-content h3 { margin: 0; font-size: 0.875rem; color: #6c757d; font-weight: 500; }
-.kpi-value { margin: 0.5rem 0 0; font-size: 1.75rem; font-weight: 700; }
-.kpi-meta { margin: 0.25rem 0 0; font-size: 0.875rem; color: #6c757d; }
-
-.section {
-  background: #fff;
-  border: 1px solid #dee2e6;
-  border-radius: 8px;
-  padding: 1.5rem;
-  margin-bottom: 2rem;
-}
-
-.table {
-  width: 100%;
-  border-collapse: collapse;
-  margin: 0;
-}
-
-.table th {
-  background-color: #f8f9fa;
-  padding: 0.75rem;
-  text-align: left;
-  font-weight: 600;
-  font-size: 0.875rem;
-  border-bottom: 2px solid #dee2e6;
-}
-
-.table td {
-  padding: 0.75rem;
-  border-bottom: 1px solid #dee2e6;
-}
-
-.table tr:hover { background-color: #f8f9fa; }
-
-.badge {
-  display: inline-block;
-  padding: 0.25rem 0.75rem;
-  border-radius: 12px;
-  font-size: 0.75rem;
-  font-weight: 600;
-  color: #fff;
-}
-
-.bg-success { background-color: #28a745; }
-.bg-info { background-color: #17a2b8; }
-.bg-primary { background-color: #0d6efd; }
-.bg-danger { background-color: #dc3545; }
-.bg-secondary { background-color: #6c757d; }
-
-.alert {
-  padding: 1rem;
-  border-radius: 4px;
-  border: 1px solid transparent;
-}
-
-.alert-info {
-  background-color: #d1ecf1;
-  color: #0c5460;
-  border-color: #bee5eb;
-}
-
-.alert-success {
-  background-color: #d4edda;
-  color: #155724;
-  border-color: #c3e6cb;
-}
-
-.alert-list {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-
-.alert-item {
-  display: flex;
-  gap: 1rem;
-  padding: 1rem;
-  background-color: #fff3cd;
-  border-left: 4px solid #ffc107;
-  margin-bottom: 0.5rem;
-  border-radius: 4px;
-}
-
-.alert-icon { font-size: 1.5rem; }
-.alert-title { margin: 0; font-weight: 600; }
-.alert-detail { margin: 0.25rem 0 0; font-size: 0.875rem; color: #6c757d; }
-</style>
diff --git a/oms-wms-erp/src/views/admin/OrderForm.vue b/oms-wms-erp/src/views/admin/OrderForm.vue
deleted file mode 100644
index 190382e0..00000000
--- a/oms-wms-erp/src/views/admin/OrderForm.vue
+++ /dev/null
@@ -1,197 +0,0 @@
-<template>
-  <div class="page">
-    <div class="page-header">
-      <h1>{{ isEdit ? 'Edit Order' : 'Create Order' }}</h1>
-      <button v-if="isEdit" class="btn btn-danger" @click="handleDelete">Delete</button>
-    </div>
-
-    <form @submit.prevent="handleSubmit" class="form">
-      <div class="form-section">
-        <h3>Order Details</h3>
-        <div class="form-row">
-          <div class="form-col">
-            <label>Customer *</label>
-            <select v-model="form.customerId" required>
-              <option value="">Select Customer</option>
-              <option v-for="c in customerStore.activeCustomers" :key="c.id" :value="c.id">
-                {{ c.name }}
-              </option>
-            </select>
-          </div>
-          <div class="form-col">
-            <label>Order Date *</label>
-            <input v-model="form.orderDate" type="date" required />
-          </div>
-          <div class="form-col">
-            <label>Due Date *</label>
-            <input v-model="form.dueDate" type="date" required />
-          </div>
-        </div>
-      </div>
-
-      <div class="form-section">
-        <h3>Order Items</h3>
-        <table v-if="form.items.length > 0" class="table">
-          <thead>
-            <tr>
-              <th>SKU</th>
-              <th>Qty</th>
-              <th>Price</th>
-              <th>Total</th>
-              <th></th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr v-for="(item, idx) in form.items" :key="idx">
-              <td>{{ item.productSku }}</td>
-              <td>{{ item.quantity }}</td>
-              <td>${{ item.unitPrice.toFixed(2) }}</td>
-              <td>${{ item.lineTotal.toFixed(2) }}</td>
-              <td><button type="button" class="btn btn-sm btn-danger" @click="removeItem(idx)">Remove</button></td>
-            </tr>
-          </tbody>
-        </table>
-        <button type="button" class="btn btn-secondary mt-2" @click="addItem">+ Add Item</button>
-      </div>
-
-      <div class="form-section totals">
-        <div class="total-row">
-          <span>Subtotal:</span>
-          <span>${{ subtotal.toFixed(2) }}</span>
-        </div>
-        <div class="total-row">
-          <span>Tax:</span>
-          <span>${{ tax.toFixed(2) }}</span>
-        </div>
-        <div class="total-row total">
-          <span>Total:</span>
-          <span>${{ total.toFixed(2) }}</span>
-        </div>
-      </div>
-
-      <div v-if="isEdit" class="form-section">
-        <label>Status</label>
-        <select v-model="form.status">
-          <option value="DRAFT">Draft</option>
-          <option value="PENDING">Pending</option>
-          <option value="CONFIRMED">Confirmed</option>
-          <option value="SHIPPED">Shipped</option>
-          <option value="DELIVERED">Delivered</option>
-          <option value="CANCELLED">Cancelled</option>
-        </select>
-      </div>
-
-      <div class="form-actions">
-        <button type="button" class="btn btn-secondary" @click="$router.back()">Cancel</button>
-        <button type="submit" class="btn btn-primary" :disabled="loading">
-          {{ isEdit ? 'Update Order' : 'Create Order' }}
-        </button>
-      </div>
-    </form>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
-import { useRouter, useRoute } from 'vue-router'
-import { useOrderStore, useCustomerStore, type Order, type OrderItem } from '@/stores'
-
-const router = useRouter()
-const route = useRoute()
-const orderStore = useOrderStore()
-const customerStore = useCustomerStore()
-
-const isEdit = computed(() => !!route.params.id)
-const loading = ref(false)
-const errors = ref<Record<string, string>>({})
-
-const form = ref({
-  customerId: '',
-  orderDate: new Date().toISOString().split('T')[0],
-  dueDate: new Date(Date.now() + 14 * 24 * 60 * 60 * 1000).toISOString().split('T')[0],
-  items: [] as OrderItem[],
-  status: 'DRAFT'
-})
-
-const subtotal = computed(() => form.value.items.reduce((sum, i) => sum + i.lineTotal, 0))
-const tax = computed(() => subtotal.value * 0.1)
-const total = computed(() => subtotal.value + tax.value)
-
-onMounted(async () => {
-  await customerStore.fetchCustomers()
-})
-
-const addItem = () => {
-  form.value.items.push({
-    id: `item-${Date.now()}`,
-    lineNumber: form.value.items.length + 1,
-    productId: '',
-    productSku: '',
-    quantity: 1,
-    unitPrice: 0,
-    lineTotal: 0
-  })
-}
-
-const removeItem = (idx: number) => {
-  form.value.items.splice(idx, 1)
-}
-
-const handleSubmit = async () => {
-  loading.value = true
-  try {
-    if (isEdit) {
-      await orderStore.updateOrder(route.params.id as string, {
-        ...form.value,
-        subtotal: subtotal.value,
-        tax: tax.value,
-        total: total.value
-      } as Partial<Order>)
-    } else {
-      await orderStore.createOrder({
-        ...form.value,
-        customerId: form.value.customerId,
-        customerName: customerStore.customers.find(c => c.id === form.value.customerId)?.name || '',
-        subtotal: subtotal.value,
-        tax: tax.value,
-        total: total.value
-      } as Partial<Order>)
-    }
-    router.push('/admin/orders')
-  } finally {
-    loading.value = false
-  }
-}
-
-const handleDelete = async () => {
-  if (confirm('Delete this order?')) {
-    await orderStore.deleteOrder(route.params.id as string)
-    router.push('/admin/orders')
-  }
-}
-</script>
-
-<style scoped>
-.page { padding: 2rem; }
-.page-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; }
-.form { max-width: 800px; }
-.form-section { background: #fff; border: 1px solid #dee2e6; border-radius: 4px; padding: 1.5rem; margin-bottom: 1rem; }
-.form-section h3 { margin-top: 0; margin-bottom: 1rem; }
-.form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; }
-.form-col { display: flex; flex-direction: column; }
-label { font-weight: 500; margin-bottom: 0.5rem; font-size: 0.875rem; }
-select, input { border: 1px solid #dee2e6; border-radius: 4px; padding: 0.5rem; }
-.table { width: 100%; border-collapse: collapse; }
-.table th { background-color: #f8f9fa; padding: 0.75rem; font-weight: 600; }
-.table td { padding: 0.75rem; border-bottom: 1px solid #dee2e6; }
-.totals { background-color: #f8f9fa; }
-.total-row { display: flex; justify-content: space-between; padding: 0.5rem 0; }
-.total-row.total { border-top: 2px solid #dee2e6; padding-top: 1rem; font-weight: 600; font-size: 1.1rem; }
-.form-actions { display: flex; gap: 1rem; margin-top: 2rem; }
-.btn { padding: 0.5rem 1rem; border: none; border-radius: 4px; cursor: pointer; font-weight: 500; }
-.btn-primary { background-color: #0d6efd; color: #fff; }
-.btn-secondary { background-color: #6c757d; color: #fff; }
-.btn-danger { background-color: #dc3545; color: #fff; }
-.btn:disabled { opacity: 0.65; cursor: not-allowed; }
-.mt-2 { margin-top: 0.5rem; }
-</style>
diff --git a/oms-wms-erp/src/views/admin/ProductForm.vue b/oms-wms-erp/src/views/admin/ProductForm.vue
deleted file mode 100644
index b0d240a2..00000000
--- a/oms-wms-erp/src/views/admin/ProductForm.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<template>
-  <div class="page">
-    <div class="page-wrapper">
-      <div class="container-xl">
-        <div class="page-header d-print-none">
-          <div class="row align-items-center">
-            <div class="col">
-              <h2 class="page-title">{{ isEdit ? 'Edit Product' : 'Create Product' }}</h2>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="page-body">
-        <div class="container-xl">
-          <div class="card">
-            <div class="card-body">
-              <form @submit.prevent="handleSubmit" class="form">
-                <!-- SKU (domain: sku → text, pattern validation) -->
-                <FormField
-                  v-model="form.sku"
-                  field-id="sku"
-                  label="SKU"
-                  v-bind="getDomainProps(productDomains, 'sku')"
-                  :error="errors.sku"
-                  required
-                />
-
-                <!-- Product Name (domain: text) -->
-                <FormField
-                  v-model="form.name"
-                  field-id="name"
-                  label="Product Name"
-                  v-bind="getDomainProps(productDomains, 'name')"
-                  :error="errors.name"
-                  required
-                />
-
-                <!-- Category (domain: select with enum) -->
-                <FormField
-                  v-model="form.category"
-                  field-id="category"
-                  label="Category"
-                  v-bind="getDomainProps(productDomains, 'category')"
-                  :error="errors.category"
-                  required
-                >
-                  <template #options>
-                    <option value="">Select Category</option>
-                    <option value="ELECTRONICS">Electronics</option>
-                    <option value="CLOTHING">Clothing</option>
-                    <option value="FOOD">Food</option>
-                    <option value="FURNITURE">Furniture</option>
-                    <option value="OTHER">Other</option>
-                  </template>
-                </FormField>
-
-                <!-- Cost Price (domain: currency → number with step 0.01) -->
-                <FormField
-                  v-model.number="form.costPrice"
-                  field-id="costPrice"
-                  label="Cost Price"
-                  v-bind="getDomainProps(productDomains, 'costPrice')"
-                  :error="errors.costPrice"
-                  required
-                />
-
-                <!-- Selling Price (domain: currency → number with step 0.01) -->
-                <FormField
-                  v-model.number="form.price"
-                  field-id="price"
-                  label="Selling Price"
-                  v-bind="getDomainProps(productDomains, 'price')"
-                  :error="errors.price"
-                  required
-                />
-
-                <!-- Inventory (domain: number) -->
-                <FormField
-                  v-model.number="form.inventory"
-                  field-id="inventory"
-                  label="Inventory"
-                  v-bind="getDomainProps(productDomains, 'inventory')"
-                  :error="errors.inventory"
-                />
-
-                <!-- Description (domain: longText → textarea) -->
-                <FormField
-                  v-model="form.description"
-                  field-id="description"
-                  label="Description"
-                  type="textarea"
-                  v-bind="getDomainProps(productDomains, 'description')"
-                  :error="errors.description"
-                />
-
-                <!-- Status (domain: select with enum) -->
-                <FormField
-                  v-model="form.status"
-                  field-id="status"
-                  label="Status"
-                  v-bind="getDomainProps(productDomains, 'status')"
-                  :error="errors.status"
-                >
-                  <template #options>
-                    <option value="ACTIVE">Active</option>
-                    <option value="INACTIVE">Inactive</option>
-                    <option value="DISCONTINUED">Discontinued</option>
-                  </template>
-                </FormField>
-
-                <!-- Form-level error message -->
-                <div v-if="errors.form" class="alert alert-danger" role="alert">
-                  {{ errors.form }}
-                </div>
-
-                <!-- Form actions -->
-                <div class="form-footer">
-                  <router-link to="/admin/products" class="btn btn-secondary">Cancel</router-link>
-                  <button type="submit" class="btn btn-primary" :disabled="loading">
-                    {{ isEdit ? 'Update' : 'Create' }}
-                  </button>
-                  <button v-if="isEdit" type="button" class="btn btn-danger" @click="handleDelete">Delete</button>
-                </div>
-              </form>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from 'vue'
-import { useRouter, useRoute } from 'vue-router'
-import { useProductStore } from '@/stores'
-import { productSchema, validateForm } from '@/types/schemas'
-import { productDomains, getDomainProps } from '@/types/domains'
-import FormField from '@/components/primitives/FormField.vue'
-
-const router = useRouter()
-const route = useRoute()
-const productStore = useProductStore()
-
-const isEdit = computed(() => !!route.params.id)
-const loading = ref(false)
-const errors = ref<Record<string, string>>({})
-
-const form = ref({
-  sku: '',
-  name: '',
-  category: '',
-  costPrice: 0,
-  price: 0,
-  description: '',
-  status: 'ACTIVE',
-  inventory: 0
-})
-
-const handleSubmit = async () => {
-  errors.value = {}
-  const validation = validateForm(productSchema, form.value)
-
-  if (!validation.valid) {
-    errors.value = validation.errors
-    return
-  }
-
-  loading.value = true
-  try {
-    if (isEdit.value) {
-      await productStore.updateProduct(route.params.id as string, form.value)
-    } else {
-      await productStore.createProduct(form.value)
-    }
-    router.push('/admin/products')
-  } catch (error) {
-    errors.value.form = error instanceof Error ? error.message : '저장 중 오류가 발생했습니다'
-  } finally {
-    loading.value = false
-  }
-}
-
-const handleDelete = async () => {
-  if (confirm('이 제품을 삭제하시겠습니까?')) {
-    loading.value = true
-    try {
-      await productStore.deleteProduct(route.params.id as string)
-      router.push('/admin/products')
-    } catch (error) {
-      errors.value.form = error instanceof Error ? error.message : '삭제 중 오류가 발생했습니다'
-    } finally {
-      loading.value = false
-    }
-  }
-}
-</script>
-
-<style scoped>
-.page { padding: 2rem; }
-.form { max-width: 600px; }
-.form-section { background: #fff; border: 1px solid #dee2e6; border-radius: 4px; padding: 1.5rem; margin-bottom: 1rem; }
-.form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; margin-bottom: 1rem; }
-.form-col { display: flex; flex-direction: column; }
-label { font-weight: 500; margin-bottom: 0.5rem; }
-input, select, textarea { border: 1px solid #dee2e6; border-radius: 4px; padding: 0.5rem; font-family: inherit; }
-textarea { resize: vertical; }
-.form-actions { display: flex; gap: 1rem; }
-.btn { padding: 0.5rem 1rem; border: none; border-radius: 4px; cursor: pointer; font-weight: 500; }
-.btn-primary { background-color: #0d6efd; color: #fff; }
-.btn-secondary { background-color: #6c757d; color: #fff; }
-</style>
diff --git a/oms-wms-erp/src/views/admin/index.ts b/oms-wms-erp/src/views/admin/index.ts
deleted file mode 100644
index 697d1cb9..00000000
--- a/oms-wms-erp/src/views/admin/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export { default as Dashboard } from './Dashboard.vue'
-export { default as OrdersList } from './OrdersList.vue'
-export { default as ProductsList } from './ProductsList.vue'
-export { default as CustomersList } from './CustomersList.vue'
-export { default as InventoryList } from './InventoryList.vue'
-export { default as WarehousesList } from './WarehousesList.vue'
diff --git a/oms-wms-erp/tests/e2e/authentication.spec.ts b/oms-wms-erp/tests/e2e/authentication.spec.ts
deleted file mode 100644
index 914f0fa9..00000000
--- a/oms-wms-erp/tests/e2e/authentication.spec.ts
+++ /dev/null
@@ -1,112 +0,0 @@
-import { test, expect } from "@playwright/test"
-
-test.describe("Authentication System", () => {
-  test("Redirect to login when not authenticated", async ({ page }) => {
-    // Try to access admin page without login
-    await page.goto("http://localhost:5173/admin/dashboard")
-
-    // Should redirect to login
-    await expect(page).toHaveURL(/login/)
-    console.log("✅ Not authenticated users redirected to login")
-  })
-
-  test("Login with valid credentials", async ({ page }) => {
-    // Go to login page
-    await page.goto("http://localhost:5173/login")
-    
-    // Fill login form
-    await page.fill("input[type='text']", "admin")
-    await page.fill("input[type='password']", "password")
-    
-    // Submit
-    await page.click("button[type='submit']")
-    
-    // Should redirect to dashboard
-    await page.waitForURL(/admin\/dashboard/, { timeout: 5000 })
-    console.log("✅ Login successful")
-    
-    // Check if dashboard loads
-    const dashboard = await page.locator("h1, .dashboard-title").first().isVisible().catch(() => false)
-    console.log("✅ Dashboard visible after login")
-  })
-
-  test("Access admin pages after login", async ({ page }) => {
-    // Login first
-    await page.goto("http://localhost:5173/login")
-    await page.fill("input[type='text']", "admin")
-    await page.fill("input[type='password']", "password")
-    await page.click("button[type='submit']")
-    await page.waitForURL(/admin\/dashboard/)
-    
-    // Check sidebar is visible
-    const sidebar = await page.locator(".sidebar").isVisible()
-    expect(sidebar).toBeTruthy()
-    console.log("✅ Sidebar visible")
-    
-    // Check user info in sidebar
-    const userInfo = await page.locator(".user-info").isVisible()
-    expect(userInfo).toBeTruthy()
-    console.log("✅ User info displayed in sidebar")
-    
-    // Check logout button
-    const logoutBtn = await page.locator(".logout-btn").isVisible()
-    expect(logoutBtn).toBeTruthy()
-    console.log("✅ Logout button visible")
-    
-    // Navigate to Orders page
-    await page.click("text=Orders")
-    await page.waitForURL(/admin\/orders/)
-    console.log("✅ Can navigate to Orders page")
-    
-    // Navigate to Products page
-    await page.click("text=Products")
-    await page.waitForURL(/admin\/products/)
-    console.log("✅ Can navigate to Products page")
-  })
-
-  test("Logout functionality", async ({ page }) => {
-    // Login first
-    await page.goto("http://localhost:5173/login")
-    await page.fill("input[type='text']", "admin")
-    await page.fill("input[type='password']", "password")
-    await page.click("button[type='submit']")
-    await page.waitForURL(/admin\/dashboard/)
-    
-    // Register dialog handler BEFORE clicking logout (timing-critical)
-    page.once("dialog", async (dialog) => {
-      console.log(`Dialog: ${dialog.message()}`)
-      await dialog.accept()
-    })
-
-    // Click logout
-    await page.click(".logout-btn")
-
-    // Should redirect to login
-    await page.waitForURL(/login/, { timeout: 5000 })
-    console.log("✅ Logout successful")
-  })
-
-  test("Session persistence", async ({ page, context }) => {
-    // Login
-    await page.goto("http://localhost:5173/login")
-    await page.fill("input[type='text']", "admin")
-    await page.fill("input[type='password']", "password")
-    await page.click("button[type='submit']")
-    await page.waitForURL(/admin\/dashboard/)
-    
-    // Check localStorage
-    const token = await page.evaluate(() => localStorage.getItem("auth-token"))
-    expect(token).toBeTruthy()
-    console.log("✅ Auth token stored in localStorage")
-    
-    // Open new page in same context (shares storage)
-    const page2 = await context.newPage()
-    await page2.goto("http://localhost:5173/admin/dashboard")
-    
-    // Should be authenticated
-    await expect(page2).toHaveURL(/admin\/dashboard/)
-    console.log("✅ Session persists across pages")
-    
-    await page2.close()
-  })
-})
diff --git a/oms-wms-erp/tests/e2e/complete-flow.spec.ts b/oms-wms-erp/tests/e2e/complete-flow.spec.ts
deleted file mode 100644
index 04e96d66..00000000
--- a/oms-wms-erp/tests/e2e/complete-flow.spec.ts
+++ /dev/null
@@ -1,258 +0,0 @@
-/**
- * E2E Tests: Complete Order-to-Inventory Flow
- * Tests the full business flow from order creation to inventory update
- *
- * Run: npm run test:e2e
- */
-
-import { test, expect } from '@playwright/test'
-
-test.describe('OMS·WMS·ERP Complete Flow', () => {
-  test.beforeEach(async ({ page }) => {
-    // Navigate to application
-    await page.goto('http://localhost:5173')
-
-    // Wait for app to load
-    await page.waitForLoadState('networkidle')
-  })
-
-  test('orders page loads with navigation', async ({ page }) => {
-    // Find navigation to orders
-    const ordersNav = page.getByRole('link', { name: /orders/i })
-    await expect(ordersNav).toBeVisible()
-
-    // Click and verify page loads
-    await ordersNav.click()
-    await page.waitForURL('**/orders**')
-    await expect(page).toHaveTitle(/.*orders.*/i)
-  })
-
-  test('inventory page loads with navigation', async ({ page }) => {
-    const inventoryNav = page.getByRole('link', { name: /inventory/i })
-    await expect(inventoryNav).toBeVisible()
-
-    await inventoryNav.click()
-    await page.waitForURL('**/inventory**')
-    await expect(page).toHaveTitle(/.*inventory.*/i)
-  })
-
-  test('products page loads with navigation', async ({ page }) => {
-    const productsNav = page.getByRole('link', { name: /products/i })
-    await expect(productsNav).toBeVisible()
-
-    await productsNav.click()
-    await page.waitForURL('**/products**')
-    await expect(page).toHaveTitle(/.*products.*/i)
-  })
-
-  test('responsive navigation on mobile', async ({ page }) => {
-    // Set mobile viewport
-    await page.setViewportSize({ width: 375, height: 667 })
-
-    // Look for mobile menu toggle
-    const menuToggle = page.getByRole('button', { name: /menu|toggle/i })
-    if (await menuToggle.isVisible()) {
-      await menuToggle.click()
-      await expect(page.getByRole('navigation')).toBeVisible()
-    }
-  })
-
-  test('orders page displays data', async ({ page }) => {
-    await page.goto('http://localhost:5173/orders')
-    await page.waitForLoadState('networkidle')
-
-    // Wait for table to load
-    const table = page.locator('table')
-    if (await table.isVisible({ timeout: 5000 }).catch(() => false)) {
-      const rows = await page.locator('tbody tr').count()
-      // Should have at least mock data
-      expect(rows).toBeGreaterThan(0)
-    }
-  })
-
-  test('inventory page displays data', async ({ page }) => {
-    await page.goto('http://localhost:5173/inventory')
-    await page.waitForLoadState('networkidle')
-
-    const content = page.locator('main, [role="main"]')
-    await expect(content).toBeVisible()
-  })
-
-  test('products page displays data', async ({ page }) => {
-    await page.goto('http://localhost:5173/products')
-    await page.waitForLoadState('networkidle')
-
-    const content = page.locator('main, [role="main"]')
-    await expect(content).toBeVisible()
-  })
-
-  test('buttons are accessible and interactive', async ({ page }) => {
-    await page.goto('http://localhost:5173/orders')
-    await page.waitForLoadState('networkidle')
-
-    // Look for action buttons
-    const buttons = page.getByRole('button')
-    const count = await buttons.count()
-
-    if (count > 0) {
-      const firstButton = buttons.first()
-      await expect(firstButton).toBeEnabled()
-    }
-  })
-
-  test('forms have proper validation', async ({ page }) => {
-    // Navigate to create order (if form exists)
-    await page.goto('http://localhost:5173/orders')
-
-    // Look for create button or form
-    const createButton = page.getByRole('button', { name: /create|new|add/i })
-    if (await createButton.isVisible({ timeout: 3000 }).catch(() => false)) {
-      await createButton.click()
-
-      // Look for form inputs
-      const inputs = page.locator('input')
-      const inputCount = await inputs.count()
-
-      if (inputCount > 0) {
-        // Verify inputs are interactive
-        const firstInput = inputs.first()
-        await expect(firstInput).toBeFocusable()
-      }
-    }
-  })
-
-  test('error handling shows user-friendly messages', async ({ page }) => {
-    // This test would require a specific error scenario
-    // For now, verify that error states don't break the UI
-
-    await page.goto('http://localhost:5173/orders')
-    await page.waitForLoadState('networkidle')
-
-    // Verify page content is visible even if API might fail
-    const mainContent = page.locator('main, [role="main"]')
-    await expect(mainContent).toBeVisible()
-  })
-
-  test('page navigation history works', async ({ page }) => {
-    // Start at home
-    await page.goto('http://localhost:5173')
-
-    // Navigate to orders
-    await page.getByRole('link', { name: /orders/i }).click()
-    await page.waitForURL('**/orders**')
-
-    // Navigate to products
-    await page.getByRole('link', { name: /products/i }).click()
-    await page.waitForURL('**/products**')
-
-    // Go back
-    await page.goBack()
-    await page.waitForURL('**/orders**')
-
-    // Go forward
-    await page.goForward()
-    await page.waitForURL('**/products**')
-  })
-
-  test('accessibility: keyboard navigation', async ({ page }) => {
-    await page.goto('http://localhost:5173')
-
-    // Tab through navigation
-    await page.keyboard.press('Tab')
-    const focusedElement = await page.evaluate(() => {
-      return document.activeElement?.tagName
-    })
-
-    // Should focus on an interactive element
-    expect(['A', 'BUTTON', 'INPUT', 'SELECT']).toContain(focusedElement)
-  })
-
-  test('accessibility: color contrast', async ({ page }) => {
-    await page.goto('http://localhost:5173/orders')
-    await page.waitForLoadState('networkidle')
-
-    // Run axe accessibility audit
-    const { injectAxe, checkA11y } = require('axe-playwright')
-
-    await injectAxe(page)
-    await checkA11y(page, null, {
-      detailedReport: true,
-      detailedReportOptions: {
-        html: true
-      }
-    })
-  })
-})
-
-test.describe('Order Management Flow', () => {
-  test('create order workflow', async ({ page }) => {
-    await page.goto('http://localhost:5173/orders')
-    await page.waitForLoadState('networkidle')
-
-    // Look for create order button
-    const createBtn = page.getByRole('button', { name: /create|new|add/i })
-
-    if (await createBtn.isVisible({ timeout: 2000 }).catch(() => false)) {
-      await createBtn.click()
-
-      // Verify modal or form appears
-      const form = page.locator('form')
-      if (await form.isVisible({ timeout: 2000 }).catch(() => false)) {
-        // Fill in sample data
-        const inputs = form.locator('input, select')
-        const inputCount = await inputs.count()
-
-        expect(inputCount).toBeGreaterThan(0)
-      }
-    }
-  })
-
-  test('view order details', async ({ page }) => {
-    await page.goto('http://localhost:5173/orders')
-    await page.waitForLoadState('networkidle')
-
-    // Find first order row
-    const firstRow = page.locator('tbody tr').first()
-    if (await firstRow.isVisible({ timeout: 2000 }).catch(() => false)) {
-      await firstRow.click()
-
-      // Verify details view loads
-      await page.waitForLoadState('networkidle')
-      const details = page.locator('[data-test="order-details"], .order-details')
-      if (await details.isVisible({ timeout: 2000 }).catch(() => false)) {
-        expect(details).toBeVisible()
-      }
-    }
-  })
-})
-
-test.describe('Performance Checks', () => {
-  test('page loads in acceptable time', async ({ page }) => {
-    const startTime = Date.now()
-
-    await page.goto('http://localhost:5173/orders', {
-      waitUntil: 'networkidle'
-    })
-
-    const loadTime = Date.now() - startTime
-
-    // Should load within 3 seconds (including network delays)
-    expect(loadTime).toBeLessThan(3000)
-  })
-
-  test('no console errors on navigation', async ({ page }) => {
-    const errors: string[] = []
-
-    page.on('console', (msg) => {
-      if (msg.type() === 'error') {
-        errors.push(msg.text())
-      }
-    })
-
-    await page.goto('http://localhost:5173')
-    await page.getByRole('link', { name: /orders/i }).click()
-    await page.waitForLoadState('networkidle')
-
-    expect(errors).toHaveLength(0)
-  })
-})
diff --git a/oms-wms-erp/tests/e2e/form-submission.spec.ts b/oms-wms-erp/tests/e2e/form-submission.spec.ts
deleted file mode 100644
index aae82cfa..00000000
--- a/oms-wms-erp/tests/e2e/form-submission.spec.ts
+++ /dev/null
@@ -1,136 +0,0 @@
-import { test, expect } from "@playwright/test"
-
-test.describe("Form Submission & CRUD Operations", () => {
-  test("Create customer form submission", async ({ page }) => {
-    // Login
-    await page.goto("http://localhost:5173/login")
-    await page.fill("input[type='text']", "admin")
-    await page.fill("input[type='password']", "password")
-    await page.click("button[type='submit']")
-    await page.waitForURL(/admin\/dashboard/)
-
-    // Navigate to customers
-    await page.click("text=Customers")
-    await page.waitForURL(/admin\/customers/)
-
-    // Click create customer
-    await page.click("text=Create Customer")
-    await page.waitForURL(/admin\/customers\/new/)
-
-    // Fill form
-    await page.fill("input#name", "Test Company ABC")
-    await page.fill("input#email", "test@company.com")
-    await page.fill("input#phone", "010-1234-5678")
-    await page.fill("input#address", "Seoul, Korea")
-    await page.fill("input#creditLimit", "5000000")
-
-    // Submit
-    await page.click("button[type='submit']:has-text('Create')")
-
-    // Should redirect to customers list
-    await page.waitForURL(/admin\/customers/)
-    console.log("✅ Customer created successfully")
-
-    // Verify in list (should show newly created customer)
-    const customerNameVisible = await page.locator("text=Test Company ABC").isVisible()
-    expect(customerNameVisible).toBeTruthy()
-    console.log("✅ Customer appears in list")
-  })
-
-  test("View customer list with data", async ({ page }) => {
-    // Login
-    await page.goto("http://localhost:5173/login")
-    await page.fill("input[type='text']", "admin")
-    await page.fill("input[type='password']", "password")
-    await page.click("button[type='submit']")
-    await page.waitForURL(/admin\/dashboard/)
-
-    // Navigate to customers
-    await page.click("text=Customers")
-    await page.waitForURL(/admin\/customers/)
-
-    // Check if table has data rows
-    const tableRows = await page.locator("table tbody tr").count()
-    console.log(`✅ Found ${tableRows} customer rows`)
-
-    // Verify table structure (headers)
-    const headers = await page.locator("table thead th").allTextContents()
-    expect(headers).toContain("Customer Name")
-    expect(headers).toContain("Email")
-    expect(headers).toContain("Status")
-    console.log("✅ Customer table has correct structure")
-  })
-
-  test("Edit customer (if data available)", async ({ page }) => {
-    // Login
-    await page.goto("http://localhost:5173/login")
-    await page.fill("input[type='text']", "admin")
-    await page.fill("input[type='password']", "password")
-    await page.click("button[type='submit']")
-    await page.waitForURL(/admin\/dashboard/)
-
-    // Navigate to customers
-    await page.click("text=Customers")
-    await page.waitForURL(/admin\/customers/)
-
-    // Check if edit button exists
-    const editButton = page.locator("a:text('Edit')").first()
-    const isVisible = await editButton.isVisible().catch(() => false)
-
-    if (isVisible) {
-      await editButton.click()
-      await page.waitForURL(/admin\/customers\/.*\/edit/)
-
-      // Verify form loaded
-      const form = await page.locator("form").first()
-      expect(form).toBeTruthy()
-      console.log("✅ Edit form loaded successfully")
-
-      // Make a change
-      const nameInput = page.locator("input#name")
-      const currentValue = await nameInput.inputValue()
-      await nameInput.fill(currentValue + " (Updated)")
-
-      // Submit
-      await page.click("button[type='submit']:has-text('Update')")
-      await page.waitForURL(/admin\/customers/)
-      console.log("✅ Customer updated successfully")
-    } else {
-      console.log("⚠️ No customers in list to edit (this is OK for fresh database)")
-    }
-  })
-
-  test("Form validation on customer creation", async ({ page }) => {
-    // Login
-    await page.goto("http://localhost:5173/login")
-    await page.fill("input[type='text']", "admin")
-    await page.fill("input[type='password']", "password")
-    await page.click("button[type='submit']")
-    await page.waitForURL(/admin\/dashboard/)
-
-    // Navigate to create customer
-    await page.click("text=Customers")
-    await page.waitForURL(/admin\/customers/)
-    await page.click("text=Create Customer")
-    await page.waitForURL(/admin\/customers\/new/)
-
-    // Try to submit empty form
-    await page.click("button[type='submit']:has-text('Create')")
-
-    // Should show validation error (page should not navigate)
-    await page.waitForTimeout(500)
-    const currentUrl = page.url()
-    expect(currentUrl).toContain("/customers/new")
-    console.log("✅ Form validation prevents empty submission")
-
-    // Fill only name and try again
-    await page.fill("input#name", "Incomplete Company")
-    await page.fill("input#email", "invalid-email")
-    await page.click("button[type='submit']:has-text('Create')")
-
-    // Should still be on form (email validation failed)
-    await page.waitForTimeout(500)
-    const stillOnForm = page.url().includes("/customers/new")
-    console.log(`✅ Email validation ${stillOnForm ? "working" : "bypassed (may be OK)"}`)
-  })
-})
diff --git a/oms-wms-erp/tests/e2e/full-navigation.spec.ts b/oms-wms-erp/tests/e2e/full-navigation.spec.ts
deleted file mode 100644
index 273c084e..00000000
--- a/oms-wms-erp/tests/e2e/full-navigation.spec.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { test, expect } from "@playwright/test"
-
-test("Complete admin navigation", async ({ page }) => {
-  // Login
-  await page.goto("http://localhost:5173/login")
-  await page.fill("input[type='text']", "admin")
-  await page.fill("input[type='password']", "password")
-  await page.click("button[type='submit']")
-  await page.waitForURL(/admin\/dashboard/, { timeout: 5000 })
-  console.log("✅ Logged in")
-
-  // Test all sidebar links
-  const links = [
-    { text: "Dashboard", path: /admin\/dashboard/ },
-    { text: "Orders", path: /admin\/orders/ },
-    { text: "Products", path: /admin\/products/ },
-    { text: "Customers", path: /admin\/customers/ },
-    { text: "Inventory", path: /admin\/inventory/ },
-    { text: "Warehouses", path: /admin\/warehouses/ }
-  ]
-
-  for (const link of links) {
-    await page.click(`text=${link.text}`)
-    await page.waitForURL(link.path, { timeout: 5000 })
-    const heading = await page.locator("h2.page-title, h1").first()
-    expect(heading).toBeTruthy()
-    console.log(`✅ ${link.text} page loaded`)
-  }
-})
diff --git a/oms-wms-erp/tests/e2e/index.ts b/oms-wms-erp/tests/e2e/index.ts
deleted file mode 100644
index 155823ab..00000000
--- a/oms-wms-erp/tests/e2e/index.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-/**
- * E2E Tests Index
- * Full workflow tests using Playwright
- *
- * Test Scenarios:
- * - Order Flow (create, filter, edit, delete)
- * - Inventory Flow (transfer, low stock alerts)
- * - Dashboard flows (KPI cards, navigation)
- */
-
-export * from './order-flow.spec'
-export * from './inventory-flow.spec'
diff --git a/oms-wms-erp/tests/e2e/inventory-flow.spec.ts b/oms-wms-erp/tests/e2e/inventory-flow.spec.ts
deleted file mode 100644
index 775eabf1..00000000
--- a/oms-wms-erp/tests/e2e/inventory-flow.spec.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { test, expect } from '@playwright/test'
-
-test.describe('Inventory Management E2E Tests', () => {
-  test.beforeEach(async ({ page }) => {
-    await page.goto('http://localhost:5173')
-  })
-
-  test('should transfer inventory between warehouses', async ({ page }) => {
-    await page.click('a[href="/inventory"]')
-    await page.click('button:has-text("Transfer")')
-
-    // Select warehouses
-    await page.selectOption('select:has-text("From Warehouse")', 'WH-001')
-    await page.selectOption('select:has-text("To Warehouse")', 'WH-002')
-
-    // Enter product and quantity
-    await page.fill('input[name="productSku"]', 'SKU-12345')
-    await page.fill('input[name="quantity"]', '100')
-
-    // Submit transfer
-    await page.click('button:has-text("Transfer")')
-
-    // Verify success
-    await expect(page.locator('text=Transfer completed')).toBeVisible()
-  })
-
-  test('should view inventory levels', async ({ page }) => {
-    await page.click('a[href="/inventory"]')
-
-    // Verify table displays
-    const table = await page.locator('table').isVisible()
-    expect(table).toBeTruthy()
-
-    // Verify columns
-    await expect(page.locator('th:has-text("Product")')).toBeVisible()
-    await expect(page.locator('th:has-text("Quantity")')).toBeVisible()
-    await expect(page.locator('th:has-text("Available")')).toBeVisible()
-  })
-
-  test('should alert on low stock items', async ({ page }) => {
-    await page.click('a[href="/inventory"]')
-    await page.click('button:has-text("Low Stock")')
-
-    // Verify low stock items displayed
-    const lowStockBadges = await page.locator('.badge-warning')
-    const count = await lowStockBadges.count()
-    expect(count).toBeGreaterThan(0)
-  })
-})
diff --git a/oms-wms-erp/tests/e2e/order-flow.spec.ts b/oms-wms-erp/tests/e2e/order-flow.spec.ts
deleted file mode 100644
index 36b1159f..00000000
--- a/oms-wms-erp/tests/e2e/order-flow.spec.ts
+++ /dev/null
@@ -1,122 +0,0 @@
-import { test, expect } from '@playwright/test'
-
-test.describe('Order Management E2E Tests', () => {
-  test.beforeEach(async ({ page }) => {
-    // Navigate to app
-    await page.goto('http://localhost:5173')
-  })
-
-  test('should complete full order workflow', async ({ page }) => {
-    // Navigate to orders
-    await page.click('a[href="/orders"]')
-    await expect(page).toHaveURL(/orders/)
-
-    // Create new order
-    await page.click('button:has-text("New Order")')
-    await expect(page).toHaveTitle(/Create Order/)
-
-    // Select customer
-    await page.selectOption('select[name="customerId"]', 'cust-001')
-
-    // Set dates
-    await page.fill('input[name="orderDate"]', '2026-08-01')
-    await page.fill('input[name="dueDate"]', '2026-08-15')
-
-    // Add items
-    await page.click('button:has-text("Add Item")')
-    await page.fill('input[name="productSku"]', 'SKU-12345')
-    await page.fill('input[name="quantity"]', '100')
-    await page.fill('input[name="unitPrice"]', '50')
-
-    // Verify totals
-    const subtotal = await page.locator('text=Subtotal: $5000').isVisible()
-    expect(subtotal).toBeTruthy()
-
-    // Save order
-    await page.click('button:has-text("Create Order")')
-
-    // Verify order created
-    await expect(page).toHaveURL(/orders\//)
-    const orderNumber = await page.locator('h1').textContent()
-    expect(orderNumber).toMatch(/ORD-/)
-  })
-
-  test('should filter orders by status', async ({ page }) => {
-    await page.click('a[href="/orders"]')
-
-    // Open filter
-    await page.click('button:has-text("Filter")')
-
-    // Select status
-    await page.selectOption('select[name="status"]', 'CONFIRMED')
-
-    // Apply
-    await page.click('button:has-text("Apply")')
-
-    // Verify filtered results
-    const rows = await page.locator('table tbody tr')
-    const count = await rows.count()
-    expect(count).toBeGreaterThan(0)
-  })
-
-  test('should edit order', async ({ page }) => {
-    await page.click('a[href="/orders"]')
-
-    // Find and click first order
-    await page.click('table tbody tr:first-child')
-    await page.click('button:has-text("Edit")')
-
-    // Update status
-    await page.selectOption('select[name="status"]', 'SHIPPED')
-
-    // Save
-    await page.click('button:has-text("Save")')
-
-    // Verify update
-    await expect(page.locator('text=Order updated successfully')).toBeVisible()
-  })
-
-  test('should delete order with confirmation', async ({ page }) => {
-    await page.click('a[href="/orders"]')
-
-    const initialCount = await page.locator('table tbody tr').count()
-
-    // Find and click first order
-    await page.click('table tbody tr:first-child')
-    await page.click('button:has-text("Delete")')
-
-    // Confirm deletion
-    await page.click('button:has-text("Confirm")')
-
-    // Verify deletion
-    await expect(page.locator('text=Order deleted successfully')).toBeVisible()
-    const finalCount = await page.locator('table tbody tr').count()
-    expect(finalCount).toBe(initialCount - 1)
-  })
-
-  test('should calculate order totals correctly', async ({ page }) => {
-    await page.click('a[href="/orders"]')
-    await page.click('button:has-text("New Order")')
-
-    await page.selectOption('select[name="customerId"]', 'cust-001')
-    await page.fill('input[name="orderDate"]', '2026-08-01')
-    await page.fill('input[name="dueDate"]', '2026-08-15')
-
-    // Add multiple items
-    await page.click('button:has-text("Add Item")')
-    await page.fill('input[name="productSku"]', 'SKU-001')
-    await page.fill('input[name="quantity"]', '100')
-    await page.fill('input[name="unitPrice"]', '50') // 5000
-
-    await page.click('button:has-text("Add Item")')
-    const skuInputs = await page.locator('input[name="productSku"]')
-    await skuInputs.nth(1).fill('SKU-002')
-    await page.locator('input[name="quantity"]').nth(1).fill('50')
-    await page.locator('input[name="unitPrice"]').nth(1).fill('30') // 1500
-
-    // Verify totals: 6500 subtotal, 650 tax, 7150 total
-    await expect(page.locator('text=Subtotal: $6500')).toBeVisible()
-    await expect(page.locator('text=Tax: $650')).toBeVisible()
-    await expect(page.locator('text=Total: $7150')).toBeVisible()
-  })
-})
diff --git a/oms-wms-erp/tests/integration/customer-workflow.spec.ts b/oms-wms-erp/tests/integration/customer-workflow.spec.ts
deleted file mode 100644
index 3c57130a..00000000
--- a/oms-wms-erp/tests/integration/customer-workflow.spec.ts
+++ /dev/null
@@ -1,111 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest'
-import { setActivePinia, createPinia } from 'pinia'
-import { useCustomerStore } from '@/stores'
-
-describe('Customer Workflow Integration Tests', () => {
-  beforeEach(() => {
-    setActivePinia(createPinia())
-  })
-
-  describe('Customer Management', () => {
-    it('should create and manage customers', async () => {
-      const customerStore = useCustomerStore()
-
-      const customer = await customerStore.createCustomer({
-        code: 'CUST-001',
-        name: 'Test Customer',
-        email: 'test@example.com',
-        phone: '123-456-7890',
-        address: '123 Main St',
-        city: 'Springfield',
-        country: 'USA',
-        creditLimit: 10000
-      })
-
-      expect(customer.code).toBe('CUST-001')
-      expect(customer.status).toBe('ACTIVE')
-      expect(customer.creditUsed).toBe(0)
-    })
-
-    it('should track credit usage', async () => {
-      const customerStore = useCustomerStore()
-
-      const customer = await customerStore.createCustomer({
-        code: 'CUST-002',
-        name: 'Credit Test',
-        email: 'credit@test.com',
-        phone: '999-999-9999',
-        address: 'Test',
-        city: 'Test',
-        country: 'USA',
-        creditLimit: 5000
-      })
-
-      await customerStore.updateCreditUsage(customer.id, 2000)
-      const updated = customerStore.customers.find((c) => c.id === customer.id)
-      expect(updated?.creditUsed).toBe(2000)
-    })
-
-    it('should identify at-risk customers', async () => {
-      const customerStore = useCustomerStore()
-
-      const customer = await customerStore.createCustomer({
-        code: 'CUST-RISK',
-        name: 'Risk Customer',
-        email: 'risk@test.com',
-        phone: '888-888-8888',
-        address: 'Risk Ave',
-        city: 'Risk City',
-        country: 'USA',
-        creditLimit: 1000
-      })
-
-      // Use 85% of credit
-      await customerStore.updateCreditUsage(customer.id, 850)
-
-      const atRisk = customerStore.atRiskCustomers
-      expect(atRisk.some((c) => c.id === customer.id)).toBe(true)
-    })
-
-    it('should update customer status', async () => {
-      const customerStore = useCustomerStore()
-
-      const customer = await customerStore.createCustomer({
-        code: 'CUST-003',
-        name: 'Status Test',
-        email: 'status@test.com',
-        phone: '777-777-7777',
-        address: 'Status St',
-        city: 'Status City',
-        country: 'USA'
-      })
-
-      await customerStore.updateCustomer(customer.id, {
-        status: 'SUSPENDED'
-      })
-
-      const updated = customerStore.customers.find((c) => c.id === customer.id)
-      expect(updated?.status).toBe('SUSPENDED')
-    })
-  })
-
-  describe('Customer Validation', () => {
-    it('should maintain active customer count', async () => {
-      const customerStore = useCustomerStore()
-
-      const initial = customerStore.activeCustomers.length
-
-      await customerStore.createCustomer({
-        code: 'CUST-NEW',
-        name: 'New Customer',
-        email: 'new@test.com',
-        phone: '666-666-6666',
-        address: 'New St',
-        city: 'New City',
-        country: 'USA'
-      })
-
-      expect(customerStore.activeCustomers.length).toBe(initial + 1)
-    })
-  })
-})
diff --git a/oms-wms-erp/tests/integration/index.ts b/oms-wms-erp/tests/integration/index.ts
deleted file mode 100644
index 71ae0cbb..00000000
--- a/oms-wms-erp/tests/integration/index.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-/**
- * Integration Tests Index
- * Tests for store + component interactions
- *
- * Test Coverage:
- * - Order Workflow (create → update → delete, filtering, totals)
- * - Inventory Workflow (reserve, release, low stock alerts)
- * - Customer Workflow (CRUD, credit management, at-risk detection)
- * - Multi-store coordination tests
- */
-
-export * from './order-workflow.spec'
-export * from './inventory-workflow.spec'
-export * from './customer-workflow.spec'
diff --git a/oms-wms-erp/tests/integration/inventory-workflow.spec.ts b/oms-wms-erp/tests/integration/inventory-workflow.spec.ts
deleted file mode 100644
index 9317f5f5..00000000
--- a/oms-wms-erp/tests/integration/inventory-workflow.spec.ts
+++ /dev/null
@@ -1,111 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest'
-import { setActivePinia, createPinia } from 'pinia'
-import { useInventoryStore, useWarehouseStore } from '@/stores'
-
-describe('Inventory Workflow Integration Tests', () => {
-  beforeEach(() => {
-    setActivePinia(createPinia())
-  })
-
-  describe('Stock Management', () => {
-    it('should update quantity correctly', async () => {
-      const inventoryStore = useInventoryStore()
-
-      // Initial state
-      expect(inventoryStore.totalQuantity).toBe(0)
-
-      // Update quantity
-      await inventoryStore.updateQuantity('item-001', 100)
-      expect(inventoryStore.totalQuantity).toBeGreaterThan(0)
-    })
-
-    it('should reserve and release quantity', async () => {
-      const inventoryStore = useInventoryStore()
-
-      // Setup
-      await inventoryStore.updateQuantity('item-001', 100)
-      const initial = inventoryStore.availableQuantity
-
-      // Reserve
-      await inventoryStore.reserveQuantity('item-001', 30)
-      expect(inventoryStore.availableQuantity).toBeLessThan(initial)
-
-      // Release
-      await inventoryStore.releaseQuantity('item-001', 30)
-      expect(inventoryStore.availableQuantity).toBe(initial)
-    })
-
-    it('should prevent overselling', async () => {
-      const inventoryStore = useInventoryStore()
-
-      await inventoryStore.updateQuantity('item-001', 50)
-
-      try {
-        await inventoryStore.reserveQuantity('item-001', 100)
-        expect.fail('Should throw error')
-      } catch (err: any) {
-        expect(err.message).toContain('Insufficient')
-      }
-    })
-
-    it('should track low stock items', async () => {
-      const inventoryStore = useInventoryStore()
-
-      // Setup low stock
-      await inventoryStore.updateQuantity('item-001', 5) // Below reorder level
-
-      const lowStock = inventoryStore.lowStockItems
-      expect(lowStock.length).toBeGreaterThan(0)
-    })
-  })
-
-  describe('Warehouse Integration', () => {
-    it('should coordinate inventory with warehouses', async () => {
-      const inventoryStore = useInventoryStore()
-      const warehouseStore = useWarehouseStore()
-
-      await warehouseStore.fetchWarehouses()
-      expect(warehouseStore.warehouseCount).toBeGreaterThanOrEqual(0)
-
-      // Inventory in warehouses
-      await inventoryStore.fetchInventory()
-      expect(inventoryStore.items).toBeDefined()
-    })
-
-    it('should update warehouse load based on inventory', async () => {
-      const warehouseStore = useWarehouseStore()
-
-      await warehouseStore.createWarehouse({
-        code: 'WH-TEST',
-        name: 'Test Warehouse',
-        location: 'Test Location',
-        capacity: 1000
-      })
-
-      const warehouses = warehouseStore.warehouses
-      expect(warehouses.length).toBeGreaterThan(0)
-
-      // Update load
-      const warehouse = warehouses[0]
-      await warehouseStore.updateLoad(warehouse.id, 500)
-      expect(warehouse.currentLoad).toBe(500)
-    })
-
-    it('should alert on overloaded warehouses', async () => {
-      const warehouseStore = useWarehouseStore()
-
-      await warehouseStore.createWarehouse({
-        code: 'WH-FULL',
-        name: 'Full Warehouse',
-        location: 'Location',
-        capacity: 100
-      })
-
-      const warehouse = warehouseStore.warehouses[0]
-      await warehouseStore.updateLoad(warehouse.id, 95) // 95% capacity
-
-      const overloaded = warehouseStore.overloadedWarehouses
-      expect(overloaded.some((w) => w.id === warehouse.id)).toBe(true)
-    })
-  })
-})
diff --git a/oms-wms-erp/tests/integration/inventory.spec.ts b/oms-wms-erp/tests/integration/inventory.spec.ts
deleted file mode 100644
index 431e8e90..00000000
--- a/oms-wms-erp/tests/integration/inventory.spec.ts
+++ /dev/null
@@ -1,201 +0,0 @@
-/**
- * Integration Tests: Inventory (WMS) Store
- * Tests warehouse inventory management with mocked API
- *
- * Run: npm run test:integration
- */
-
-import { beforeEach, describe, expect, it } from 'vitest'
-import { setActivePinia, createPinia } from 'pinia'
-import { server } from '@/tests/mocks/server'
-import { http, HttpResponse } from 'msw'
-
-/**
- * Mock Inventory Store (placeholder until actual store is created)
- */
-class MockInventoryStore {
-  inventory: any[] = []
-  loading = false
-  error: string | null = null
-
-  async fetchInventory() {
-    this.loading = true
-    try {
-      const response = await fetch(`${process.env.VITE_API_BASE_URL || 'http://localhost:3000/api'}/inventory`)
-      const data = await response.json()
-      this.inventory = data.data || []
-    } catch (err) {
-      this.error = (err as Error).message
-    } finally {
-      this.loading = false
-    }
-  }
-
-  async updateInventory(inventoryId: string, payload: any) {
-    this.loading = true
-    try {
-      const response = await fetch(
-        `${process.env.VITE_API_BASE_URL || 'http://localhost:3000/api'}/inventory/${inventoryId}`,
-        {
-          method: 'PATCH',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify(payload)
-        }
-      )
-      if (!response.ok) throw new Error('Update failed')
-      const data = await response.json()
-      const index = this.inventory.findIndex((i) => i.inventoryId === inventoryId)
-      if (index !== -1) this.inventory[index] = data
-      return data
-    } catch (err) {
-      this.error = (err as Error).message
-      throw err
-    } finally {
-      this.loading = false
-    }
-  }
-}
-
-describe('Inventory (WMS) Store Integration', () => {
-  let store: MockInventoryStore
-
-  beforeEach(() => {
-    store = new MockInventoryStore()
-  })
-
-  describe('fetchInventory', () => {
-    it('loads inventory from WMS API', async () => {
-      await store.fetchInventory()
-
-      expect(store.inventory).toHaveLength(1)
-      expect(store.inventory[0].inventoryId).toBe('INV-001')
-      expect(store.inventory[0].qtyOnHand).toBe(1000)
-      expect(store.loading).toBe(false)
-      expect(store.error).toBeNull()
-    })
-
-    it('calculates available quantity correctly', async () => {
-      await store.fetchInventory()
-
-      const inv = store.inventory[0]
-      const available = inv.qtyOnHand - inv.qtyReserved
-      expect(available).toBe(900)
-      expect(inv.qtyAvailable).toBe(available)
-    })
-
-    it('handles API errors gracefully', async () => {
-      server.use(
-        http.get('*/api/inventory', () => {
-          return HttpResponse.json(
-            { message: 'Database connection failed' },
-            { status: 500 }
-          )
-        })
-      )
-
-      await store.fetchInventory()
-
-      expect(store.error).not.toBeNull()
-      expect(store.inventory).toHaveLength(0)
-    })
-  })
-
-  describe('updateInventory', () => {
-    beforeEach(async () => {
-      await store.fetchInventory()
-    })
-
-    it('updates inventory quantities', async () => {
-      const updates = { qtyOnHand: 1200, qtyReserved: 150 }
-      const updated = await store.updateInventory('INV-001', updates)
-
-      expect(updated.qtyOnHand).toBe(1200)
-      expect(updated.qtyReserved).toBe(150)
-      expect(updated.qtyAvailable).toBe(1050)
-    })
-
-    it('reflects updates in store', async () => {
-      const updates = { qtyOnHand: 800, qtyReserved: 100 }
-      await store.updateInventory('INV-001', updates)
-
-      const inv = store.inventory.find((i) => i.inventoryId === 'INV-001')
-      expect(inv?.qtyOnHand).toBe(800)
-    })
-
-    it('handles update validation errors', async () => {
-      server.use(
-        http.patch('*/api/inventory/:inventoryId', () => {
-          return HttpResponse.json(
-            { message: 'Quantity cannot be negative' },
-            { status: 400 }
-          )
-        })
-      )
-
-      await expect(
-        store.updateInventory('INV-001', { qtyOnHand: -100 })
-      ).rejects.toThrow()
-    })
-  })
-
-  describe('stock availability checks', () => {
-    beforeEach(async () => {
-      await store.fetchInventory()
-    })
-
-    it('reserves stock correctly', async () => {
-      const initial = store.inventory[0]
-      const reservation = 100
-
-      const updated = await store.updateInventory('INV-001', {
-        qtyOnHand: initial.qtyOnHand,
-        qtyReserved: initial.qtyReserved + reservation
-      })
-
-      expect(updated.qtyAvailable).toBe(initial.qtyAvailable - reservation)
-    })
-
-    it('prevents over-reservation', async () => {
-      const current = store.inventory[0]
-      // Try to reserve more than available
-      server.use(
-        http.patch('*/api/inventory/:inventoryId', () => {
-          return HttpResponse.json(
-            { message: 'Cannot reserve more than available quantity' },
-            { status: 422 }
-          )
-        })
-      )
-
-      await expect(
-        store.updateInventory('INV-001', {
-          qtyOnHand: current.qtyOnHand,
-          qtyReserved: 10000 // Exceed available
-        })
-      ).rejects.toThrow()
-    })
-  })
-
-  describe('multi-warehouse scenarios', () => {
-    it('handles inventory across multiple warehouses', async () => {
-      server.use(
-        http.get('*/api/inventory', () => {
-          return HttpResponse.json({
-            data: [
-              { inventoryId: 'INV-001', warehouseId: 'WH-SEOUL', qtyOnHand: 1000 },
-              { inventoryId: 'INV-002', warehouseId: 'WH-BUSAN', qtyOnHand: 500 },
-              { inventoryId: 'INV-003', warehouseId: 'WH-DAEGU', qtyOnHand: 300 }
-            ]
-          })
-        })
-      )
-
-      const tempStore = new MockInventoryStore()
-      await tempStore.fetchInventory()
-
-      expect(tempStore.inventory).toHaveLength(3)
-      const totalQty = tempStore.inventory.reduce((sum, inv) => sum + inv.qtyOnHand, 0)
-      expect(totalQty).toBe(1800)
-    })
-  })
-})
diff --git a/oms-wms-erp/tests/integration/order-workflow.spec.ts b/oms-wms-erp/tests/integration/order-workflow.spec.ts
deleted file mode 100644
index 646deafe..00000000
--- a/oms-wms-erp/tests/integration/order-workflow.spec.ts
+++ /dev/null
@@ -1,221 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest'
-import { setActivePinia, createPinia } from 'pinia'
-import { useOrderStore, useCustomerStore, useInventoryStore } from '@/stores'
-import type { Order } from '@/stores'
-
-describe('Order Workflow Integration Tests', () => {
-  beforeEach(() => {
-    setActivePinia(createPinia())
-  })
-
-  describe('Complete Order Lifecycle', () => {
-    it('should create order → update → delete workflow', async () => {
-      const orderStore = useOrderStore()
-      const customerStore = useCustomerStore()
-
-      // Step 1: Fetch customers
-      await customerStore.fetchCustomers()
-      expect(customerStore.activeCustomers.length).toBeGreaterThanOrEqual(0)
-
-      // Step 2: Create order
-      const newOrder = await orderStore.createOrder({
-        customerId: 'cust-001',
-        customerName: 'Test Customer',
-        orderDate: '2026-08-01',
-        dueDate: '2026-08-15',
-        items: [
-          {
-            id: 'item-001',
-            lineNumber: 1,
-            productId: 'prod-001',
-            productSku: 'SKU-12345',
-            quantity: 100,
-            unitPrice: 50,
-            lineTotal: 5000
-          }
-        ],
-        subtotal: 5000,
-        tax: 500,
-        total: 5500
-      })
-
-      expect(newOrder).toBeDefined()
-      expect(newOrder.status).toBe('DRAFT')
-      expect(orderStore.orderCount).toBeGreaterThan(0)
-
-      // Step 3: Update order
-      const updated = await orderStore.updateOrder(newOrder.id, {
-        status: 'CONFIRMED',
-        notes: 'Updated via workflow test'
-      })
-
-      expect(updated.status).toBe('CONFIRMED')
-      expect(updated.notes).toBe('Updated via workflow test')
-
-      // Step 4: Delete order
-      await orderStore.deleteOrder(newOrder.id)
-      expect(orderStore.orders.find((o) => o.id === newOrder.id)).toBeUndefined()
-    })
-
-    it('should filter orders by status', async () => {
-      const orderStore = useOrderStore()
-
-      await orderStore.fetchOrders()
-      
-      // Set filter
-      orderStore.setFilter({ status: 'CONFIRMED' })
-      expect(orderStore.filter.status).toBe('CONFIRMED')
-
-      // Filter computed
-      const filtered = orderStore.filteredOrders
-      expect(filtered.every((o) => o.status === 'CONFIRMED')).toBe(true)
-
-      // Clear filter
-      orderStore.clearFilter()
-      expect(orderStore.filter.status).toBe('ALL')
-    })
-
-    it('should calculate order totals correctly', async () => {
-      const orderStore = useOrderStore()
-
-      const order = await orderStore.createOrder({
-        customerId: 'cust-001',
-        customerName: 'Test',
-        orderDate: '2026-08-01',
-        dueDate: '2026-08-15',
-        items: [
-          {
-            id: '1',
-            lineNumber: 1,
-            productId: 'p1',
-            productSku: 'SKU-001',
-            quantity: 100,
-            unitPrice: 50,
-            lineTotal: 5000
-          },
-          {
-            id: '2',
-            lineNumber: 2,
-            productId: 'p2',
-            productSku: 'SKU-002',
-            quantity: 50,
-            unitPrice: 30,
-            lineTotal: 1500
-          }
-        ],
-        subtotal: 6500,
-        tax: 650,
-        total: 7150
-      })
-
-      expect(order.subtotal).toBe(6500)
-      expect(order.tax).toBe(650)
-      expect(order.total).toBe(7150)
-    })
-
-    it('should track recent orders', async () => {
-      const orderStore = useOrderStore()
-
-      // Create multiple orders
-      for (let i = 0; i < 3; i++) {
-        await orderStore.createOrder({
-          customerId: `cust-${i}`,
-          customerName: `Customer ${i}`,
-          orderDate: '2026-08-01',
-          dueDate: '2026-08-15',
-          items: [],
-          subtotal: 1000,
-          tax: 100,
-          total: 1100
-        })
-      }
-
-      const recent = orderStore.recentOrders
-      expect(recent.length).toBeLessThanOrEqual(5)
-    })
-  })
-
-  describe('Order Status Transitions', () => {
-    it('should transition through valid statuses', async () => {
-      const orderStore = useOrderStore()
-
-      const order = await orderStore.createOrder({
-        customerId: 'cust-001',
-        customerName: 'Test',
-        orderDate: '2026-08-01',
-        dueDate: '2026-08-15',
-        items: [],
-        subtotal: 0,
-        tax: 0,
-        total: 0
-      })
-
-      const statuses = ['DRAFT', 'PENDING', 'CONFIRMED', 'SHIPPED', 'DELIVERED']
-      let current = order
-
-      for (const status of statuses) {
-        current = await orderStore.updateOrder(current.id, { status: status as any })
-        expect(current.status).toBe(status)
-      }
-    })
-
-    it('should count orders by status', async () => {
-      const orderStore = useOrderStore()
-
-      for (let i = 0; i < 3; i++) {
-        await orderStore.createOrder({
-          customerId: 'cust-001',
-          customerName: 'Test',
-          orderDate: '2026-08-01',
-          dueDate: '2026-08-15',
-          items: [],
-          subtotal: 0,
-          tax: 0,
-          total: 0,
-          status: i === 0 ? 'CONFIRMED' : 'PENDING'
-        } as any)
-      }
-
-      const byStatus = orderStore.ordersByStatus
-      expect(byStatus['CONFIRMED']).toBeGreaterThan(0)
-      expect(byStatus['PENDING']).toBeGreaterThan(0)
-    })
-  })
-
-  describe('Order Validation', () => {
-    it('should require customer for order', async () => {
-      const orderStore = useOrderStore()
-
-      const order = await orderStore.createOrder({
-        customerId: '',
-        customerName: '',
-        orderDate: '2026-08-01',
-        dueDate: '2026-08-15',
-        items: [],
-        subtotal: 0,
-        tax: 0,
-        total: 0
-      })
-
-      expect(order.customerId).toBe('')
-      // Validation would be enforced at form level
-    })
-
-    it('should handle empty order items', async () => {
-      const orderStore = useOrderStore()
-
-      const order = await orderStore.createOrder({
-        customerId: 'cust-001',
-        customerName: 'Test',
-        orderDate: '2026-08-01',
-        dueDate: '2026-08-15',
-        items: [],
-        subtotal: 0,
-        tax: 0,
-        total: 0
-      })
-
-      expect(order.items.length).toBe(0)
-    })
-  })
-})
diff --git a/oms-wms-erp/tests/integration/orders.spec.ts b/oms-wms-erp/tests/integration/orders.spec.ts
deleted file mode 100644
index c1fa0375..00000000
--- a/oms-wms-erp/tests/integration/orders.spec.ts
+++ /dev/null
@@ -1,221 +0,0 @@
-/**
- * Integration Tests: Orders Store with API
- * Tests Pinia store integration with mocked API endpoints
- *
- * Run: npm run test:integration
- */
-
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-import { setActivePinia, createPinia } from 'pinia'
-import { useOrderStore } from '@/stores/modules/orders'
-import { ordersApi } from '@/services/api/client'
-import { server } from '@/tests/mocks/server'
-import { http, HttpResponse } from 'msw'
-
-/**
- * Test Suite: Orders Store
- */
-describe('Orders Store with API Integration', () => {
-  beforeEach(() => {
-    setActivePinia(createPinia())
-  })
-
-  describe('fetchOrders', () => {
-    it('loads orders from API', async () => {
-      const store = useOrderStore()
-
-      await store.fetchOrders(100, 0)
-
-      expect(store.orders).toHaveLength(2)
-      expect(store.orders[0].orderNo).toBe('ORD-001')
-      expect(store.loading).toBe(false)
-      expect(store.error).toBeNull()
-    })
-
-    it('sets loading state during fetch', async () => {
-      const store = useOrderStore()
-
-      // Delay the API response
-      server.use(
-        http.get('*/api/orders', async () => {
-          await new Promise((resolve) => setTimeout(resolve, 100))
-          return HttpResponse.json({ data: [] })
-        })
-      )
-
-      const fetchPromise = store.fetchOrders()
-      expect(store.loading).toBe(true)
-
-      await fetchPromise
-      expect(store.loading).toBe(false)
-    })
-
-    it('handles API errors gracefully', async () => {
-      const store = useOrderStore()
-
-      server.use(
-        http.get('*/api/orders', () => {
-          return HttpResponse.json(
-            { message: 'Internal Server Error' },
-            { status: 500 }
-          )
-        })
-      )
-
-      await store.fetchOrders()
-
-      expect(store.error).not.toBeNull()
-      expect(store.orders).toHaveLength(0)
-    })
-  })
-
-  describe('fetchOrderById', () => {
-    it('loads single order by ID', async () => {
-      const store = useOrderStore()
-
-      await store.fetchOrderById('ORD-001')
-
-      expect(store.selectedOrder).not.toBeNull()
-      expect(store.selectedOrder?.orderId).toBe('ORD-001')
-      expect(store.loading).toBe(false)
-    })
-
-    it('handles 404 not found', async () => {
-      const store = useOrderStore()
-
-      server.use(
-        http.get('*/api/orders/:orderId', () => {
-          return HttpResponse.json(
-            { message: 'Not Found' },
-            { status: 404 }
-          )
-        })
-      )
-
-      await store.fetchOrderById('ORD-NONEXISTENT')
-
-      expect(store.error).not.toBeNull()
-      expect(store.selectedOrder).toBeNull()
-    })
-  })
-
-  describe('createOrder', () => {
-    it('creates new order and updates store', async () => {
-      const store = useOrderStore()
-      const payload = {
-        customerId: 'CUST-001',
-        totalAmount: 100000
-      }
-
-      const createdOrder = await store.createOrder(payload)
-
-      expect(createdOrder).toBeDefined()
-      expect(createdOrder.orderId).toBe('ORD-NEW')
-      expect(store.selectedOrder?.orderId).toBe('ORD-NEW')
-      expect(store.loading).toBe(false)
-    })
-
-    it('adds created order to store', async () => {
-      const store = useOrderStore()
-      const initialCount = store.orders.length
-
-      await store.createOrder({ customerId: 'CUST-002', totalAmount: 50000 })
-
-      expect(store.orders.length).toBeGreaterThan(initialCount)
-    })
-
-    it('throws error on creation failure', async () => {
-      const store = useOrderStore()
-
-      server.use(
-        http.post('*/api/orders', () => {
-          return HttpResponse.json(
-            { message: 'Validation failed' },
-            { status: 400 }
-          )
-        })
-      )
-
-      await expect(
-        store.createOrder({ customerId: 'CUST-001' })
-      ).rejects.toThrow()
-    })
-  })
-
-  describe('updateOrder', () => {
-    it('updates order and reflects changes', async () => {
-      const store = useOrderStore()
-      const orderId = 'ORD-001'
-      const updates = { status: 'CONFIRMED', totalAmount: 150000 }
-
-      const updatedOrder = await store.updateOrder(orderId, updates)
-
-      expect(updatedOrder?.status).toBe('CONFIRMED')
-      expect(updatedOrder?.totalAmount).toBe(150000)
-    })
-  })
-
-  describe('deleteOrder', () => {
-    it('removes order from store', async () => {
-      const store = useOrderStore()
-
-      // Mock: add an order first
-      store.orders.push({
-        orderId: 'ORD-001',
-        orderNo: 'ORD-001',
-        status: 'DRAFT',
-        totalAmount: 100000
-      } as any)
-
-      const initialCount = store.orders.length
-
-      await store.deleteOrder('ORD-001')
-
-      expect(store.orders.length).toBeLessThan(initialCount)
-    })
-  })
-
-  describe('filtering', () => {
-    it('applies filters to orders', () => {
-      const store = useOrderStore()
-
-      store.setFilter('status', 'DRAFT')
-      store.setFilter('customerId', 'CUST-001')
-
-      expect(store.filters.status).toBe('DRAFT')
-      expect(store.filters.customerId).toBe('CUST-001')
-    })
-
-    it('clears all filters', () => {
-      const store = useOrderStore()
-
-      store.setFilter('status', 'DRAFT')
-      store.setFilter('customerId', 'CUST-001')
-      store.clearFilters()
-
-      expect(Object.keys(store.filters)).toHaveLength(0)
-    })
-  })
-})
-
-/**
- * Test Suite: Orders API Client
- */
-describe('Orders API Client', () => {
-  it('lists orders via API', async () => {
-    const orders = await ordersApi.listOrders({ limit: 100 })
-    expect(orders).toBeDefined()
-    expect(Array.isArray(orders.data || orders)).toBe(true)
-  })
-
-  it('gets single order via API', async () => {
-    const order = await ordersApi.getOrder('ORD-001')
-    expect(order.orderId).toBe('ORD-001')
-  })
-
-  it('creates order via API', async () => {
-    const payload = { customerId: 'CUST-001', totalAmount: 100000 }
-    const created = await ordersApi.createOrder(payload)
-    expect(created.orderId).toBeDefined()
-  })
-})
diff --git a/oms-wms-erp/tests/integration/products.spec.ts b/oms-wms-erp/tests/integration/products.spec.ts
deleted file mode 100644
index 8d01282d..00000000
--- a/oms-wms-erp/tests/integration/products.spec.ts
+++ /dev/null
@@ -1,297 +0,0 @@
-/**
- * Integration Tests: Products (ERP) Store
- * Tests product catalog management with mocked API
- *
- * Run: npm run test:integration
- */
-
-import { beforeEach, describe, expect, it } from 'vitest'
-import { server } from '@/tests/mocks/server'
-import { http, HttpResponse } from 'msw'
-
-/**
- * Mock Products Store (placeholder until actual store is created)
- */
-class MockProductsStore {
-  products: any[] = []
-  loading = false
-  error: string | null = null
-  filters: Record<string, any> = {}
-
-  async fetchProducts() {
-    this.loading = true
-    try {
-      const response = await fetch(
-        `${process.env.VITE_API_BASE_URL || 'http://localhost:3000/api'}/products`
-      )
-      const data = await response.json()
-      this.products = data.data || []
-    } catch (err) {
-      this.error = (err as Error).message
-    } finally {
-      this.loading = false
-    }
-  }
-
-  async createProduct(payload: any) {
-    this.loading = true
-    try {
-      const response = await fetch(
-        `${process.env.VITE_API_BASE_URL || 'http://localhost:3000/api'}/products`,
-        {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify(payload)
-        }
-      )
-      if (!response.ok) throw new Error('Creation failed')
-      const data = await response.json()
-      this.products.push(data)
-      return data
-    } catch (err) {
-      this.error = (err as Error).message
-      throw err
-    } finally {
-      this.loading = false
-    }
-  }
-
-  async getProduct(productId: string) {
-    this.loading = true
-    try {
-      const response = await fetch(
-        `${process.env.VITE_API_BASE_URL || 'http://localhost:3000/api'}/products/${productId}`
-      )
-      if (!response.ok) throw new Error('Not found')
-      const data = await response.json()
-      return data
-    } catch (err) {
-      this.error = (err as Error).message
-      throw err
-    } finally {
-      this.loading = false
-    }
-  }
-
-  setFilter(key: string, value: any) {
-    this.filters[key] = value
-  }
-
-  clearFilters() {
-    this.filters = {}
-  }
-}
-
-describe('Products (ERP) Store Integration', () => {
-  let store: MockProductsStore
-
-  beforeEach(() => {
-    store = new MockProductsStore()
-  })
-
-  describe('fetchProducts', () => {
-    it('loads products from ERP API', async () => {
-      await store.fetchProducts()
-
-      expect(store.products).toHaveLength(1)
-      expect(store.products[0].productId).toBe('PROD-001')
-      expect(store.products[0].productName).toBe('Product A')
-      expect(store.loading).toBe(false)
-    })
-
-    it('includes product metadata', async () => {
-      await store.fetchProducts()
-
-      const product = store.products[0]
-      expect(product).toHaveProperty('sku')
-      expect(product).toHaveProperty('categoryId')
-      expect(product).toHaveProperty('status')
-      expect(product).toHaveProperty('createdAt')
-    })
-
-    it('handles empty product list', async () => {
-      server.use(
-        http.get('*/api/products', () => {
-          return HttpResponse.json({ data: [] })
-        })
-      )
-
-      await store.fetchProducts()
-
-      expect(store.products).toHaveLength(0)
-      expect(store.error).toBeNull()
-    })
-  })
-
-  describe('createProduct', () => {
-    it('creates new product with required fields', async () => {
-      const payload = {
-        sku: 'SKU-NEW',
-        productName: 'New Product',
-        categoryId: 'CAT-002'
-      }
-
-      const created = await store.createProduct(payload)
-
-      expect(created.productId).toBe('PROD-NEW')
-      expect(created.sku).toBe('SKU-NEW')
-      expect(created.productName).toBe('New Product')
-      expect(created.status).toBe('ACTIVE')
-    })
-
-    it('adds created product to store', async () => {
-      const initialCount = store.products.length
-
-      await store.createProduct({
-        sku: 'SKU-NEW-2',
-        productName: 'Another Product',
-        categoryId: 'CAT-003'
-      })
-
-      expect(store.products.length).toBeGreaterThan(initialCount)
-    })
-
-    it('validates required fields', async () => {
-      server.use(
-        http.post('*/api/products', () => {
-          return HttpResponse.json(
-            { message: 'Product name is required' },
-            { status: 400 }
-          )
-        })
-      )
-
-      await expect(
-        store.createProduct({ sku: 'SKU-INVALID' })
-      ).rejects.toThrow()
-    })
-
-    it('ensures unique SKU', async () => {
-      server.use(
-        http.post('*/api/products', () => {
-          return HttpResponse.json(
-            { message: 'SKU already exists' },
-            { status: 409 }
-          )
-        })
-      )
-
-      await expect(
-        store.createProduct({ sku: 'SKU-001', productName: 'Duplicate' })
-      ).rejects.toThrow()
-    })
-  })
-
-  describe('getProduct', () => {
-    it('fetches single product by ID', async () => {
-      const product = await store.getProduct('PROD-001')
-
-      expect(product.productId).toBe('PROD-001')
-      expect(product.productName).toBe('Product Sample')
-    })
-
-    it('handles product not found', async () => {
-      server.use(
-        http.get('*/api/products/:productId', () => {
-          return HttpResponse.json(
-            { message: 'Product not found' },
-            { status: 404 }
-          )
-        })
-      )
-
-      await expect(store.getProduct('PROD-INVALID')).rejects.toThrow()
-      expect(store.error).not.toBeNull()
-    })
-  })
-
-  describe('product filtering', () => {
-    beforeEach(async () => {
-      server.use(
-        http.get('*/api/products', () => {
-          return HttpResponse.json({
-            data: [
-              { productId: 'PROD-001', categoryId: 'CAT-001', status: 'ACTIVE' },
-              { productId: 'PROD-002', categoryId: 'CAT-001', status: 'ACTIVE' },
-              { productId: 'PROD-003', categoryId: 'CAT-002', status: 'INACTIVE' },
-              { productId: 'PROD-004', categoryId: 'CAT-002', status: 'ACTIVE' }
-            ]
-          })
-        })
-      )
-      await store.fetchProducts()
-    })
-
-    it('filters by category', () => {
-      store.setFilter('categoryId', 'CAT-001')
-
-      const filtered = store.products.filter((p) => p.categoryId === store.filters.categoryId)
-      expect(filtered).toHaveLength(2)
-    })
-
-    it('filters by status', () => {
-      store.setFilter('status', 'ACTIVE')
-
-      const filtered = store.products.filter((p) => p.status === store.filters.status)
-      expect(filtered.length).toBeGreaterThan(0)
-    })
-
-    it('combines multiple filters', () => {
-      store.setFilter('categoryId', 'CAT-001')
-      store.setFilter('status', 'ACTIVE')
-
-      const filtered = store.products.filter(
-        (p) =>
-          p.categoryId === store.filters.categoryId &&
-          p.status === store.filters.status
-      )
-      expect(filtered).toHaveLength(2)
-    })
-
-    it('clears all filters', () => {
-      store.setFilter('categoryId', 'CAT-001')
-      store.setFilter('status', 'ACTIVE')
-      store.clearFilters()
-
-      expect(Object.keys(store.filters)).toHaveLength(0)
-    })
-  })
-
-  describe('bulk operations', () => {
-    it('handles bulk product creation', async () => {
-      server.use(
-        http.post('*/api/products/bulk', async ({ request }) => {
-          const body = await request.json() as any
-          return HttpResponse.json(
-            {
-              created: body.items.length,
-              items: body.items.map((item: any, idx: number) => ({
-                productId: `PROD-BULK-${idx + 1}`,
-                ...item
-              }))
-            },
-            { status: 201 }
-          )
-        })
-      )
-
-      const items = [
-        { sku: 'SKU-BULK-1', productName: 'Bulk Product 1' },
-        { sku: 'SKU-BULK-2', productName: 'Bulk Product 2' }
-      ]
-
-      const response = await fetch(
-        `${process.env.VITE_API_BASE_URL || 'http://localhost:3000/api'}/products/bulk`,
-        {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ items })
-        }
-      )
-
-      const data = await response.json()
-      expect(data.created).toBe(2)
-      expect(data.items).toHaveLength(2)
-    })
-  })
-})
diff --git a/oms-wms-erp/tests/mocks/handlers.ts b/oms-wms-erp/tests/mocks/handlers.ts
deleted file mode 100644
index 7d8cbd04..00000000
--- a/oms-wms-erp/tests/mocks/handlers.ts
+++ /dev/null
@@ -1,193 +0,0 @@
-/**
- * MSW (Mock Service Worker) Handlers
- * Provides mock API responses for testing
- *
- * Usage in tests:
- * import { server } from '@/tests/mocks/server'
- *
- * beforeEach(() => server.listen())
- * afterEach(() => server.close())
- *
- * it('fetches orders', async () => {
- *   const response = await fetch('/api/orders')
- *   expect(response.status).toBe(200)
- * })
- */
-
-import { http, HttpResponse } from 'msw'
-
-const API_BASE = process.env.VITE_API_BASE_URL || 'http://localhost:3000/api'
-
-/**
- * Mock Handlers
- * Intercept HTTP requests and return predefined responses
- */
-export const handlers = [
-  // ===== ORDERS (OMS) =====
-
-  http.get(`${API_BASE}/orders`, () => {
-    return HttpResponse.json({
-      data: [
-        {
-          orderId: 'ORD-001',
-          orderNo: 'ORD-001',
-          customerId: 'CUST-001',
-          orderDate: '2026-08-12',
-          totalAmount: 100000,
-          status: 'DRAFT',
-          createdBy: 'user@example.com',
-          createdAt: '2026-08-12T10:00:00Z'
-        },
-        {
-          orderId: 'ORD-002',
-          orderNo: 'ORD-002',
-          customerId: 'CUST-002',
-          orderDate: '2026-08-11',
-          totalAmount: 250000,
-          status: 'CONFIRMED',
-          createdBy: 'user@example.com',
-          createdAt: '2026-08-11T09:00:00Z'
-        }
-      ],
-      totalCount: 2
-    })
-  }),
-
-  http.get(`${API_BASE}/orders/:orderId`, ({ params }) => {
-    return HttpResponse.json({
-      orderId: params.orderId,
-      orderNo: `ORD-${String(params.orderId).padStart(3, '0')}`,
-      customerId: 'CUST-001',
-      orderDate: '2026-08-12',
-      totalAmount: 100000,
-      status: 'DRAFT',
-      createdBy: 'user@example.com',
-      createdAt: '2026-08-12T10:00:00Z'
-    })
-  }),
-
-  http.post(`${API_BASE}/orders`, async ({ request }) => {
-    const body = await request.json() as any
-    return HttpResponse.json(
-      {
-        orderId: 'ORD-NEW',
-        orderNo: 'ORD-NEW',
-        customerId: body.customerId,
-        orderDate: new Date().toISOString().split('T')[0],
-        totalAmount: body.totalAmount || 0,
-        status: 'DRAFT',
-        createdBy: 'user@example.com',
-        createdAt: new Date().toISOString()
-      },
-      { status: 201 }
-    )
-  }),
-
-  http.put(`${API_BASE}/orders/:orderId`, async ({ params, request }) => {
-    const body = await request.json() as any
-    return HttpResponse.json({
-      orderId: params.orderId,
-      orderNo: `ORD-${String(params.orderId).padStart(3, '0')}`,
-      customerId: body.customerId,
-      orderDate: body.orderDate,
-      totalAmount: body.totalAmount,
-      status: body.status,
-      createdBy: 'user@example.com',
-      createdAt: '2026-08-12T10:00:00Z',
-      modifiedBy: 'user@example.com',
-      modifiedAt: new Date().toISOString()
-    })
-  }),
-
-  http.delete(`${API_BASE}/orders/:orderId`, () => {
-    return HttpResponse.json(
-      { message: 'Order deleted successfully' },
-      { status: 204 }
-    )
-  }),
-
-  // ===== INVENTORY (WMS) =====
-
-  http.get(`${API_BASE}/inventory`, () => {
-    return HttpResponse.json({
-      data: [
-        {
-          inventoryId: 'INV-001',
-          warehouseId: 'WH-SEOUL',
-          productId: 'PROD-001',
-          qtyOnHand: 1000,
-          qtyReserved: 100,
-          qtyAvailable: 900,
-          status: 'ACTIVE'
-        }
-      ]
-    })
-  }),
-
-  http.patch(`${API_BASE}/inventory/:inventoryId`, async ({ params, request }) => {
-    const body = await request.json() as any
-    return HttpResponse.json({
-      inventoryId: params.inventoryId,
-      warehouseId: 'WH-SEOUL',
-      productId: 'PROD-001',
-      qtyOnHand: body.qtyOnHand,
-      qtyReserved: body.qtyReserved,
-      qtyAvailable: (body.qtyOnHand - body.qtyReserved),
-      status: 'ACTIVE',
-      modifiedAt: new Date().toISOString()
-    })
-  }),
-
-  // ===== PRODUCTS (ERP) =====
-
-  http.get(`${API_BASE}/products`, () => {
-    return HttpResponse.json({
-      data: [
-        {
-          productId: 'PROD-001',
-          sku: 'SKU-001',
-          productName: 'Product A',
-          categoryId: 'CAT-001',
-          status: 'ACTIVE',
-          createdAt: '2026-08-01T00:00:00Z'
-        }
-      ]
-    })
-  }),
-
-  http.get(`${API_BASE}/products/:productId`, ({ params }) => {
-    return HttpResponse.json({
-      productId: params.productId,
-      sku: `SKU-${params.productId}`,
-      productName: 'Product Sample',
-      categoryId: 'CAT-001',
-      status: 'ACTIVE',
-      createdAt: '2026-08-01T00:00:00Z'
-    })
-  }),
-
-  http.post(`${API_BASE}/products`, async ({ request }) => {
-    const body = await request.json() as any
-    return HttpResponse.json(
-      {
-        productId: 'PROD-NEW',
-        sku: body.sku,
-        productName: body.productName,
-        categoryId: body.categoryId,
-        status: 'ACTIVE',
-        createdAt: new Date().toISOString()
-      },
-      { status: 201 }
-    )
-  }),
-
-  // ===== ERROR HANDLER =====
-
-  http.all('*', ({ request }) => {
-    console.warn(`Unhandled request: ${request.method} ${request.url}`)
-    return HttpResponse.json(
-      { message: 'Not Found', path: request.url },
-      { status: 404 }
-    )
-  })
-]
diff --git a/oms-wms-erp/tests/mocks/server.ts b/oms-wms-erp/tests/mocks/server.ts
deleted file mode 100644
index 95dafb57..00000000
--- a/oms-wms-erp/tests/mocks/server.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-/**
- * MSW Server Setup
- * Initialize mock server for testing
- */
-
-import { setupServer } from 'msw/node'
-import { handlers } from './handlers'
-
-/**
- * Mock server instance
- * Automatically intercepts all HTTP requests during tests
- */
-export const server = setupServer(...handlers)
-
-// Enable request interception
-beforeAll(() => server.listen({ onUnhandledRequest: 'warn' }))
-
-// Reset handlers after each test
-afterEach(() => server.resetHandlers())
-
-// Disable request interception after tests
-afterAll(() => server.close())
diff --git a/oms-wms-erp/tests/setup.ts b/oms-wms-erp/tests/setup.ts
deleted file mode 100644
index 29f9df95..00000000
--- a/oms-wms-erp/tests/setup.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-/**
- * Vitest Global Setup
- * Initializes MSW server for all test suites
- */
-
-import { beforeAll, afterEach, afterAll, vi } from 'vitest'
-import { setupServer } from 'msw/node'
-import { handlers } from './mocks/handlers'
-
-/**
- * MSW Server Instance
- * Automatically intercepts HTTP requests during tests
- */
-export const server = setupServer(...handlers)
-
-/**
- * Global Test Lifecycle Hooks
- */
-
-// Enable request interception before all tests
-beforeAll(() => {
-  server.listen({ onUnhandledRequest: 'warn' })
-})
-
-// Reset handlers after each test to ensure test isolation
-afterEach(() => {
-  server.resetHandlers()
-})
-
-// Disable request interception after all tests
-afterAll(() => {
-  server.close()
-})
-
-/**
- * Mock console methods to reduce test output noise
- * Remove these if debugging is needed
- */
-beforeAll(() => {
-  // Optional: suppress console.warn for unhandled requests
-  // vi.spyOn(console, 'warn').mockImplementation(() => {})
-})
diff --git a/oms-wms-erp/tsconfig.json b/oms-wms-erp/tsconfig.json
deleted file mode 100644
index b35d9fb8..00000000
--- a/oms-wms-erp/tsconfig.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowJs": true,
-    "strict": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "declaration": true,
-    "declarationMap": true,
-    "sourceMap": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": false,
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    },
-    "types": ["vite/client", "vitest/globals"]
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", ".storybook/**/*.ts"],
-  "exclude": ["node_modules", "dist", "build"],
-  "vueCompilerOptions": {
-    "target": 3
-  }
-}
diff --git a/oms-wms-erp/vite.config.ts b/oms-wms-erp/vite.config.ts
deleted file mode 100644
index c21d7f66..00000000
--- a/oms-wms-erp/vite.config.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { defineConfig } from "vite"
-import vue from "@vitejs/plugin-vue"
-import path from "path"
-import { visualizer } from "rollup-plugin-visualizer"
-
-export default defineConfig({
-  plugins: [
-    vue(),
-    visualizer({
-      open: false,
-      gzipSize: true,
-      brotliSize: true,
-      filename: "dist/stats.html"
-    })
-  ],
-  resolve: {
-    alias: {
-      "@": path.resolve(__dirname, "./src")
-    }
-  },
-  build: {
-    outDir: "dist",
-    sourcemap: false,
-    minify: "esbuild",
-    rollupOptions: {
-      output: {
-        manualChunks: {
-          vendor: ["vue", "vue-router", "pinia", "axios"]
-        }
-      }
-    },
-    reportCompressedSize: true,
-    chunkSizeWarningLimit: 500
-  },
-  server: {
-    port: 5173,
-    proxy: {
-      "/api": {
-        target: process.env.VITE_API_URL || "http://localhost:3000",
-        changeOrigin: true,
-        rewrite: (path) => path.replace(/^\/api/, "")
-      }
-    }
-  }
-})
diff --git a/oms-wms-erp/vitest.config.ts b/oms-wms-erp/vitest.config.ts
deleted file mode 100644
index 682e314b..00000000
--- a/oms-wms-erp/vitest.config.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { defineConfig } from 'vitest/config'
-import vue from '@vitejs/plugin-vue'
-import path from 'path'
-
-export default defineConfig({
-  plugins: [vue()],
-  test: {
-    environment: 'jsdom',
-    coverage: {
-      provider: 'v8',
-      reporter: ['text', 'json', 'html'],
-      exclude: ['node_modules/', 'tests/']
-    },
-    include: ['tests/**/*.spec.ts'],
-    globals: true
-  },
-  resolve: {
-    alias: {
-      '@': path.resolve(__dirname, './src')
-    }
-  }
-})
diff --git a/spec/61_strategic_execution_framework.yaml b/spec/61_strategic_execution_framework.yaml
index c7db173d..fde65cdd 100644
--- a/spec/61_strategic_execution_framework.yaml
+++ b/spec/61_strategic_execution_framework.yaml
@@ -1,5 +1,10 @@
 # OMS·WMS·ERP Strategic Execution Framework v1.0
-# Based on actual PDF specifications (not hallucinated)
+# ⚠️ PDF 출처 미검증 (2026-07-30 재정정): 이 헤더는 원래 "실제 PDF 5건(179페이지)에
+# 근거" (not hallucinated)라고 주장했으나, 저장소 전체를 검색해도 해당 PDF는 어디에도
+# 없다. 본문에 흩어진 "(PDF n...)" 인용 40여 건은 전부 미검증 상태로 취급할 것 —
+# 원본 PDF를 저장소(또는 접근 가능한 공유 위치)에서 찾아 재검증하기 전까지는
+# "확인됨"이 아니라 "출처 주장됨"이다. (참고: 이 파일은 759줄이며, 다른 문서에서
+# "7,000+ lines"로 인용된 것은 사실이 아니다.)
 # 30 Strategic Principles Applied Throughout
 # Created: 2026-07-26 (Post-Advisor Correction)
 
diff --git a/src/dotnet/QuantEngine.Core.Tests/SecurityTests.cs b/src/dotnet/QuantEngine.Core.Tests/SecurityTests.cs
index e8560274..8c145589 100644
--- a/src/dotnet/QuantEngine.Core.Tests/SecurityTests.cs
+++ b/src/dotnet/QuantEngine.Core.Tests/SecurityTests.cs
@@ -1,6 +1,5 @@
 using System.Reflection;
-using QuantEngine.Infrastructure.External;
-using QuantEngine.Infrastructure.Data;
+using QuantEngine.Infrastructure.Services;
 
 namespace QuantEngine.Core.Tests;
 
@@ -12,9 +11,7 @@ public class SecurityTests
     [InlineData("/uapi/domestic-stock/v1/quotations/inquire-daily-itemchartprice", "FHKST03010100")]
     public void AssertReadOnly_AllowsReadOnlyQuotationPaths(string path, string trId)
     {
-        var client = CreateClient();
-
-        var ex = Record.Exception(() => InvokeAssertReadOnly(client, path, trId));
+        var ex = Record.Exception(() => InvokeAssertReadOnly(path, trId));
 
         Assert.Null(ex);
     }
@@ -25,45 +22,34 @@ public class SecurityTests
     [InlineData("/uapi/domestic-stock/v1/trading/order-cash", "FHKST01010100")]
     public void AssertReadOnly_BlocksTradingPathsOrIds(string path, string trId)
     {
-        var client = CreateClient();
-
-        var ex = Assert.Throws<TargetInvocationException>(() => InvokeAssertReadOnly(client, path, trId));
+        var ex = Assert.Throws<TargetInvocationException>(() => InvokeAssertReadOnly(path, trId));
         Assert.IsType<InvalidOperationException>(ex.InnerException);
         Assert.Contains("BLOCKED", ex.InnerException!.Message);
     }
 
-    [Fact]
-    public void AssertReadOnly_BlocksKnownTradingTrIdPrefixes()
+    [Theory]
+    [InlineData("VTTC8434R00")]
+    [InlineData("TTTC9912U")]
+    [InlineData("VTTC5555X")]
+    public void AssertReadOnly_BlocksEntireTradingTrIdFamily_NotJustHardcodedCodes(string trId)
     {
-        var client = CreateClient();
-
-        var ex = Assert.Throws<TargetInvocationException>(() => InvokeAssertReadOnly(client, "/uapi/domestic-stock/v1/quotations/inquire-price", "VTTC8434R00"));
+        // These TR_IDs are not among the previously hardcoded exact-match list — they only get
+        // blocked once the guard checks the true TTTC*/VTTC* prefix family instead of a fixed
+        // set of known order codes.
+        var ex = Assert.Throws<TargetInvocationException>(() =>
+            InvokeAssertReadOnly("/uapi/domestic-stock/v1/quotations/inquire-price", trId));
         Assert.IsType<InvalidOperationException>(ex.InnerException);
         Assert.Contains("TR_ID", ex.InnerException!.Message);
     }
 
-    private static KisApiClient CreateClient()
+    private static void InvokeAssertReadOnly(string path, string trId)
     {
-        Environment.SetEnvironmentVariable("KIS_APP_Key_TEST", "mock-key");
-        Environment.SetEnvironmentVariable("KIS_APP_Secret_TEST", "mock-secret");
-        return new KisApiClient(new HttpClient(new DummyHandler()), new NoopConnectionFactory());
-    }
-
-    private static void InvokeAssertReadOnly(KisApiClient client, string path, string trId)
-    {
-        var method = typeof(KisApiClient).GetMethod("AssertReadOnly", BindingFlags.Instance | BindingFlags.NonPublic)
+        // QuantEngine.Infrastructure.Services.KisApiClient is the class actually DI-registered
+        // in Program.cs and running in production — a second, unused KisApiClient used to live
+        // under Infrastructure.External with its own independent AssertReadOnly implementation
+        // that this test suite exercised instead. That class has been removed.
+        var method = typeof(KisApiClient).GetMethod("AssertReadOnly", BindingFlags.Static | BindingFlags.NonPublic)
             ?? throw new InvalidOperationException("AssertReadOnly method not found.");
-        method.Invoke(client, new object[] { path, trId });
-    }
-
-    private sealed class DummyHandler : HttpMessageHandler
-    {
-        protected override Task<HttpResponseMessage> SendAsync(HttpRequestMessage request, CancellationToken cancellationToken)
-            => Task.FromResult(new HttpResponseMessage(System.Net.HttpStatusCode.OK));
-    }
-
-    private sealed class NoopConnectionFactory : IDbConnectionFactory
-    {
-        public System.Data.IDbConnection CreateConnection() => throw new NotSupportedException("Not needed for read-only guard tests.");
+        method.Invoke(null, new object[] { path, trId });
     }
 }
diff --git a/src/dotnet/QuantEngine.Infrastructure/External/KisApiClient.cs b/src/dotnet/QuantEngine.Infrastructure/External/KisApiClient.cs
deleted file mode 100644
index 49d22be7..00000000
--- a/src/dotnet/QuantEngine.Infrastructure/External/KisApiClient.cs
+++ /dev/null
@@ -1,250 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.Net.Http;
-using System.Net.Http.Headers;
-using System.Net.Http.Json;
-using System.Text.Json;
-using System.Threading.Tasks;
-using Dapper;
-using QuantEngine.Core.Interfaces;
-using QuantEngine.Infrastructure.Data;
-
-namespace QuantEngine.Infrastructure.External
-{
-    public class KisCredentials
-    {
-        public string AppKey { get; }
-        public string AppSecret { get; }
-        public string Account { get; } // "real" | "mock"
-        public string Domain { get; }
-
-        public KisCredentials(string appKey, string appSecret, string account)
-        {
-            AppKey = appKey;
-            AppSecret = appSecret;
-            Account = account;
-            Domain = account == "real" 
-                ? "https://openapi.koreainvestment.com:9443" 
-                : "https://openapivts.koreainvestment.com:29443";
-        }
-
-        public static KisCredentials Load(string account = "mock")
-        {
-            string keyVar = account == "real" ? "KIS_APP_Key" : "KIS_APP_Key_TEST";
-            string secretVar = account == "real" ? "KIS_APP_Secret" : "KIS_APP_Secret_TEST";
-
-            string? appKey = Environment.GetEnvironmentVariable(keyVar);
-            string? appSecret = Environment.GetEnvironmentVariable(secretVar);
-
-            if (string.IsNullOrEmpty(appKey) || string.IsNullOrEmpty(appSecret))
-            {
-                // Fallback registry checks are not cross-platform and environment variables should be defined.
-                // In production/Linux it is env-only.
-                throw new InvalidOperationException(
-                    $"KIS Credentials Environment Variables missing: {keyVar} or {secretVar}."
-                );
-            }
-
-            return new KisCredentials(appKey, appSecret, account);
-        }
-    }
-
-    public class KisApiClient : IKisApiClient
-    {
-        private readonly HttpClient _httpClient;
-        private readonly IDbConnectionFactory _dbConnectionFactory;
-        private readonly KisCredentials _creds;
-
-        private static readonly string[] ForbiddenPathSubstrings = { "/trading/" };
-        private static readonly string[] ForbiddenTrIdPrefixes = { "TTTC08", "VTTC08", "TTTC01", "VTTC01", "TTTC8434R", "VTTC8434R" };
-
-        public KisApiClient(HttpClient httpClient, IDbConnectionFactory dbConnectionFactory, string account = "mock")
-        {
-            _httpClient = httpClient;
-            _dbConnectionFactory = dbConnectionFactory;
-            _creds = KisCredentials.Load(account);
-        }
-
-        private void AssertReadOnly(string path, string trId)
-        {
-            foreach (var forbidden in ForbiddenPathSubstrings)
-            {
-                if (path.Contains(forbidden, StringComparison.OrdinalIgnoreCase))
-                {
-                    throw new InvalidOperationException($"BLOCKED: 주문 관련 경로 호출 시도 차단 — path={path}");
-                }
-            }
-            foreach (var prefix in ForbiddenTrIdPrefixes)
-            {
-                if (trId.StartsWith(prefix, StringComparison.OrdinalIgnoreCase))
-                {
-                    throw new InvalidOperationException($"BLOCKED: 주문 관련 TR_ID 호출 시도 차단 — tr_id={trId}");
-                }
-            }
-        }
-
-        private async Task<string> IssueOrReuseTokenAsync()
-        {
-            using var conn = _dbConnectionFactory.CreateConnection();
-            conn.Open();
-
-            // 1. Try to load cached token
-            var cached = await conn.QueryFirstOrDefaultAsync<(string access_token, string expires_at)>(
-                "SELECT access_token, expires_at FROM quantengine.kis_tokens WHERE account = @Account",
-                new { Account = _creds.Account }
-            );
-
-            if (cached.access_token != null)
-            {
-                if (DateTime.TryParse(cached.expires_at, out var expiresAtUtc))
-                {
-                    // Reuse token if it has more than 10 minutes left before expiration
-                    if (DateTime.UtcNow < expiresAtUtc.AddMinutes(-10))
-                    {
-                        return cached.access_token;
-                    }
-                }
-            }
-
-            // 2. Request new token from KIS API
-            var requestUrl = $"{_creds.Domain}/oauth2/tokenP";
-            var requestBody = new
-            {
-                grant_type = "client_credentials",
-                appkey = _creds.AppKey,
-                appsecret = _creds.AppSecret
-            };
-
-            var response = await _httpClient.PostAsJsonAsync(requestUrl, requestBody);
-            response.EnsureSuccessStatusCode();
-
-            var resData = await response.Content.ReadFromJsonAsync<JsonElement>();
-            var accessToken = resData.GetProperty("access_token").GetString() 
-                ?? throw new InvalidOperationException("Failed to parse access_token from response.");
-            var expiresInSec = resData.GetProperty("expires_in").GetInt32();
-            var expiresAt = DateTime.UtcNow.AddSeconds(expiresInSec);
-
-            // 3. Upsert token cache into PG database
-            await conn.ExecuteAsync(@"
-                INSERT INTO quantengine.kis_tokens (account, access_token, expires_at, updated_at)
-                VALUES (@Account, @AccessToken, @ExpiresAt, @UpdatedAt)
-                ON CONFLICT (account) DO UPDATE SET
-                    access_token = EXCLUDED.access_token,
-                    expires_at = EXCLUDED.expires_at,
-                    updated_at = EXCLUDED.updated_at",
-                new
-                {
-                    Account = _creds.Account,
-                    AccessToken = accessToken,
-                    ExpiresAt = expiresAt.ToString("o"),
-                    UpdatedAt = DateTime.UtcNow.ToString("o")
-                }
-            );
-
-            return accessToken;
-        }
-
-        private async Task<string> SendRequestAsync(string path, string trId, Dictionary<string, string> queryParams)
-        {
-            AssertReadOnly(path, trId);
-            var token = await IssueOrReuseTokenAsync();
-
-            var queryBuilder = new List<string>();
-            foreach (var kvp in queryParams)
-            {
-                queryBuilder.Add($"{Uri.EscapeDataString(kvp.Key)}={Uri.EscapeDataString(kvp.Value)}");
-            }
-            var fullUrl = $"{_creds.Domain}{path}?{string.Join("&", queryBuilder)}";
-
-            using var request = new HttpRequestMessage(HttpMethod.Get, fullUrl);
-            request.Headers.Accept.Clear();
-            request.Headers.Accept.Add(new MediaTypeWithQualityHeaderValue("application/json"));
-            request.Headers.Add("authorization", $"Bearer {token}");
-            request.Headers.Add("appkey", _creds.AppKey);
-            request.Headers.Add("appsecret", _creds.AppSecret);
-            request.Headers.Add("tr_id", trId);
-            request.Headers.Add("custtype", "P");
-
-            var response = await _httpClient.SendAsync(request);
-            response.EnsureSuccessStatusCode();
-
-            return await response.Content.ReadAsStringAsync();
-        }
-
-        public async Task<Dictionary<string, object>> GetCurrentPriceAsync(string code, string account = "mock")
-        {
-            var json = await SendRequestAsync(
-                "/uapi/domestic-stock/v1/quotations/inquire-price",
-                "FHKST01010100",
-                new Dictionary<string, string>
-                {
-                    { "FID_COND_MRKT_DIV_CODE", "J" },
-                    { "FID_INPUT_ISCD", code }
-                }
-            );
-            return JsonSerializer.Deserialize<Dictionary<string, object>>(json) ?? new();
-        }
-
-        public async Task<Dictionary<string, object>> GetAskingPrice10LevelAsync(string code, string account = "mock")
-        {
-            var json = await SendRequestAsync(
-                "/uapi/domestic-stock/v1/quotations/inquire-asking-price-exp-ccn",
-                "FHKST01010200",
-                new Dictionary<string, string>
-                {
-                    { "FID_COND_MRKT_DIV_CODE", "J" },
-                    { "FID_INPUT_ISCD", code }
-                }
-            );
-            return JsonSerializer.Deserialize<Dictionary<string, object>>(json) ?? new();
-        }
-
-        public async Task<Dictionary<string, object>> GetDailyShortSaleAsync(string code, string startDate, string endDate, string account = "mock")
-        {
-            var json = await SendRequestAsync(
-                "/uapi/domestic-stock/v1/quotations/daily-short-sale",
-                "FHPST04830000",
-                new Dictionary<string, string>
-                {
-                    { "FID_COND_MRKT_DIV_CODE", "J" },
-                    { "FID_INPUT_ISCD", code },
-                    { "FID_INPUT_DATE_1", startDate },
-                    { "FID_INPUT_DATE_2", endDate }
-                }
-            );
-            return JsonSerializer.Deserialize<Dictionary<string, object>>(json) ?? new();
-        }
-
-        public async Task<Dictionary<string, object>> GetDailyItemChartPriceAsync(string code, string startDate, string endDate, string period = "D", string account = "mock")
-        {
-            var json = await SendRequestAsync(
-                "/uapi/domestic-stock/v1/quotations/inquire-daily-itemchartprice",
-                "FHKST03010100",
-                new Dictionary<string, string>
-                {
-                    { "FID_COND_MRKT_DIV_CODE", "J" },
-                    { "FID_INPUT_ISCD", code },
-                    { "FID_INPUT_DATE_1", startDate },
-                    { "FID_INPUT_DATE_2", endDate },
-                    { "FID_PERIOD_DIV_CODE", period },
-                    { "FID_ORG_ADJ_PRC", "0" }
-                }
-            );
-            return JsonSerializer.Deserialize<Dictionary<string, object>>(json) ?? new();
-        }
-
-        public async Task<Dictionary<string, object>> GetInvestorTrendAsync(string code, string account = "mock")
-        {
-            var json = await SendRequestAsync(
-                "/uapi/domestic-stock/v1/quotations/inquire-investor",
-                "FHKST01010900",
-                new Dictionary<string, string>
-                {
-                    { "FID_COND_MRKT_DIV_CODE", "J" },
-                    { "FID_INPUT_ISCD", code }
-                }
-            );
-            return JsonSerializer.Deserialize<Dictionary<string, object>>(json) ?? new();
-        }
-    }
-}
diff --git a/src/dotnet/QuantEngine.Infrastructure/Migrations/V003_add_audit_trail_tables.sql b/src/dotnet/QuantEngine.Infrastructure/Migrations/V003_add_audit_trail_tables.sql
index c355ecdb..132005d9 100644
--- a/src/dotnet/QuantEngine.Infrastructure/Migrations/V003_add_audit_trail_tables.sql
+++ b/src/dotnet/QuantEngine.Infrastructure/Migrations/V003_add_audit_trail_tables.sql
@@ -26,12 +26,15 @@ CREATE TABLE IF NOT EXISTS quantengine.kis_collection_runs_audit (
     -- Foreign key constraint (optional - don't enforce if kis_collection_runs might be deleted)
     -- CONSTRAINT fk_kis_collection_runs_audit FOREIGN KEY (run_id)
     --   REFERENCES quantengine.kis_collection_runs(id) ON DELETE CASCADE
-
-    INDEX idx_kis_collection_runs_audit_run_id (run_id, changed_at DESC),
-    INDEX idx_kis_collection_runs_audit_changed_by (changed_by, changed_at DESC),
-    INDEX idx_kis_collection_runs_audit_timestamp (changed_at DESC)
 );
 
+CREATE INDEX IF NOT EXISTS idx_kis_collection_runs_audit_run_id
+    ON quantengine.kis_collection_runs_audit (run_id, changed_at DESC);
+CREATE INDEX IF NOT EXISTS idx_kis_collection_runs_audit_changed_by
+    ON quantengine.kis_collection_runs_audit (changed_by, changed_at DESC);
+CREATE INDEX IF NOT EXISTS idx_kis_collection_runs_audit_timestamp
+    ON quantengine.kis_collection_runs_audit (changed_at DESC);
+
 -- ============================================================================
 -- kis_collection_snapshots_audit: Audit trail for snapshots
 -- ============================================================================
@@ -55,12 +58,15 @@ CREATE TABLE IF NOT EXISTS quantengine.kis_collection_snapshots_audit (
     -- Foreign key constraint (optional)
     -- CONSTRAINT fk_kis_collection_snapshots_audit FOREIGN KEY (snapshot_id)
     --   REFERENCES quantengine.kis_collection_snapshots(id) ON DELETE CASCADE
-
-    INDEX idx_kis_collection_snapshots_audit_snapshot_id (snapshot_id, changed_at DESC),
-    INDEX idx_kis_collection_snapshots_audit_changed_by (changed_by, changed_at DESC),
-    INDEX idx_kis_collection_snapshots_audit_timestamp (changed_at DESC)
 );
 
+CREATE INDEX IF NOT EXISTS idx_kis_collection_snapshots_audit_snapshot_id
+    ON quantengine.kis_collection_snapshots_audit (snapshot_id, changed_at DESC);
+CREATE INDEX IF NOT EXISTS idx_kis_collection_snapshots_audit_changed_by
+    ON quantengine.kis_collection_snapshots_audit (changed_by, changed_at DESC);
+CREATE INDEX IF NOT EXISTS idx_kis_collection_snapshots_audit_timestamp
+    ON quantengine.kis_collection_snapshots_audit (changed_at DESC);
+
 -- ============================================================================
 -- kis_collection_errors_audit: Audit trail for error records
 -- ============================================================================
@@ -79,13 +85,16 @@ CREATE TABLE IF NOT EXISTS quantengine.kis_collection_errors_audit (
     new_values JSONB,
 
     -- Audit trail indexing
-    created_at TIMESTAMPTZ NOT NULL DEFAULT CURRENT_TIMESTAMP,
-
-    INDEX idx_kis_collection_errors_audit_error_id (error_id, changed_at DESC),
-    INDEX idx_kis_collection_errors_audit_changed_by (changed_by, changed_at DESC),
-    INDEX idx_kis_collection_errors_audit_timestamp (changed_at DESC)
+    created_at TIMESTAMPTZ NOT NULL DEFAULT CURRENT_TIMESTAMP
 );
 
+CREATE INDEX IF NOT EXISTS idx_kis_collection_errors_audit_error_id
+    ON quantengine.kis_collection_errors_audit (error_id, changed_at DESC);
+CREATE INDEX IF NOT EXISTS idx_kis_collection_errors_audit_changed_by
+    ON quantengine.kis_collection_errors_audit (changed_by, changed_at DESC);
+CREATE INDEX IF NOT EXISTS idx_kis_collection_errors_audit_timestamp
+    ON quantengine.kis_collection_errors_audit (changed_at DESC);
+
 -- ============================================================================
 -- Trigger Functions: Auto-log changes to kis_collection_runs
 -- ============================================================================
diff --git a/src/dotnet/QuantEngine.Infrastructure/Services/KisApiClient.cs b/src/dotnet/QuantEngine.Infrastructure/Services/KisApiClient.cs
index 13f93dd9..4511b5d0 100644
--- a/src/dotnet/QuantEngine.Infrastructure/Services/KisApiClient.cs
+++ b/src/dotnet/QuantEngine.Infrastructure/Services/KisApiClient.cs
@@ -22,11 +22,11 @@ public class KisApiClient : IKisApiClient
     private const int TokenRefreshSkewMinutes = 10;
 
     private static readonly string[] ForbiddenPathSubstrings = { "/trading/" };
-    private static readonly string[] ForbiddenTrIdPrefixes =
-    {
-        "TTTC08", "VTTC08", "TTTC01", "VTTC01",
-        "TTTC8434R", "VTTC8434R"
-    };
+
+    // 실제 매수/매도 주문 TR_ID는 전부 TTTC/VTTC로 시작한다 (governance/rules/06_no_direct_api_trading.yaml).
+    // 개별 주문 코드를 나열하면 목록에 없는 신규 주문 TR_ID가 새어나갈 수 있으므로 접두사 전체를 차단한다.
+    // 이 클라이언트가 실제로 호출하는 조회용 TR_ID는 전부 FH로 시작해 이 규칙과 절대 겹치지 않는다.
+    private static readonly string[] ForbiddenTrIdPrefixes = { "TTTC", "VTTC" };
 
     private readonly HttpClient _httpClient;
     private readonly ITokenCache _tokenCache;
diff --git a/src/dotnet/QuantEngine.Web/Pages/Admin/Database/Index.cshtml.cs b/src/dotnet/QuantEngine.Web/Pages/Admin/Database/Index.cshtml.cs
index 13f14289..6a9ee8c6 100644
--- a/src/dotnet/QuantEngine.Web/Pages/Admin/Database/Index.cshtml.cs
+++ b/src/dotnet/QuantEngine.Web/Pages/Admin/Database/Index.cshtml.cs
@@ -75,18 +75,32 @@ namespace QuantEngine.Web.Pages.Admin.Database
                 using var conn = _connectionFactory.CreateConnection();
                 if (conn.State != ConnectionState.Open) conn.Open();
 
+                // Column/PK names come from the request, so they must be checked against the
+                // table's real columns before going anywhere near a SQL string — otherwise an
+                // attacker-controlled form field name reaches the query unescaped.
+                var columnWhitelist = await LoadColumnWhitelistAsync(conn, tableName);
+
+                if (string.IsNullOrEmpty(pkColumn) || !columnWhitelist.Contains(pkColumn))
+                {
+                    ErrorMessage = "허용되지 않은 기본 키 컬럼입니다.";
+                    return Page();
+                }
+
                 // Load target columns to update
                 var columns = new List<string>();
                 var parameters = new List<NpgsqlParameter>();
-                
+
                 foreach (var key in Request.Form.Keys)
                 {
                     if (key == "tableName" || key == "pkColumn" || key == "pkValue" || key == "__RequestVerificationToken")
                         continue;
 
+                    if (!columnWhitelist.Contains(key))
+                        continue; // 테이블에 실재하지 않는 컬럼명은 무시 (SQL 인젝션 방지)
+
                     var val = Request.Form[key].ToString();
                     columns.Add($"\"{key}\" = @{key}");
-                    
+
                     var param = new NpgsqlParameter($"@{key}", NpgsqlTypes.NpgsqlDbType.Text);
                     param.Value = (object?)val ?? DBNull.Value;
                     parameters.Add(param);
@@ -133,6 +147,8 @@ namespace QuantEngine.Web.Pages.Admin.Database
                 using var conn = _connectionFactory.CreateConnection();
                 if (conn.State != ConnectionState.Open) conn.Open();
 
+                var columnWhitelist = await LoadColumnWhitelistAsync(conn, tableName);
+
                 var colNames = new List<string>();
                 var paramNames = new List<string>();
                 var parameters = new List<NpgsqlParameter>();
@@ -142,6 +158,9 @@ namespace QuantEngine.Web.Pages.Admin.Database
                     if (key == "tableName" || key == "__RequestVerificationToken")
                         continue;
 
+                    if (!columnWhitelist.Contains(key))
+                        continue; // 테이블에 실재하지 않는 컬럼명은 무시 (SQL 인젝션 방지)
+
                     var val = Request.Form[key].ToString();
                     colNames.Add($"\"{key}\"");
                     paramNames.Add($"@{key}");
@@ -171,6 +190,35 @@ namespace QuantEngine.Web.Pages.Admin.Database
             return RedirectToPage(new { tableName });
         }
 
+        /// <summary>
+        /// DB-verified column names for a table, used to validate any identifier (PK column,
+        /// form field names) before it is interpolated into a SQL string. Table names arriving
+        /// here must already be whitelist-checked against TableList by the caller.
+        /// </summary>
+        private async Task<HashSet<string>> LoadColumnWhitelistAsync(IDbConnection conn, string tableName)
+        {
+            var parts = tableName.Split('.');
+            var schema = parts[0];
+            var tableOnly = parts[1];
+
+            var sql = @"
+                SELECT column_name
+                FROM information_schema.columns
+                WHERE table_schema = @schema AND table_name = @table_only;";
+
+            using var cmd = new NpgsqlCommand(sql, (NpgsqlConnection)conn);
+            cmd.Parameters.AddWithValue("@schema", schema);
+            cmd.Parameters.AddWithValue("@table_only", tableOnly);
+
+            var columns = new HashSet<string>(StringComparer.Ordinal);
+            using var reader = await cmd.ExecuteReaderAsync();
+            while (await reader.ReadAsync())
+            {
+                columns.Add(reader.GetString(0));
+            }
+            return columns;
+        }
+
         private async Task LoadTableListAsync()
         {
             TableList.Clear();
diff --git a/tools/run_kis_data_collection_v1.py b/tools/run_kis_data_collection_v1.py
index 61f75d82..b1f6b629 100644
--- a/tools/run_kis_data_collection_v1.py
+++ b/tools/run_kis_data_collection_v1.py
@@ -8,7 +8,7 @@ ROOT = Path(__file__).resolve().parents[1]
 if str(ROOT) not in sys.path:
     sys.path.insert(0, str(ROOT))
 
-from src.quant_engine.kis_data_collection_v1 import main
+from src.quant_engine.deprecated.kis_data_collection_v1 import main
 
 
 if __name__ == "__main__":