////////////////////////////////////////////////////////////////////////////////////////
//Page 전역 변수
////////////////////////////////////////////////////////////////////////////////////////

var checkedItemsMap = {}; // path를 키로 사용하여 폴더 간 체크 항목 누적 저장
var registeredItemsMap = {}; // 오른쪽 등록 목록 (path 기준 중복 방지) { name, path, fieldRoles }
var currentPreviewItem = null; // 현재 Preview 중인 파일 정보
var currentUploadFolder = ""; // 업로드 모달에서 선택된 폴더 경로
var isCreatingNode = false; // 노드 생성 중 여부
var currentSelectedFolder = ""; // 메인 트리에서 선택된 폴더 경로

////////////////////////////////////////////////////////////////////////////////////////
//Document Ready
////////////////////////////////////////////////////////////////////////////////////////
function execDocReady() {
	let pluginGroups = [
		[
			"../reference/light-blue/lib/vendor/jquery.ui.widget.js",
			"../reference/light-blue/lib/vendor/http_blueimp.github.io_JavaScript-Templates_js_tmpl.js",
			"../reference/light-blue/lib/vendor/http_blueimp.github.io_JavaScript-Load-Image_js_load-image.js",
			"../reference/light-blue/lib/vendor/http_blueimp.github.io_JavaScript-Canvas-to-Blob_js_canvas-to-blob.js",
			"../reference/light-blue/lib/jquery.iframe-transport.js",
			"../reference/light-blue/lib/jquery.fileupload.js",
			"../reference/light-blue/lib/jquery.fileupload-fp.js",
			"../reference/light-blue/lib/jquery.fileupload-ui.js",
			"../reference/lightblue4/docs/lib/widgster/widgster.js",
			"../reference/lightblue4/docs/lib/slimScroll/jquery.slimscroll.min.js",
			// JS tree
			"../reference/jquery-plugins/jstree-v.pre1.0/_lib/jquery.cookie.js",
			"../reference/jquery-plugins/jstree-v.pre1.0/_lib/jquery.hotkeys.js",
			"../reference/jquery-plugins/jstree-v.pre1.0/jquery.jstree.js"
		],

		[
			"../reference/jquery-plugins/dataTables-1.10.16/media/css/jquery.dataTables_lightblue4.css",
			"../reference/jquery-plugins/dataTables-1.10.16/extensions/Responsive/css/responsive.dataTables_lightblue4.css",
			"../reference/jquery-plugins/dataTables-1.10.16/extensions/Select/css/select.dataTables_lightblue4.css",
			"../reference/jquery-plugins/dataTables-1.10.16/media/js/jquery.dataTables.min.js",
			"../reference/jquery-plugins/dataTables-1.10.16/extensions/Responsive/js/dataTables.responsive.min.js",
			"../reference/jquery-plugins/dataTables-1.10.16/extensions/Select/js/dataTables.select.min.js",
			"../reference/jquery-plugins/dataTables-1.10.16/extensions/RowGroup/js/dataTables.rowsGroup.min.js",
			"../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/dataTables.buttons.min.js",
			"../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/buttons.html5.js",
			"../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/buttons.print.js",
			"../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/jszip.min.js",
			"../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/pdfmake.min.js",
			"../reference/jquery-plugins/dataTables-1.10.16/extensions/Buttons/js/vfs_fonts.js"
		],

		["../arms/js/common/table_new.js"]
	];

	loadPluginGroupsParallelAndSequential(pluginGroups)
		.then(function () {
			console.log("모든 플러그인 로드 완료");

			$(".widget").widgster();
			setSideMenu("sidebar_menu_config", "sidebar_menu_config_vectorIndexing");

			initVectorIndexTree();
			initRegisteredTable();
			btnClickEvent();
			initFileUpload();

			// slimScroll 적용
			$("#vector_index_list").slimScroll({
				height: "500px",
				railVisible: true,
				railColor: "#222",
				railOpacity: 0.3,
				wheelStep: 10,
				allowPageScroll: false,
				disableFadeOut: false
			});

			$("#jsonPreviewArea").slimScroll({
				height: "500px",
				railVisible: true,
				railColor: "#222",
				railOpacity: 0.3,
				wheelStep: 10,
				allowPageScroll: false,
				disableFadeOut: false
			});
		})
		.catch(function (error) {
			console.error("플러그인 로드 중 오류 발생", error);
		});
}

////////////////////////////////////////////////////////////////////////////////////////
// 데이터 테이블 공통 콜백
////////////////////////////////////////////////////////////////////////////////////////
function dataTableClick(tempDataTable, selectedData) {
	let tableId = tempDataTable.context[0].sInstance;
	console.log("Table clicked: " + tableId);
}

function dataTableCallBack(settings, json) {
}

function dataTableDrawCallback(tableInfo) {
	$("#" + tableInfo.sInstance)
		.DataTable()
		.columns.adjust()
		.responsive.recalc();
}

////////////////////////////////////////////////////////////////////////////////////////
// 공통 유틸 함수
////////////////////////////////////////////////////////////////////////////////////////
function renderValue(data) {
	return data ? "<span style='color: #a4c6ff'>" + data + "</span>" : "<span style='color: #aaa'>N/A</span>";
}

function isNdjsonFile(path) {
	return /\.ndjson$/i.test(path);
}

function getVectorApiUrl(path) {
	return isNdjsonFile(path) ? "/ai-api/admin/vector/ndjson" : "/ai-api/admin/vector";
}

function escapeHtml(text) {
	var div = document.createElement("div");
	div.appendChild(document.createTextNode(text));
	return div.innerHTML;
}

////////////////////////////////////////////////////////////////////////////////////////
// Vector Index Tree (왼쪽 패널)
////////////////////////////////////////////////////////////////////////////////////////
function initVectorIndexTree() {
	var $target = $("#vector_index_list");

	if ($target.jstree(true)) {
		$target.jstree("destroy").html("<p class='text-center'>조회된 데이터가 없습니다.</p>");
	}

	$.get("/ai-api/admin/filesystem/directories").done(function (response) {
		var list = Array.isArray(response) ? response
			: (response && Array.isArray(response.response)) ? response.response
			: [];

		var treeData = {
			data: {
				data: "Vector Indexing (root)",
				state: "open",
				attr: { rel: "drive" },
				children: list.map(function (item) {
					return {
						data: item.fileName || item.name || item,
						attr: { rel: item.type },
						metadata: { path: item.path, name: item.name }
					};
				})
			}
		};

		// folder, drive 타입 노드에서 체크박스 숨김 (CSS)
		$("<style>")
			.text("#vector_index_list li[rel='folder'] > a > .jstree-checkbox," +
				  "#vector_index_list li[rel='drive'] > a > .jstree-checkbox { display:none !important; }")
			.appendTo("head");

		$target
			.on("check_node.jstree", function (event, data) {
				var meta = data.inst.get_json(data.rslt.obj)[0].metadata;
				if (meta && meta.path) {
					checkedItemsMap[meta.path] = { name: meta.name, path: meta.path };
				}
			})
			.on("uncheck_node.jstree", function (event, data) {
				var meta = data.inst.get_json(data.rslt.obj)[0].metadata;
				if (meta && meta.path) {
					delete checkedItemsMap[meta.path];
				}
			})
			.on("select_node.jstree", function (e, data) {
				if (isCreatingNode) return;

				var selectedNodeData = data.rslt.obj;
				var selectedNodeType = selectedNodeData.attr("rel");
				var nodeName = data.inst.get_text(data.rslt.obj);
				var pathName = data.inst.get_json()[0]["metadata"]["path"];

				if (selectedNodeType === "default") {
					var parentPath = pathName.indexOf("/") > -1 ? pathName.substring(0, pathName.lastIndexOf("/")) : "";
					currentSelectedFolder = parentPath;
					loadJsonPreview(pathName, nodeName);
				} else if (selectedNodeType === "drive") {
					currentSelectedFolder = "";
					refreshFolder($("#vector_index_list"), "");
				} else if (selectedNodeType === "folder") {
					currentSelectedFolder = pathName;
					selectedNodeData.find("ul").remove();
					data.inst.clean_node(selectedNodeData);

					loadIndexList(pathName).done(function (result) {
						result.response.forEach(function (item) {
							data.inst.create_node(selectedNodeData, "last", {
								data: item.fileName || item.name || item,
								attr: { rel: item.type },
								metadata: { path: item.path, name: item.name }
							}, false, true);
						});

						data.inst.open_node(selectedNodeData);

						// checkedItemsMap에 있는 항목 다시 체크
						selectedNodeData.find("li[rel='default']").each(function () {
							var node = $(this);
							var meta = data.inst.get_json(node)[0].metadata;
							if (meta && meta.path && checkedItemsMap[meta.path]) {
								data.inst.check_node(node);
							}
						});
					});
				}
			})
			.on("loaded.jstree refresh.jstree open_node.jstree create_node.jstree", function () {
				$(this).find("li[rel='folder'], li[rel='drive']").each(function () {
					$(this).children("a").find("ins.jstree-checkbox").remove();
					$(this).removeClass("jstree-checked jstree-unchecked jstree-undetermined");
				});
			})
			.on("create.jstree", function (e, data) {
				isCreatingNode = false;
				var parentNode = data.rslt.parent;
				var parentMeta = parentNode.data() || {};
				var parentPath = parentMeta.path || "";
				var newName = data.rslt.name;
				var newPath = parentPath ? parentPath + "/" + newName : newName;

				$.ajax({
					type: "POST",
					url: "/ai-api/admin/filesystem/directory?path=" + encodeURIComponent(newPath)
				}).done(function (result) {
					var info = result.response || result;
					$(data.rslt.obj).data({ path: info.path, name: info.name });
					jSuccess("폴더가 생성되었습니다.");
				}).fail(function () {
					jError("폴더 생성에 실패했습니다.");
					$.jstree.rollback(data.rlbk);
				});
			})
			.on("remove.jstree", function (e, data) {
				data.rslt.obj.each(function () {
					var $node = $(this);
					var meta = $node.data() || {};
					var nodeType = $node.attr("rel");

					if (!meta.path) return;

					if (nodeType === "folder") {
						$.ajax({
							type: "DELETE",
							url: "/ai-api/admin/filesystem/directory?path=" + encodeURIComponent(meta.path)
						}).done(function () {
							jSuccess("폴더가 삭제되었습니다.");
						}).fail(function () {
							jError("폴더 삭제에 실패했습니다.");
						});
					} else {
						$.ajax({
							type: "DELETE",
							url: "/ai-api/admin/filesystem/files",
							contentType: "application/json",
							data: JSON.stringify([meta.path])
						}).done(function () {
							delete checkedItemsMap[meta.path];
							jSuccess("파일이 삭제되었습니다.");
						}).fail(function () {
							jError("파일 삭제에 실패했습니다.");
						});
					}
				});
			})
			.jstree({
				plugins: ["themes", "json_data", "ui", "crrm", "dnd", "types", "checkbox", "contextmenu"],
				themes: { theme: ["lightblue4"] },
				json_data: treeData,
				contextmenu: {
					items: function (node) {
						var nodeType = node.attr("rel");
						var items = {};

						if (nodeType === "folder" || nodeType === "drive") {
							items.create_folder = {
								label: "<i class='fa fa-folder-open'></i> 폴더 생성",
								action: function (obj) {
									isCreatingNode = true;
									this.create(obj, "last", {
										attr: { rel: "folder" }
									});
								}
							};
						}

						if (nodeType !== "drive") {
							items.remove = {
								label: "<i class='fa fa-trash'></i> 삭제",
								separator_before: true,
								action: function (obj) {
									var name = this.get_text(obj);
									var type = obj.attr("rel") === "folder" ? "폴더" : "파일";
									if (confirm("'" + name + "' " + type + "를 삭제하시겠습니까?")) {
										this.remove(obj);
									}
								}
							};
						}

						return items;
					}
				},
				types: {
					valid_children: ["drive"],
					types: {
						default: {
							valid_children: "none",
							icon: {
								image: "../reference/jquery-plugins/jstree-v.pre1.0/themes/attibutes.png"
							}
						},
						folder: {
							valid_children: ["default", "folder"],
							icon: {
								image: "../reference/jquery-plugins/jstree-v.pre1.0/themes/ic_explorer.png"
							}
						},
						drive: {
							valid_children: ["default", "folder"],
							icon: {
								image: "../reference/jquery-plugins/jstree-v.pre1.0/themes/home.png"
							},
							start_drag: false,
							move_node: false,
							delete_node: false,
							remove: false
						}
					}
				}
			});
	});
}

////////////////////////////////////////////////////////////////////////////////////////
// 등록 목록 테이블 (오른쪽 패널)
////////////////////////////////////////////////////////////////////////////////////////
function initRegisteredTable() {
	var columnList = [
		{
			title: "경로",
			data: "path",
			render: function (data) { return renderValue(data); },
			className: "dt-body-left",
			visible: true
		},
		{
			title: "분류",
			data: "path",
			render: function (data) {
				return "<button class='btn btn-xs btn-warning btn-classify-view' data-path='" + escapeHtml(data) + "' "
					+ "style='padding:1px 8px; font-size:11px'>"
					+ "<i class='fa fa-sliders'></i> 설정"
					+ "</button>";
			},
			className: "dt-body-center",
			orderable: false,
			width: "60px"
		}
	];

	$("#vectorIndexRegisteredTable").table({
		columns: columnList,
		data: [],
		isAddCheckbox: true,
		order: [],
		drawCallback: function () {
			$("#vectorIndexRegisteredTable").off("click", ".btn-classify-view").on("click", ".btn-classify-view", function (e) {
				e.stopPropagation();
				var path = $(this).data("path");
				showFieldClassification(path);
			});
		}
	});
}

function refreshRegisteredTable() {
	var tableInstance = $("#vectorIndexRegisteredTable").data("arms.table");
	if (tableInstance) {
		tableInstance.reDraw(Object.values(registeredItemsMap));
	}
}

////////////////////////////////////////////////////////////////////////////////////////
// 필드 분류 API 호출 및 등록
////////////////////////////////////////////////////////////////////////////////////////
function classifyAndRegister(path, name) {
	return $.ajax({
		url: getVectorApiUrl(path) + "/classify",
		type: "GET",
		data: { path: path },
		dataType: "json"
	}).then(function (result) {
		var classification = result.response || result;
		registeredItemsMap[path] = {
			name: name,
			path: path,
			fieldRoles: classification.fieldRoles || {}
		};
		return classification;
	});
}

////////////////////////////////////////////////////////////////////////////////////////
// 필드 분류 편집 UI (오른쪽 패널 화면 전환)
////////////////////////////////////////////////////////////////////////////////////////
function showFieldClassification(path) {
	var item = registeredItemsMap[path];
	if (!item) return;

	// fieldRoles가 비어있으면 classify API 호출
	if (!item.fieldRoles || Object.keys(item.fieldRoles).length === 0) {
		classifyAndRegister(path, item.name)
			.then(function () {
				renderFieldClassification(path);
			})
			.fail(function () {
				jError("필드 분류 요청에 실패했습니다.");
			});
		return;
	}

	renderFieldClassification(path);
}

function renderFieldClassification(path) {
	var item = registeredItemsMap[path];
	if (!item || !item.fieldRoles) return;

	$("#targetListView").hide();
	$("#classifySettingView").show();
	$("#classifyFileName").text(item.name);

	var $area = $("#classifySettingArea");
	var roles = ["CONTENT", "CONTENT_COMPONENT", "METADATA"];
	var html = "<table style='width:100%; font-size:12px; border-collapse:collapse'>"
		+ "<thead><tr>"
		+ "<th style='padding:8px; border-bottom:1px solid #555; text-align:left'><i class='fa fa-key' style='margin-right:5px'></i>필드명</th>"
		+ "<th style='padding:8px; border-bottom:1px solid #555; text-align:left'><i class='fa fa-tasks' style='margin-right:5px'></i>역할</th>"
		+ "</tr></thead><tbody>";

	Object.keys(item.fieldRoles).forEach(function (field) {
		var currentRole = item.fieldRoles[field];
		html += "<tr style='border-bottom:1px solid #333'>"
			+ "<td style='padding:6px 8px'>" + escapeHtml(field) + "</td>"
			+ "<td style='padding:6px 8px'>"
			+ "<select data-field='" + escapeHtml(field) + "' data-path='" + escapeHtml(path) + "' "
			+ "class='field-role-select' "
			+ "style='border-radius:5px; min-height:30px; background:rgba(51,51,51,0.4); border:1px solid rgba(51,51,51,0.425); color:#a4c6ff; padding:3px 8px; font-size:12px'>";

		roles.forEach(function (role) {
			var selected = (role === currentRole) ? " selected" : "";
			html += "<option value='" + role + "'" + selected + ">" + role + "</option>";
		});

		html += "</select></td></tr>";
	});

	html += "</tbody></table>";
	$area.html(html);

	$area.find(".field-role-select").on("change", function () {
		var field = $(this).data("field");
		var itemPath = $(this).data("path");
		var newRole = $(this).val();
		if (registeredItemsMap[itemPath]) {
			registeredItemsMap[itemPath].fieldRoles[field] = newRole;
		}
	});
}

function hideFieldClassification() {
	$("#classifySettingView").hide();
	$("#targetListView").show();
}

////////////////////////////////////////////////////////////////////////////////////////
// 버튼 이벤트
////////////////////////////////////////////////////////////////////////////////////////
function btnClickEvent() {
	var $wikiTree = $("#vector_index_list");

	// 폴더 생성 버튼
	$("#btn_create_folder").on("click", function () {
		isCreatingNode = true;
		var selected = $wikiTree.jstree("get_selected");
		if (selected.length === 0 || selected.attr("rel") === "default") {
			selected = $wikiTree.find("li[rel='drive']").first();
		}
		$wikiTree.jstree("create", selected, "last", {
			attr: { rel: "folder" }
		});
	});

	// 삭제 버튼 (체크된 항목 일괄 삭제)
	$("#btn_delete_node").on("click", function () {
		var checkedList = Object.values(checkedItemsMap);
		if (checkedList.length === 0) {
			jError("삭제할 항목을 체크해주세요.");
			return;
		}

		if (!confirm(checkedList.length + "건의 파일을 삭제하시겠습니까?")) {
			return;
		}

		var treeInstance = $.jstree._reference($wikiTree);
		checkedList.forEach(function (item) {
			$wikiTree.find("li").each(function () {
				var meta = $(this).data();
				if (meta && meta.path === item.path) {
					treeInstance.remove($(this));
					return false;
				}
			});
		});

		checkedItemsMap = {};
	});

	// 목록으로 돌아가기
	$("#btnBackToList").on("click", function () {
		hideFieldClassification();
	});

	// 선택 항목 등록 (classify API 호출 포함)
	$("#btnRegisterChecked").on("click", function () {
		var checkedList = Object.values(checkedItemsMap);
		if (checkedList.length === 0) {
			jError("등록할 항목을 체크해주세요.");
			return;
		}

		var promises = checkedList.map(function (item) {
			return classifyAndRegister(item.path, item.name);
		});

		$.when.apply($, promises)
			.then(function () {
				hideFieldClassification();
				refreshRegisteredTable();

				$("#vector_index_list").jstree("uncheck_all");
				checkedItemsMap = {};

				jSuccess(checkedList.length + "건 등록 및 필드 분류 완료.");
			})
			.fail(function () {
				jError("필드 분류 요청 중 오류가 발생했습니다.");
			});
	});

	// 선택 항목 삭제 (체크박스 선택된 row)
	$("#btnRemoveSelected").on("click", function () {
		var tableInstance = $("#vectorIndexRegisteredTable").data("arms.table");
		var selectedData = tableInstance.getSelectedData();

		if (!selectedData || selectedData.length === 0) {
			jError("삭제할 항목을 체크해주세요.");
			return;
		}

		var count = selectedData.length;
		selectedData.forEach(function (item) {
			delete registeredItemsMap[item.path];
		});

		refreshRegisteredTable();
		jSuccess(count + "건 삭제되었습니다.");
	});

	// Preview 항목 Target 등록 (classify API 호출 포함)
	$("#btnRegisterPreview").on("click", function () {
		if (!currentPreviewItem) {
			jError("Preview 중인 파일이 없습니다.");
			return;
		}

		classifyAndRegister(currentPreviewItem.path, currentPreviewItem.name)
			.then(function () {
				hideFieldClassification();
				refreshRegisteredTable();
				jSuccess(currentPreviewItem.name + " 등록 및 필드 분류 완료.");
			})
			.fail(function () {
				jError("필드 분류 요청에 실패했습니다.");
			});
	});

	// 벡터라이징 실행 (fieldRoles 포함)
	$("#btnRunVectorizing").on("click", function () {
		var items = Object.values(registeredItemsMap);
		if (items.length === 0) {
			jError("벡터라이징할 항목을 등록해주세요.");
			return;
		}

		var incomplete = items.filter(function (item) {
			return !item.fieldRoles || Object.keys(item.fieldRoles).length === 0;
		});
		if (incomplete.length > 0) {
			jError("필드 분류가 완료되지 않은 항목이 " + incomplete.length + "건 있습니다.");
			return;
		}

		// 파일 타입별 그룹핑하여 각각 호출
		var grouped = {};
		items.forEach(function (item) {
			var url = getVectorApiUrl(item.path);
			if (!grouped[url]) grouped[url] = [];
			grouped[url].push({ name: item.name, path: item.path, fieldRoles: item.fieldRoles });
		});

		var requests = Object.keys(grouped).map(function (url) {
			return $.ajax({
				url: url,
				type: "POST",
				contentType: "application/json",
				data: JSON.stringify(grouped[url])
			});
		});

		$.when.apply($, requests)
			.then(function () {
				jSuccess(items.length + "건 벡터라이징 요청 완료.");
			})
			.fail(function () {
				jError("벡터라이징 요청에 실패했습니다.");
			});
	});
}

////////////////////////////////////////////////////////////////////////////////////////
// JSON 미리보기
////////////////////////////////////////////////////////////////////////////////////////
function loadJsonPreview(path, fileName) {
	var $preview = $("#jsonPreviewArea");
	$("#previewFileName").text(fileName);
	currentPreviewItem = { name: fileName, path: path };
	$preview.html("<p class='text-center' style='color: #aaa; margin-top: 50px'>로딩 중...</p>");

	$.ajax({
		url: "/ai-api/admin/filesystem/file",
		type: "GET",
		data: { path: path },
		dataType: "text",
		success: function (response) {
			try {
				var result = JSON.parse(response);
				var content = result.response || response;
				var raw = typeof content === "string" ? content : JSON.stringify(content);

				var isNdjson = isNdjsonFile(path);

				if (isNdjson) {
					var lines = raw.split(/\r?\n/).filter(function (line) { return line.trim(); });
					var previewCount = Math.min(lines.length, 10);
					var records = [];
					for (var i = 0; i < previewCount; i++) {
						try { records.push(JSON.stringify(JSON.parse(lines[i]), null, 2)); }
						catch (e2) { records.push(lines[i]); }
					}
					var label = "<p style='margin:0 0 8px 0; color:#e49400; font-size:11px'>"
						+ "NDJSON — 총 " + lines.length + "건 중 " + previewCount + "건 미리보기</p>";
					$preview.html(label
						+ "<pre style='margin:0; color:#a4c6ff; background:transparent; border:none; font-size:12px'>"
						+ escapeHtml(records.join("\n---\n")) + "</pre>");
				} else {
					var parsed = typeof raw === "string" ? JSON.parse(raw) : raw;
					$preview.html("<pre style='margin:0; color:#a4c6ff; background:transparent; border:none; font-size:12px'>"
						+ escapeHtml(JSON.stringify(parsed, null, 2)) + "</pre>");
				}
			} catch (e) {
				var text = typeof response === "string" ? response : JSON.stringify(response);
				$preview.html("<pre style='margin:0; color:#ccc; background:transparent; border:none; font-size:12px'>"
					+ escapeHtml(text) + "</pre>");
			}
		},
		error: function () {
			$preview.html("<p class='text-center' style='color: #ff6b6b; margin-top: 50px'>파일을 읽을 수 없습니다.</p>");
		}
	});
}

////////////////////////////////////////////////////////////////////////////////////////
// 디렉토리 조회
////////////////////////////////////////////////////////////////////////////////////////
function loadIndexList(directoryName) {
	var params = directoryName ? { path: directoryName } : {};

	return $.ajax({
		url: "/ai-api/admin/filesystem/directories",
		type: "GET",
		data: params,
		dataType: "json",
		error: function () {
			console.error("디렉토리 조회 실패");
		}
	});
}

////////////////////////////////////////////////////////////////////////////////////////
// 트리 노드 리프레시 / 선택
////////////////////////////////////////////////////////////////////////////////////////
function refreshFolder($tree, folderPath) {
	var treeInstance = $.jstree._reference($tree);
	if (!treeInstance) return;

	var targetNode = null;
	if (!folderPath) {
		targetNode = $tree.find("li[rel='drive']").first();
	} else {
		$tree.find("li").each(function () {
			var meta = $(this).data();
			if (meta && meta.path === folderPath) {
				targetNode = $(this);
				return false;
			}
		});
	}

	if (!targetNode || !targetNode.length) return;

	// 열려있던 폴더 경로 수집
	var openFolderPaths = [];
	targetNode.find("li[rel='folder'].jstree-open").each(function () {
		var meta = $(this).data();
		if (meta && meta.path) {
			openFolderPaths.push(meta.path);
		}
	});

	targetNode.find("ul").remove();
	treeInstance.clean_node(targetNode);

	$.ajax({
		url: "/ai-api/admin/filesystem/directories",
		type: "GET",
		data: folderPath ? { path: folderPath } : {},
		dataType: "json"
	}).done(function (result) {
		var items = result.response || result;
		if (Array.isArray(items)) {
			items.forEach(function (item) {
				treeInstance.create_node(targetNode, "last", {
					data: item.fileName || item.name || item,
					attr: { rel: item.type },
					metadata: { path: item.path, name: item.name }
				}, false, true);
			});
		}
		treeInstance.open_node(targetNode);

		if (openFolderPaths.length > 0) {
			restoreOpenFolders($tree, treeInstance, openFolderPaths);
		}
	});
}

function restoreOpenFolders($tree, treeInstance, openPaths) {
	openPaths.sort(function (a, b) {
		return a.split("/").length - b.split("/").length;
	});

	function openNext(index) {
		if (index >= openPaths.length) return;

		var path = openPaths[index];
		var node = null;

		$tree.find("li[rel='folder']").each(function () {
			var meta = $(this).data();
			if (meta && meta.path === path) {
				node = $(this);
				return false;
			}
		});

		if (!node || !node.length) {
			openNext(index + 1);
			return;
		}

		node.find("> ul").remove();
		treeInstance.clean_node(node);

		$.ajax({
			url: "/ai-api/admin/filesystem/directories",
			type: "GET",
			data: { path: path },
			dataType: "json"
		}).done(function (result) {
			var items = result.response || result;
			if (Array.isArray(items)) {
				items.forEach(function (item) {
					treeInstance.create_node(node, "last", {
						data: item.fileName || item.name || item,
						attr: { rel: item.type },
						metadata: { path: item.path, name: item.name }
					}, false, true);
				});
			}
			treeInstance.open_node(node);
			openNext(index + 1);
		}).fail(function () {
			openNext(index + 1);
		});
	}

	openNext(0);
}

function selectFolderInTree($tree, folderPath) {
	var treeInstance = $.jstree._reference($tree);
	if (!treeInstance) return;

	var targetNode = null;

	if (!folderPath) {
		targetNode = $tree.find("li[rel='drive']").first();
	} else {
		$tree.find("li").each(function () {
			var meta = $(this).data();
			if (meta && meta.path === folderPath) {
				targetNode = $(this);
				return false;
			}
		});
	}

	if (targetNode && targetNode.length) {
		treeInstance.deselect_all();
		treeInstance.select_node(targetNode);
	}
}

////////////////////////////////////////////////////////////////////////////////////////
// 파일 업로드
////////////////////////////////////////////////////////////////////////////////////////
function initUploadFileTree(onReady) {
	var $target = $("#uploadFileTree");

	if ($target.jstree(true)) {
		$target.jstree("destroy");
	}

	$.get("/ai-api/admin/filesystem/directories").done(function (response) {
		var list = Array.isArray(response) ? response
			: (response && Array.isArray(response.response)) ? response.response
			: [];

		var treeData = {
			data: {
				data: "Vector Indexing (root)",
				state: "open",
				attr: { rel: "drive" },
				children: list.map(function (item) {
					return {
						data: item.fileName || item.name || item,
						attr: { rel: item.type },
						metadata: { path: item.path, name: item.name }
					};
				})
			}
		};

		$target
			.on("loaded.jstree", function () {
				if (typeof onReady === "function") {
					onReady();
				}
			})
			.on("select_node.jstree", function (e, data) {
				var selectedNodeData = data.rslt.obj;
				var selectedNodeType = selectedNodeData.attr("rel");

				if (selectedNodeType === "drive") {
					$("#uploadSelectedFolderName").text("root");
					currentUploadFolder = "";
				} else if (selectedNodeType === "folder") {
					var folderPath = data.inst.get_json(selectedNodeData)[0].metadata.path;
					$("#uploadSelectedFolderName").text(folderPath);
					currentUploadFolder = folderPath;
				}

				if (selectedNodeType === "folder") {
					var pathName = data.inst.get_json(selectedNodeData)[0].metadata.path;
					selectedNodeData.find("ul").remove();
					data.inst.clean_node(selectedNodeData);

					$.ajax({
						url: "/ai-api/admin/filesystem/directories",
						type: "GET",
						data: { path: pathName },
						dataType: "json"
					}).done(function (result) {
						var items = result.response || result;
						if (Array.isArray(items)) {
							items.forEach(function (item) {
								data.inst.create_node(selectedNodeData, "last", {
									data: item.fileName || item.name || item,
									attr: { rel: item.type },
									metadata: { path: item.path, name: item.name }
								}, false, true);
							});
						}
						data.inst.open_node(selectedNodeData);
					});
				}
			})
			.jstree({
				plugins: ["themes", "json_data", "ui", "types"],
				themes: { theme: ["lightblue4"] },
				json_data: treeData,
				types: {
					valid_children: ["drive"],
					types: {
						default: {
							valid_children: "none",
							icon: { image: "../reference/jquery-plugins/jstree-v.pre1.0/themes/attibutes.png" }
						},
						folder: {
							valid_children: ["default", "folder"],
							icon: { image: "../reference/jquery-plugins/jstree-v.pre1.0/themes/ic_explorer.png" }
						},
						drive: {
							valid_children: ["default", "folder"],
							icon: { image: "../reference/jquery-plugins/jstree-v.pre1.0/themes/home.png" }
						}
					}
				}
			});

		$target.slimScroll({
			height: "200px",
			railVisible: true,
			railColor: "#222",
			railOpacity: 0.3,
			wheelStep: 10,
			allowPageScroll: false,
			disableFadeOut: false
		});
	});
}

function selectFolderInUploadTree(folderPath) {
	var $tree = $("#uploadFileTree");
	var treeInstance = $.jstree._reference($tree);
	if (!treeInstance) return;

	var parts = folderPath.split("/");
	var paths = [];
	for (var i = 0; i < parts.length; i++) {
		paths.push(parts.slice(0, i + 1).join("/"));
	}

	function openNext(index) {
		if (index >= paths.length) return;

		var targetPath = paths[index];
		var targetNode = null;

		$tree.find("li").each(function () {
			var meta = $(this).data();
			if (meta && meta.path === targetPath) {
				targetNode = $(this);
				return false;
			}
		});

		if (!targetNode || !targetNode.length) return;

		if (index === paths.length - 1) {
			treeInstance.deselect_all();
			treeInstance.select_node(targetNode);
		} else {
			targetNode.find("ul").remove();
			treeInstance.clean_node(targetNode);

			$.ajax({
				url: "/ai-api/admin/filesystem/directories",
				type: "GET",
				data: { path: targetPath },
				dataType: "json"
			}).done(function (result) {
				var items = result.response || result;
				if (Array.isArray(items)) {
					items.forEach(function (item) {
						treeInstance.create_node(targetNode, "last", {
							data: item.fileName || item.name || item,
							attr: { rel: item.type },
							metadata: { path: item.path, name: item.name }
						}, false, true);
					});
				}
				treeInstance.open_node(targetNode);
				openNext(index + 1);
			});
		}
	}

	openNext(0);
}

function initFileUpload() {
	// 모달 열릴 때 파일 트리 로드 + 메인 트리 선택 폴더 자동 선택
	$("#modal_file_upload").on("show.bs.modal", function () {
		initUploadFileTree(function () {
			if (currentSelectedFolder) {
				selectFolderInUploadTree(currentSelectedFolder);
			}
		});
	});

	var $fileupload = $("#vectorFileUpload");
	var uploadStopTimer = null;
	$fileupload.fileupload({
		autoUpload: true,
		limitMultiFileUploads: 1,
		url: "/ai-api/admin/filesystem/upload",
		dropZone: $("#vectorDropzone"),
		paramName: "files",
		formData: function () {
			return [{ name: "path", value: currentUploadFolder }];
		},
		fail: function (e, data) {
			jError("파일 업로드에 실패했습니다.");
		},
		done: function (e, data) {
			console.log("업로드 완료:", data.files[0].name);
		},
		stop: function () {
			clearTimeout(uploadStopTimer);
			uploadStopTimer = setTimeout(function () {
				$(".fileupload-progress").removeClass("in");
				jSuccess("파일 업로드가 완료되었습니다.");
				refreshFolder($("#uploadFileTree"), currentUploadFolder);

				var $tree = $("#vector_index_list");
				var treeInstance = $.jstree._reference($tree);
				if (treeInstance) {
					treeInstance.deselect_all();
					selectFolderInTree($tree, currentUploadFolder);
				}
			}, 1);
		}
	});
}