feat(tools): STMATE 계산 사슬 및 제어 옵션 독립 테스트 웹앱 추가 (tools/stmate-test)

tools/stmate-test/index.html

@@ -0,0 +1,68 @@
+<!doctype html>
+<html lang="ko">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>STMATE 계산·제어 흐름 독립 테스트</title>
+    <link rel="stylesheet" href="style.css" />
+    <script defer src="calc.js"></script>
+    <script defer src="app_views_cost.js"></script>
+    <script defer src="app.js"></script>
+  </head>
+  <body>
+    <header class="topbar">
+      <div class="brand">
+        <div class="badges">
+          <span class="badge accent">독립 테스트 웹앱</span>
+          <span class="badge">REA 6.7.0 / Ghidra 12.1.4 분석 반영</span>
+          <span class="badge">무로그인 · 로컬 전용</span>
+        </div>
+        <h1>STMATE 계산 사슬 및 제어 옵션 시뮬레이터</h1>
+        <p>
+          기초자원 후보단가·노임환산(`ST_Sys`) → 중기·Q식 단가산출(`ST_SanCal`) →
+          일위대가(`ST_EdiLWi`) → 내역·OPTIMIZ(`ST_Func_C`) → 제잡비 4형식·끝전조정(`ST_KanJub`) →
+          변경설계 차액
+        </p>
+      </div>
+      <div class="top-actions">
+        <button id="btnPresetBonghwa" class="btn secondary" title="실무 검증형 예제 불러오기">
+          예제 초기화
+        </button>
+        <label class="btn secondary" for="fileOpen"
+          >JSON 열기<input id="fileOpen" type="file" accept=".json,application/json" hidden
+        /></label>
+        <button id="btnSaveJson" class="btn primary">JSON 저장</button>
+      </div>
+    </header>
+
+    <main class="container">
+      <div class="alert-banner">
+        <strong>시험·검증 전용 안내</strong>
+        <span
+          >이 웹앱은 Aislo 본체와 완전히 분리된 독립 테스트 도구입니다. 수록된 단가·요율은 계산
+          경로와 제어 옵션을 점검하기 위한 시험 데이터이며, 현행 법령·품셈 확정값이 아닙니다.</span
+        >
+      </div>
+
+      <section class="kpi-grid" id="kpiSummary" aria-label="핵심 계산 요약"></section>
+
+      <nav class="tab-nav" id="mainTabs" aria-label="STMATE 기능 단계">
+        <button type="button" data-tab="resources" class="active">01 기초자원 · 노임환산</button>
+        <button type="button" data-tab="machines">02 중기 · 단가산출(Q식)</button>
+        <button type="button" data-tab="ilwi">03 일위대가 조립</button>
+        <button type="button" data-tab="boq">04 내역서 · OPTIMIZ</button>
+        <button type="button" data-tab="kanjub">05 제잡비 · 원가계산</button>
+        <button type="button" data-tab="revision">06 변경설계 · REA 근거</button>
+      </nav>
+
+      <section id="tabPanel" class="tab-panel" aria-live="polite"></section>
+
+      <footer class="footer-note">
+        <span
+          >모든 조작 상태는 현재 브라우저 탭(`sessionStorage`)에 자동 보관됩니다. 영구 보관하거나
+          다른 환경에서 열려면 <strong>JSON 저장 / 열기</strong>를 사용하세요.</span
+        >
+      </footer>
+    </main>
+  </body>
+</html>