ninegrid2 6.504.0 → 6.505.0

package/dist/ai/aiContainer.js

@@ -4,6 +4,7 @@ class aiContainer extends HTMLElement
 {
 	#target;
 	#ing = false;
+	#model;
 	//#elChat;
 
 	constructor() {
@@ -57,10 +58,27 @@ class aiContainer extends HTMLElement
 		this.#target = v;
 	}
 
+	#createModel = () => {
+		const el = this.shadowRoot.querySelector("nx-ai-settings");
+		if (!el) return;
+
+		switch (el.server) {
+			case "gemini":
+				this.#model = new ChatGoogleGenerativeAI({ model: settingsRef.current.model, apiKey: googleApiKey, temperature: 0,});
+				break;
+			case "openai":
+				this.#model = new ChatOpenAI({ model: settingsRef.current.model, apiKey });
+				break;
+			case "ollama":
+				this.#model = new Ollama({ model: settingsRef.current.model });
+				break;
+		}
+	};
+
 	#getColumnInfo = () => {
 		let colInfo = "";
 
-		console.log(this.#target, this.#target.tagName);
+		//console.log(this.#target, this.#target.tagName);
 
 		if (this.#target.tagName === "NINE-GRID") {
 			this.#target.columns.info().forEach(info => {
@@ -73,6 +91,7 @@ class aiContainer extends HTMLElement
 
 	#generateQdrantFilter = async (userInput) => {
 
+		const systemMessage = "You are a helpful assistant.";
 		// Qdrant 필터로 변환하기 위한 프롬프트 엔지니어링
 		// 중요: 실제 컬렉션의 payload 필드와 그 데이터 타입을 정확히 알려줘야 Gemini가 올바른 필터를 생성합니다.
 		const prompt = `
@@ -105,8 +124,8 @@ class aiContainer extends HTMLElement
 		`;
 
 		//try {
-			const response = await chatModel.invoke([
-				new SystemMessage("You are a helpful assistant."),
+			const response = await this.#model.invoke([
+				new SystemMessage(systemMessage),
 				new HumanMessage(prompt),
 			]);
 
@@ -190,6 +209,8 @@ this.#generateQdrantFilter();
 		this.shadowRoot.querySelector("nx-ai-chat").add("ing", question);
 
 		try {
+			this.#createModel();
+
 			if (this.shadowRoot.querySelector(".menu-filter").classList.contains("active")) {
 				this.#q1();
 			}
@@ -200,7 +221,6 @@ this.#generateQdrantFilter();
 				this.#q3();
 			}
 		} catch (error) {
-
 			console.error("Error generating Qdrant filter with Gemini:", error);
 			return null;
 		}

package/dist/bundle.cjs.js

@@ -27858,6 +27858,7 @@ class aiContainer extends HTMLElement
 {
 	#target;
 	#ing = false;
+	#model;
 	//#elChat;
 
 	constructor() {
@@ -27911,10 +27912,27 @@ class aiContainer extends HTMLElement
 		this.#target = v;
 	}
 
+	#createModel = () => {
+		const el = this.shadowRoot.querySelector("nx-ai-settings");
+		if (!el) return;
+
+		switch (el.server) {
+			case "gemini":
+				this.#model = new ChatGoogleGenerativeAI({ model: settingsRef.current.model, apiKey: googleApiKey, temperature: 0,});
+				break;
+			case "openai":
+				this.#model = new ChatOpenAI({ model: settingsRef.current.model, apiKey });
+				break;
+			case "ollama":
+				this.#model = new Ollama({ model: settingsRef.current.model });
+				break;
+		}
+	};
+
 	#getColumnInfo = () => {
 		let colInfo = "";
 
-		console.log(this.#target, this.#target.tagName);
+		//console.log(this.#target, this.#target.tagName);
 
 		if (this.#target.tagName === "NINE-GRID") {
 			this.#target.columns.info().forEach(info => {
@@ -27927,6 +27945,7 @@ class aiContainer extends HTMLElement
 
 	#generateQdrantFilter = async (userInput) => {
 
+		const systemMessage = "You are a helpful assistant.";
 		// Qdrant 필터로 변환하기 위한 프롬프트 엔지니어링
 		// 중요: 실제 컬렉션의 payload 필드와 그 데이터 타입을 정확히 알려줘야 Gemini가 올바른 필터를 생성합니다.
 		const prompt = `
@@ -27959,8 +27978,8 @@ class aiContainer extends HTMLElement
 		`;
 
 		//try {
-			const response = await chatModel.invoke([
-				new SystemMessage("You are a helpful assistant."),
+			const response = await this.#model.invoke([
+				new SystemMessage(systemMessage),
 				new HumanMessage(prompt),
 			]);
 
@@ -28043,6 +28062,8 @@ this.#generateQdrantFilter();
 		this.shadowRoot.querySelector("nx-ai-chat").add("ing", question);
 
 		try {
+			this.#createModel();
+
 			if (this.shadowRoot.querySelector(".menu-filter").classList.contains("active")) {
 				this.#q1();
 			}
@@ -28053,7 +28074,6 @@ this.#generateQdrantFilter();
 				this.#q3();
 			}
 		} catch (error) {
-
 			console.error("Error generating Qdrant filter with Gemini:", error);
 			return null;
 		}

package/dist/bundle.esm.js

@@ -27856,6 +27856,7 @@ class aiContainer extends HTMLElement
 {
 	#target;
 	#ing = false;
+	#model;
 	//#elChat;
 
 	constructor() {
@@ -27909,10 +27910,27 @@ class aiContainer extends HTMLElement
 		this.#target = v;
 	}
 
+	#createModel = () => {
+		const el = this.shadowRoot.querySelector("nx-ai-settings");
+		if (!el) return;
+
+		switch (el.server) {
+			case "gemini":
+				this.#model = new ChatGoogleGenerativeAI({ model: settingsRef.current.model, apiKey: googleApiKey, temperature: 0,});
+				break;
+			case "openai":
+				this.#model = new ChatOpenAI({ model: settingsRef.current.model, apiKey });
+				break;
+			case "ollama":
+				this.#model = new Ollama({ model: settingsRef.current.model });
+				break;
+		}
+	};
+
 	#getColumnInfo = () => {
 		let colInfo = "";
 
-		console.log(this.#target, this.#target.tagName);
+		//console.log(this.#target, this.#target.tagName);
 
 		if (this.#target.tagName === "NINE-GRID") {
 			this.#target.columns.info().forEach(info => {
@@ -27925,6 +27943,7 @@ class aiContainer extends HTMLElement
 
 	#generateQdrantFilter = async (userInput) => {
 
+		const systemMessage = "You are a helpful assistant.";
 		// Qdrant 필터로 변환하기 위한 프롬프트 엔지니어링
 		// 중요: 실제 컬렉션의 payload 필드와 그 데이터 타입을 정확히 알려줘야 Gemini가 올바른 필터를 생성합니다.
 		const prompt = `
@@ -27957,8 +27976,8 @@ class aiContainer extends HTMLElement
 		`;
 
 		//try {
-			const response = await chatModel.invoke([
-				new SystemMessage("You are a helpful assistant."),
+			const response = await this.#model.invoke([
+				new SystemMessage(systemMessage),
 				new HumanMessage(prompt),
 			]);
 
@@ -28041,6 +28060,8 @@ this.#generateQdrantFilter();
 		this.shadowRoot.querySelector("nx-ai-chat").add("ing", question);
 
 		try {
+			this.#createModel();
+
 			if (this.shadowRoot.querySelector(".menu-filter").classList.contains("active")) {
 				this.#q1();
 			}
@@ -28051,7 +28072,6 @@ this.#generateQdrantFilter();
 				this.#q3();
 			}
 		} catch (error) {
-
 			console.error("Error generating Qdrant filter with Gemini:", error);
 			return null;
 		}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ninegrid2",
   "type": "module",
-  "version": "6.504.0",
+  "version": "6.505.0",
   "main": "dist/index.js",
   "exports": {
     "import": "./dist/index.js",

package/src/ai/aiContainer.js

@@ -4,6 +4,7 @@ class aiContainer extends HTMLElement
 {
 	#target;
 	#ing = false;
+	#model;
 	//#elChat;
 
 	constructor() {
@@ -57,10 +58,27 @@ class aiContainer extends HTMLElement
 		this.#target = v;
 	}
 
+	#createModel = () => {
+		const el = this.shadowRoot.querySelector("nx-ai-settings");
+		if (!el) return;
+
+		switch (el.server) {
+			case "gemini":
+				this.#model = new ChatGoogleGenerativeAI({ model: settingsRef.current.model, apiKey: googleApiKey, temperature: 0,});
+				break;
+			case "openai":
+				this.#model = new ChatOpenAI({ model: settingsRef.current.model, apiKey });
+				break;
+			case "ollama":
+				this.#model = new Ollama({ model: settingsRef.current.model });
+				break;
+		}
+	};
+
 	#getColumnInfo = () => {
 		let colInfo = "";
 
-		console.log(this.#target, this.#target.tagName);
+		//console.log(this.#target, this.#target.tagName);
 
 		if (this.#target.tagName === "NINE-GRID") {
 			this.#target.columns.info().forEach(info => {
@@ -73,6 +91,7 @@ class aiContainer extends HTMLElement
 
 	#generateQdrantFilter = async (userInput) => {
 
+		const systemMessage = "You are a helpful assistant.";
 		// Qdrant 필터로 변환하기 위한 프롬프트 엔지니어링
 		// 중요: 실제 컬렉션의 payload 필드와 그 데이터 타입을 정확히 알려줘야 Gemini가 올바른 필터를 생성합니다.
 		const prompt = `
@@ -105,8 +124,8 @@ class aiContainer extends HTMLElement
 		`;
 
 		//try {
-			const response = await chatModel.invoke([
-				new SystemMessage("You are a helpful assistant."),
+			const response = await this.#model.invoke([
+				new SystemMessage(systemMessage),
 				new HumanMessage(prompt),
 			]);
 
@@ -190,6 +209,8 @@ this.#generateQdrantFilter();
 		this.shadowRoot.querySelector("nx-ai-chat").add("ing", question);
 
 		try {
+			this.#createModel();
+
 			if (this.shadowRoot.querySelector(".menu-filter").classList.contains("active")) {
 				this.#q1();
 			}
@@ -200,7 +221,6 @@ this.#generateQdrantFilter();
 				this.#q3();
 			}
 		} catch (error) {
-
 			console.error("Error generating Qdrant filter with Gemini:", error);
 			return null;
 		}