@hawtio/ai-plugin 0.2.0 → 0.2.1

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
 
+## [0.2.1](///compare/v0.2.0...v0.2.1) (2026-06-17)
+
+
+### Bug Fixes
+
+* chat history [#39](undefined/undefined/undefined/issues/39) 401ea48
+* upgrade @hawtio/react to 2.3.0-pre.1 d52e5de
+
 ## [0.2.0](///compare/v0.1.6...v0.2.0) (2026-06-03)
 
 

package/dist/index.js

@@ -49,17 +49,19 @@ var init_ai_model = __esm({
       { id: "claude-sonnet-4-6", name: "Claude Sonnet 4.6", tool: true, provider: "anthropic" },
       { id: "claude-haiku-4-5", name: "Claude Haiku 4.5", tool: true, provider: "anthropic" },
       // Google Gemini models
-      { id: "gemini-2.5-flash", name: "Gemini 2.5 Flash", tool: true, provider: "google-genai" },
-      { id: "gemini-2.5-flash-lite", name: "Gemini 2.5 Flash-Lite", tool: true, provider: "google-genai" },
-      { id: "gemini-2.5-pro", name: "Gemini 2.5 Pro", tool: true, provider: "google-genai" },
+      { id: "gemini-3.5-flash", name: "Gemini 3.5 Flash", tool: true, provider: "google-genai" },
+      { id: "gemini-3.1-flash-lite", name: "Gemini 3.1 Flash-Lite", tool: true, provider: "google-genai" },
+      { id: "gemini-3.1-pro", name: "Gemini 3.1 Pro", tool: true, provider: "google-genai" },
       // Ollama models
-      { id: "granite3.1-moe:latest", name: "Granite 3.1 Moe", tool: true, provider: "ollama" },
-      { id: "granite3.1-dense:latest", name: "Granite 3.1 Dense", tool: true, provider: "ollama" },
+      { id: "granite4.1:3b", name: "Granite 4.1 3B", tool: true, provider: "ollama" },
       { id: "llama3:latest", name: "Llama 3", tool: false, provider: "ollama" },
       { id: "llama3.2:latest", name: "Llama 3.2", tool: true, provider: "ollama" },
+      { id: "gemma4:e4b", name: "Gemma 4 4B", tool: true, provider: "ollama" },
+      { id: "gemma4:e4b-mlx", name: "Gemma 4 4B MLX", tool: true, provider: "ollama" },
       { id: "phi4:latest", name: "Phi 4", tool: false, provider: "ollama" },
       { id: "phi3.5:latest", name: "Phi 3.5", tool: false, provider: "ollama" },
       { id: "qwen3.5:4b", name: "Qwen 3.5 4B", tool: true, provider: "ollama" },
+      { id: "qwen3.5:4b-mlx", name: "Qwen 3.5 4B MLX", tool: true, provider: "ollama" },
       { id: "qwen3.5:latest", name: "Qwen 3.5", tool: true, provider: "ollama" }
     ];
   }
@@ -106,13 +108,13 @@ var init_ai_service = __esm({
       model;
       llm;
       llmWithTools;
-      messages = [];
+      memory = {};
       reset(model) {
         if (this.model && this.model.id === model.id && this.llm && (!model.tool || this.llmWithTools)) {
           return;
         }
         log.info("AI model to use:", model.id);
-        this.messages = [];
+        this.memory = {};
         const { token } = aiPreferencesService.loadOptions();
         this.model = model;
         try {
@@ -187,40 +189,50 @@ var init_ai_service = __esm({
           return String(error);
         }
       }
-      newChat(message, system) {
+      newChat(dialogId, message, system) {
         if (system) {
-          this.messages = [new import_messages.SystemMessage(system)];
+          this.memory[dialogId] = [new import_messages.SystemMessage(system)];
         } else {
-          this.messages = [];
+          this.memory[dialogId] = [];
         }
-        return this.chat(message);
+        return this.chat(dialogId, message);
       }
-      async chat(message) {
-        this.messages.push(new import_messages.HumanMessage(message));
-        const answer = await this.invoke(this.messages);
+      async chat(dialogId, message) {
+        let messages = this.memory[dialogId];
+        if (!messages) {
+          messages = [];
+          this.memory[dialogId] = messages;
+        }
+        messages.push(new import_messages.HumanMessage(message));
+        const answer = await this.invoke(messages);
         if (typeof answer !== "string") {
-          this.messages.push(answer);
+          messages.push(answer);
         }
         return answer;
       }
-      async invokeTools(toolCalls) {
+      async invokeTools(dialogId, toolCalls) {
         if (!this.llmWithTools) {
           return "Tool invocation not supported";
         }
+        let messages = this.memory[dialogId];
+        if (!messages) {
+          messages = [];
+          this.memory[dialogId] = messages;
+        }
         for (const call of toolCalls) {
           log.debug("\u{1F6E0}\uFE0F  Call:", call.name, JSON.stringify(call.args));
           const selectedTool = TOOLS_BY_NAME[call.name];
           const toolAnswer = await selectedTool?.invoke(call);
           if (toolAnswer) {
             log.debug("\u{1F6E0}\uFE0F  " + call.name + ":", toolAnswer);
-            this.messages.push(toolAnswer);
+            messages.push(toolAnswer);
           }
         }
-        const finalAnswer = await this.llmWithTools.invoke(this.messages);
+        const finalAnswer = await this.llmWithTools.invoke(messages);
         if (finalAnswer) {
-          this.messages.push(finalAnswer);
+          messages.push(finalAnswer);
         }
-        console.debug("Messages>>", this.messages);
+        console.debug("Messages>>", messages);
         return finalAnswer;
       }
       generateId() {
@@ -1940,6 +1952,34 @@ var init_react_split_es = __esm({
   }
 });
 
+// src/ai-plugin/jmx-ai/model.ts
+var ChatbotDialog;
+var init_model = __esm({
+  "src/ai-plugin/jmx-ai/model.ts"() {
+    "use strict";
+    ChatbotDialog = class {
+      constructor(messages, summary) {
+        this.messages = messages;
+        this.summary = summary;
+        this.id = messages[0]?.id ?? "";
+      }
+      messages;
+      summary;
+      id;
+      setMessages(messages) {
+        if (messages[0]?.id !== this.id) {
+          throw new Error("Not the same dialog");
+        }
+        this.messages = [...messages];
+      }
+      createConversation() {
+        const text = this.summary ?? (this.messages[0]?.content ?? "").substring(0, 20);
+        return { id: this.id, text };
+      }
+    };
+  }
+});
+
 // src/ai-plugin/jmx-ai/context.ts
 function useMBeanTree() {
   const [tree, setTree] = (0, import_react7.useState)(import_react6.MBeanTree.createEmpty(pluginName));
@@ -1999,14 +2039,39 @@ function pluginPathWithNodeId(node, searchParams = new URLSearchParams(window.lo
   return { pathname: pluginPath, search: query };
 }
 function useChatbot() {
-  const [messages, setMessages] = (0, import_react7.useState)([]);
-  const [conversations, setConversations] = (0, import_react7.useState)(initialConversations);
+  const [messages, setMessages2] = (0, import_react7.useState)([]);
+  const [dialogs, setDialogs] = (0, import_react7.useState)([]);
+  const [conversations, setConversations] = (0, import_react7.useState)([]);
   const [announcement, setAnnouncement] = (0, import_react7.useState)("");
   const [isChatbotOpen, setIsChatbotOpen] = (0, import_react7.useState)(false);
   const [isSendButtonDisabled, setIsSendButtonDisabled] = (0, import_react7.useState)(false);
+  const updateConversations = (messages2, summary) => {
+    const dialogId = messages2[0]?.id;
+    if (!dialogId) {
+      return;
+    }
+    setMessages2(messages2);
+    let dialog = dialogs.find((d) => d.id === dialogId);
+    if (dialog) {
+      dialog.setMessages(messages2);
+    } else {
+      dialog = new ChatbotDialog(messages2, summary);
+      dialogs.push(dialog);
+    }
+    setDialogs([...dialogs]);
+    log.debug("Updated dialogs:", dialogs);
+    if (!conversations.some((c) => c.id === dialogId)) {
+      const conversation = dialog.createConversation();
+      conversations.push(conversation);
+      setConversations([...conversations]);
+      log.debug("Updated conversations:", conversations);
+    }
+  };
   return {
     messages,
-    setMessages,
+    setMessages: setMessages2,
+    dialogs,
+    setDialogs,
     conversations,
     setConversations,
     announcement,
@@ -2014,10 +2079,11 @@ function useChatbot() {
     isChatbotOpen,
     setIsChatbotOpen,
     isSendButtonDisabled,
-    setIsSendButtonDisabled
+    setIsSendButtonDisabled,
+    updateConversations
   };
 }
-var import_react6, import_react7, import_react_router_dom, MBeanTreeContext, initialConversations, ChatbotContext;
+var import_react6, import_react7, import_react_router_dom, MBeanTreeContext, ChatbotContext;
 var init_context = __esm({
   "src/ai-plugin/jmx-ai/context.ts"() {
     "use strict";
@@ -2025,18 +2091,22 @@ var init_context = __esm({
     import_react7 = require("react");
     import_react_router_dom = require("react-router-dom");
     init_globals();
+    init_model();
     MBeanTreeContext = (0, import_react7.createContext)({
       tree: import_react6.MBeanTree.createEmpty(pluginName),
+      loaded: false,
       selectedNode: null,
       setSelectedNode: () => {
       }
     });
-    initialConversations = {};
     ChatbotContext = (0, import_react7.createContext)({
       messages: [],
       setMessages: () => {
       },
-      conversations: initialConversations,
+      dialogs: [],
+      setDialogs: () => {
+      },
+      conversations: [],
       setConversations: () => {
       },
       announcement: "",
@@ -2047,6 +2117,8 @@ var init_context = __esm({
       },
       isSendButtonDisabled: false,
       setIsSendButtonDisabled: () => {
+      },
+      updateConversations: () => {
       }
     });
   }
@@ -2059,10 +2131,11 @@ var init_Jmx = __esm({
 });
 
 // src/ai-plugin/jmx-ai/DiagnosisChatbot.tsx
-var import_Chatbot, import_ChatbotContent, import_ChatbotConversationHistoryNav, import_ChatbotFooter, import_ChatbotHeader, import_Message, import_MessageBar, import_MessageBox, import_react_core2, import_wrench_icon, import_react8, import_jsx_runtime2, DiagnosisChatbot, DiagnosisChatbotHeader, DiagnosisChatbotContent, DiagnosisChatbotFooter, ThinkInfo, ToolCallsInfo, ToolCallsApprove;
+var import_ui, import_Chatbot, import_ChatbotContent, import_ChatbotConversationHistoryNav, import_ChatbotFooter, import_ChatbotHeader, import_Message, import_MessageBar, import_MessageBox, import_react_core2, import_wrench_icon, import_react8, import_jsx_runtime2, DiagnosisChatbot, DiagnosisChatbotHeader, DiagnosisChatbotContent, DiagnosisChatbotFooter, ThinkInfo, ToolCallsInfo, ToolCallsApprove;
 var init_DiagnosisChatbot = __esm({
   "src/ai-plugin/jmx-ai/DiagnosisChatbot.tsx"() {
     "use strict";
+    import_ui = require("@hawtio/react/ui");
     import_Chatbot = __toESM(require("@patternfly/chatbot/dist/dynamic/Chatbot"));
     import_ChatbotContent = __toESM(require("@patternfly/chatbot/dist/dynamic/ChatbotContent"));
     import_ChatbotConversationHistoryNav = __toESM(require("@patternfly/chatbot/dist/dynamic/ChatbotConversationHistoryNav"));
@@ -2079,25 +2152,25 @@ var init_DiagnosisChatbot = __esm({
     init_globals();
     import_jsx_runtime2 = require("react/jsx-runtime");
     DiagnosisChatbot = () => {
-      const { setMessages, conversations, setConversations } = (0, import_react8.useContext)(ChatbotContext);
+      const { setMessages: setMessages2, dialogs, conversations } = (0, import_react8.useContext)(ChatbotContext);
       const [isDrawerOpen, setIsDrawerOpen] = (0, import_react8.useState)(false);
-      const findMatchingItems = (targetValue) => {
-        let filteredConversations = Object.entries(initialConversations).reduce(
-          (acc, [key, items]) => {
-            const filteredItems = items.filter(
-              (item) => item.text.toLowerCase().includes(targetValue.toLowerCase())
-            );
-            if (filteredItems.length > 0) {
-              acc[key] = filteredItems;
-            }
-            return acc;
-          },
-          {}
-        );
-        if (Object.keys(filteredConversations).length === 0) {
-          filteredConversations = [{ id: "13", noIcon: true, text: "No results found" }];
+      const [filteredConversations, setFilteredConversations] = (0, import_react8.useState)(conversations);
+      const onSelectItemInHistory = (selected) => {
+        log.debug("Selected conversation with ID:", selected);
+        const dialog = dialogs.find((c) => c.id === selected);
+        if (dialog) {
+          setMessages2(dialog.messages);
+          setIsDrawerOpen(!isDrawerOpen);
+        }
+      };
+      const handleSearchTextChange = (value) => {
+        if (value.trim() === "") {
+          setFilteredConversations(conversations);
+          return;
         }
-        return filteredConversations;
+        const filtered = conversations.filter((c) => c.text.toLowerCase().includes(value.toLowerCase()));
+        log.debug("Filtered conversations:", filtered);
+        setFilteredConversations(filtered);
       };
       const displayMode = import_Chatbot.ChatbotDisplayMode.drawer;
       return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Chatbot.default, { isCompact: true, displayMode, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -2108,25 +2181,18 @@ var init_DiagnosisChatbot = __esm({
           displayMode,
           onDrawerToggle: () => {
             setIsDrawerOpen(!isDrawerOpen);
-            setConversations(initialConversations);
+            setFilteredConversations(conversations);
           },
           isDrawerOpen,
           setIsDrawerOpen,
-          activeItemId: "1",
-          onSelectActiveItem: (_e, selectedItem) => log.debug(`Selected history item with id ${selectedItem}`),
-          conversations,
+          onSelectActiveItem: (_e, selectedItem) => onSelectItemInHistory(String(selectedItem)),
+          conversations: [...filteredConversations].reverse(),
           onNewChat: () => {
             setIsDrawerOpen(!isDrawerOpen);
-            setMessages([]);
-            setConversations(initialConversations);
-          },
-          handleTextInputChange: (value) => {
-            if (value === "") {
-              setConversations(initialConversations);
-            }
-            const newConversations = findMatchingItems(value);
-            setConversations(newConversations);
+            setFilteredConversations(conversations);
+            setMessages2([]);
           },
+          handleTextInputChange: handleSearchTextChange,
           drawerContent: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DiagnosisChatbotHeader, { isDrawerOpen, setIsDrawerOpen }),
             /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DiagnosisChatbotContent, {}),
@@ -2163,8 +2229,8 @@ var init_DiagnosisChatbot = __esm({
       ] }, message.id)) }) });
     };
     DiagnosisChatbotFooter = () => {
-      const username = "user";
-      const { messages, setMessages, setAnnouncement, isSendButtonDisabled, setIsSendButtonDisabled } = (0, import_react8.useContext)(ChatbotContext);
+      const { username } = (0, import_react8.useContext)(import_ui.PageContext);
+      const { messages, setAnnouncement, isSendButtonDisabled, setIsSendButtonDisabled, updateConversations } = (0, import_react8.useContext)(ChatbotContext);
       const messagesRef = (0, import_react8.useRef)(messages);
       (0, import_react8.useEffect)(() => {
         messagesRef.current = messages;
@@ -2179,17 +2245,18 @@ var init_DiagnosisChatbot = __esm({
         newMessages.push(...messagesRef.current);
         newMessages.push(aiService.createUserMessage(username, message));
         newMessages.push(aiService.createLoadingBotMessage());
-        setMessages(newMessages);
+        updateConversations(newMessages);
         setAnnouncement(`Message from User: ${message}. Message from Bot is loading.`);
         log.debug("handleSend - new messages:", newMessages);
-        const answer = await (newMessages.length === 2 ? aiService.newChat(message) : aiService.chat(message));
+        const dialogId = newMessages[0].id;
+        const answer = await (newMessages.length === 2 ? aiService.newChat(dialogId, message) : aiService.chat(dialogId, message));
         const loadedMessages = [];
         loadedMessages.push(...newMessages);
         log.debug("handleSend - loaded messages:", loadedMessages);
         loadedMessages.pop();
         const botMessage = aiService.toBotMessage(answer, ThinkInfo, ToolCallsInfo, ToolCallsApprove);
         loadedMessages.push(botMessage);
-        setMessages(loadedMessages);
+        updateConversations(loadedMessages);
         setAnnouncement(`Message from Bot: ${answer}`);
         setIsSendButtonDisabled(false);
       };
@@ -2216,8 +2283,8 @@ var init_DiagnosisChatbot = __esm({
       ] }) }, index);
     };
     ToolCallsApprove = (toolCalls) => {
-      const username = "user";
-      const { messages, setMessages, setAnnouncement, setIsSendButtonDisabled } = (0, import_react8.useContext)(ChatbotContext);
+      const { username } = (0, import_react8.useContext)(import_ui.PageContext);
+      const { messages, setAnnouncement, setIsSendButtonDisabled, updateConversations } = (0, import_react8.useContext)(ChatbotContext);
       const messagesRef = (0, import_react8.useRef)(messages);
       const approve = async (toolCalls2) => {
         log.debug("Approved", messagesRef.current);
@@ -2226,7 +2293,7 @@ var init_DiagnosisChatbot = __esm({
         newMessages.push(...messagesRef.current);
         newMessages.push(aiService.createUserMessage(username, "Approved"));
         newMessages.push(aiService.createLoadingBotMessage());
-        setMessages(newMessages);
+        updateConversations(newMessages);
         setAnnouncement(`User approved tool usage. Message from Bot is loading.`);
         log.debug("approve - newMessages:", newMessages);
         const answer = await aiService.invokeTools(toolCalls2);
@@ -2237,7 +2304,7 @@ var init_DiagnosisChatbot = __esm({
         loadedMessages.pop();
         const botMessage = aiService.toBotMessage(answer, ThinkInfo, ToolCallsInfo, ToolCallsApprove);
         loadedMessages.push(botMessage);
-        setMessages(loadedMessages);
+        updateConversations(loadedMessages);
         setAnnouncement(`Message from Bot: ${answer}`);
         setIsSendButtonDisabled(false);
       };
@@ -3186,11 +3253,12 @@ What potential issues or anomalies do you see?`;
 });
 
 // src/ai-plugin/jmx-ai/attributes/Attributes.tsx
-var import_react12, import_react_core4, import_react_icons2, import_react_table, import_react13, import_jsx_runtime4, Attributes, AiJmxToolbar;
+var import_react12, import_ui2, import_react_core4, import_react_icons2, import_react_table, import_react13, import_jsx_runtime4, Attributes, AiJmxToolbar;
 var init_Attributes = __esm({
   "src/ai-plugin/jmx-ai/attributes/Attributes.tsx"() {
     "use strict";
     import_react12 = require("@hawtio/react");
+    import_ui2 = require("@hawtio/react/ui");
     import_react_core4 = require("@patternfly/react-core");
     import_react_icons2 = require("@patternfly/react-icons");
     import_react_table = require("@patternfly/react-table");
@@ -3198,11 +3266,11 @@ var init_Attributes = __esm({
     import_react13 = require("react");
     init_ai_service();
     init_context();
+    init_DiagnosisChatbot();
     init_globals();
     init_jmx_ai_service();
     init_util();
     init_attribute_service();
-    init_DiagnosisChatbot();
     import_jsx_runtime4 = require("react/jsx-runtime");
     Attributes = () => {
       const { selectedNode } = (0, import_react13.useContext)(MBeanTreeContext);
@@ -3310,8 +3378,8 @@ var init_Attributes = __esm({
     };
     AiJmxToolbar = ({ attributes }) => {
       const { selectedNode } = (0, import_react13.useContext)(MBeanTreeContext);
-      const username = "user";
-      const { setMessages, setAnnouncement, setIsChatbotOpen } = (0, import_react13.useContext)(ChatbotContext);
+      const { username } = (0, import_react13.useContext)(import_ui2.PageContext);
+      const { setAnnouncement, setIsChatbotOpen, updateConversations } = (0, import_react13.useContext)(ChatbotContext);
       if (!selectedNode || !selectedNode.mbean || !selectedNode.objectName) {
         return null;
       }
@@ -3325,17 +3393,18 @@ var init_Attributes = __esm({
         const newMessages = [];
         newMessages.push(aiService.createUserMessage(username, diagnoseMessage));
         newMessages.push(aiService.createLoadingBotMessage());
-        setMessages(newMessages);
+        updateConversations(newMessages, `Diagnose ${objectName}`);
         setAnnouncement("Diagnosis in progress...");
         log.debug("diagnose - new messages:", newMessages);
-        const answer = await aiService.newChat(diagnoseMessage, systemMessage);
+        const dialogId = newMessages[0].id;
+        const answer = await aiService.newChat(dialogId, diagnoseMessage, systemMessage);
         const loadedMessages = [];
         loadedMessages.push(...newMessages);
         log.debug("diagnose - loaded messages:", loadedMessages);
         loadedMessages.pop();
         const botMessage = aiService.toBotMessage(answer, ThinkInfo, ToolCallsInfo, ToolCallsApprove);
         loadedMessages.push(botMessage);
-        setMessages(loadedMessages);
+        updateConversations(loadedMessages);
         setAnnouncement("Diagnosis complete.");
       };
       return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_core4.Toolbar, { id: "ai-jmx-toolbar", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_core4.ToolbarContent, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_core4.ToolbarItem, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_core4.Button, { variant: "primary", size: "sm", icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_icons2.MonitoringIcon, {}), onClick: diagnose, children: "Diagnose" }) }) }) });
@@ -3682,7 +3751,7 @@ var plugin = () => {
   aiCommon();
   jmxAi();
 };
-import_react19.configManager.addProductInfo("Hawtio AI Plugin", "0.2.0");
+import_react19.configManager.addProductInfo("Hawtio AI Plugin", "0.2.1");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   plugin