팝업 수정 가능하게 수정

frontend/components/admin/dashboard/data-sources/MultiApiConfig.tsx

@@ -911,6 +911,128 @@ export default function MultiApiConfig({ dataSource, onChange, onTestResult }: M
           </p>
         </div>
       )}
+
+      {/* 지도 팝업 필드 설정 (MapTestWidgetV2 전용) */}
+      {availableColumns.length > 0 && (
+        <div className="space-y-2">
+          <Label htmlFor="popup-fields" className="text-xs">
+            팝업 표시 필드
+          </Label>
+
+          {/* 기존 팝업 필드 목록 */}
+          {dataSource.popupFields && dataSource.popupFields.length > 0 && (
+            <div className="space-y-3">
+              {dataSource.popupFields.map((field, index) => (
+                <div key={index} className="space-y-2 rounded-lg border bg-muted/30 p-3">
+                  <div className="flex items-center justify-between">
+                    <span className="text-xs font-medium">필드 {index + 1}</span>
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      onClick={() => {
+                        const newFields = [...(dataSource.popupFields || [])];
+                        newFields.splice(index, 1);
+                        onChange({ popupFields: newFields });
+                      }}
+                      className="h-6 w-6 p-0"
+                    >
+                      <Trash2 className="h-3 w-3" />
+                    </Button>
+                  </div>
+
+                  {/* 필드명 선택 */}
+                  <div>
+                    <Label className="text-xs">필드명</Label>
+                    <Select
+                      value={field.fieldName}
+                      onValueChange={(value) => {
+                        const newFields = [...(dataSource.popupFields || [])];
+                        newFields[index].fieldName = value;
+                        onChange({ popupFields: newFields });
+                      }}
+                    >
+                      <SelectTrigger className="h-8 w-full text-xs">
+                        <SelectValue placeholder="필드 선택" />
+                      </SelectTrigger>
+                      <SelectContent>
+                        {availableColumns.map((col) => (
+                          <SelectItem key={col} value={col} className="text-xs">
+                            {col}
+                          </SelectItem>
+                        ))}
+                      </SelectContent>
+                    </Select>
+                  </div>
+
+                  {/* 라벨 입력 */}
+                  <div>
+                    <Label className="text-xs">한글 라벨</Label>
+                    <Input
+                      value={field.label || ""}
+                      onChange={(e) => {
+                        const newFields = [...(dataSource.popupFields || [])];
+                        newFields[index].label = e.target.value;
+                        onChange({ popupFields: newFields });
+                      }}
+                      placeholder="예: 차량 번호"
+                      className="h-8 w-full text-xs"
+                      dir="ltr"
+                    />
+                  </div>
+
+                  {/* 포맷 선택 */}
+                  <div>
+                    <Label className="text-xs">표시 포맷</Label>
+                    <Select
+                      value={field.format || "text"}
+                      onValueChange={(value: "text" | "date" | "datetime" | "number" | "url") => {
+                        const newFields = [...(dataSource.popupFields || [])];
+                        newFields[index].format = value;
+                        onChange({ popupFields: newFields });
+                      }}
+                    >
+                      <SelectTrigger className="h-8 w-full text-xs">
+                        <SelectValue />
+                      </SelectTrigger>
+                      <SelectContent>
+                        <SelectItem value="text" className="text-xs">텍스트</SelectItem>
+                        <SelectItem value="number" className="text-xs">숫자</SelectItem>
+                        <SelectItem value="date" className="text-xs">날짜</SelectItem>
+                        <SelectItem value="datetime" className="text-xs">날짜시간</SelectItem>
+                        <SelectItem value="url" className="text-xs">URL</SelectItem>
+                      </SelectContent>
+                    </Select>
+                  </div>
+                </div>
+              ))}
+            </div>
+          )}
+
+          {/* 필드 추가 버튼 */}
+          <Button
+            variant="outline"
+            size="sm"
+            onClick={() => {
+              const newFields = [...(dataSource.popupFields || [])];
+              newFields.push({
+                fieldName: availableColumns[0] || "",
+                label: "",
+                format: "text",
+              });
+              onChange({ popupFields: newFields });
+            }}
+            className="h-8 w-full gap-2 text-xs"
+            disabled={availableColumns.length === 0}
+          >
+            <Plus className="h-3 w-3" />
+            필드 추가
+          </Button>
+
+          <p className="text-[10px] text-muted-foreground">
+            마커 클릭 시 팝업에 표시할 필드를 선택하고 한글 라벨을 지정하세요
+          </p>
+        </div>
+      )}
     </div>
   );
 }