docs: update full-screen analysis and V2 component usage guide

- Revised the full-screen analysis document to reflect the latest updates, including the purpose and core rules for screen development.
- Expanded the V2 component usage guide to include a comprehensive catalog of components, their configurations, and usage guidelines for LLM and chatbot applications.
- Added a summary of the system architecture and clarified the implementation methods for user business screens and admin menus.
- Enhanced the documentation to serve as a reference for AI agents and screen designers, ensuring adherence to the established guidelines.

These updates aim to improve clarity and usability for developers and designers working with the WACE ERP screen composition system.

Made-with: Cursor

frontend/lib/registry/components/v2-split-panel-layout/SplitPanelLayoutComponent.tsx

@@ -24,6 +24,7 @@ import {
 } from "lucide-react";
 import { dataApi } from "@/lib/api/data";
 import { entityJoinApi } from "@/lib/api/entityJoin";
+import { formatNumber as centralFormatNumber } from "@/lib/formatting";
 import { useToast } from "@/hooks/use-toast";
 import { tableTypeApi } from "@/lib/api/screen";
 import { apiClient, getFullImageUrl } from "@/lib/api/client";
@@ -1006,19 +1007,20 @@ export const SplitPanelLayoutComponent: React.FC<SplitPanelLayoutComponentProps>
       .replace("ss", String(date.getSeconds()).padStart(2, "0"));
   }, []);
 
-  // 숫자 포맷팅 헬퍼 함수
+  // 숫자 포맷팅 헬퍼 함수 (공통 formatNumber 기반)
   const formatNumberValue = useCallback((value: any, format: any): string => {
     if (value === null || value === undefined || value === "") return "-";
     const num = typeof value === "number" ? value : parseFloat(String(value));
     if (isNaN(num)) return String(value);
 
-    const options: Intl.NumberFormatOptions = {
-      minimumFractionDigits: format?.decimalPlaces ?? 0,
-      maximumFractionDigits: format?.decimalPlaces ?? 10,
-      useGrouping: format?.thousandSeparator ?? false,
-    };
+    let result: string;
+    if (format?.thousandSeparator === false) {
+      const dec = format?.decimalPlaces ?? 0;
+      result = num.toFixed(dec);
+    } else {
+      result = centralFormatNumber(num, format?.decimalPlaces);
+    }
 
-    let result = num.toLocaleString("ko-KR", options);
     if (format?.prefix) result = format.prefix + result;
     if (format?.suffix) result = result + format.suffix;
     return result;
@@ -1088,14 +1090,16 @@ export const SplitPanelLayoutComponent: React.FC<SplitPanelLayoutComponentProps>
         return formatDateValue(value, format?.dateFormat || "YYYY-MM-DD");
       }
 
-      // 🆕 숫자 포맷 적용
+      // 숫자 포맷 적용 (format 설정이 있거나 input_type이 number/decimal이면 자동 적용)
+      const isNumericByInputType = colInputType === "number" || colInputType === "decimal";
       if (
         format?.type === "number" ||
         format?.type === "currency" ||
         format?.thousandSeparator ||
-        format?.decimalPlaces !== undefined
+        format?.decimalPlaces !== undefined ||
+        isNumericByInputType
       ) {
-        return formatNumberValue(value, format);
+        return formatNumberValue(value, format || { thousandSeparator: true });
       }
 
       // 카테고리 매핑 찾기 (여러 키 형태 시도)