260707_1_대시보드정리 1차

.agent/frontend.md

@@ -12,6 +12,15 @@
   2. 좌측 패널: 데이터 입력 폼 및 설정 제어 영역 (너비 고정)
   3. 우측 영역: WebCAD 도면 뷰어 또는 결과 데이터 그리드 (나머지 전체 너비)
 
+### 2.1 공통 컴포넌트 목록 (`ui_template_elements.ts`)
+* **기본:** `createButton`, `createInputField`, `createCard`, `createTag`, `createWorkflowShell`
+* **오버레이/알림:** `showLoadingOverlay`, `hideLoadingOverlay`, `showToast`
+* **라인 차트:** `createLineChart(opts)` — 외부 라이브러리 없이 인라인 SVG로 시계열 렌더링
+  - 색상은 `--color-chart-0~3` 테마 변수 사용 (하드코딩 금지)
+  - `series[].values`에 `null` 포함 시 해당 구간 선 끊김 처리
+  - 데이터 2점 미만이면 빈 상태(`—`) 반환
+  - 사용 예: B01_Dashboard 리소스 현황(CPU/메모리/디스크 30일 추이)
+
 ---
 
 ## 3. 인덱스 기반 다국어 제어 (i18n Constraints)