@kwirthmagnify/kwirth-plugin-pinocchio 0.2.5 → 0.2.7

package/front.js

@@ -748,30 +748,28 @@
   };
   var PinocchioImportExport = (props) => {
     (0, import_kwirth_common_front2.useKeyboard)(() => props.onClose());
-    const [tab, setTab] = (0, import_react5.useState)(0);
     const fileInputRef = (0, import_react5.useRef)(null);
-    const [exportProviders, setExportProviders] = (0, import_react5.useState)(new Set(props.providers.map((p) => p.name)));
-    const [exportLlms, setExportLlms] = (0, import_react5.useState)(new Set(props.config.llms.map((l) => l.id)));
     const [exportTriggers, setExportTriggers] = (0, import_react5.useState)(new Set(props.config.triggers.map((t) => t.id)));
     const [importFile, setImportFile] = (0, import_react5.useState)(null);
-    const [importProviders, setImportProviders] = (0, import_react5.useState)(/* @__PURE__ */ new Set());
-    const [importLlms, setImportLlms] = (0, import_react5.useState)(/* @__PURE__ */ new Set());
     const [importTriggers, setImportTriggers] = (0, import_react5.useState)(/* @__PURE__ */ new Set());
     const [importError, setImportError] = (0, import_react5.useState)("");
+    const [mode, setMode] = (0, import_react5.useState)("export");
     const handleDownload = () => {
-      const data = {
-        version: "1",
-        providers: props.providers.filter((p) => exportProviders.has(p.name)),
-        llms: props.config.llms.filter((l) => exportLlms.has(l.id)),
-        triggers: props.config.triggers.filter((t) => exportTriggers.has(t.id))
-      };
-      const blob = new Blob([JSON.stringify(data, null, 2)], { type: "application/json" });
-      const url = URL.createObjectURL(blob);
+      const data = { version: "1", triggers: props.config.triggers.filter((t) => exportTriggers.has(t.id)) };
+      const json = JSON.stringify(data, null, 2);
+      const filename = `pinocchio-triggers-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.json`;
+      const tauri = window.__TAURI__;
+      if (tauri?.dialog?.save && tauri?.fs?.writeTextFile) {
+        tauri.dialog.save({ defaultPath: filename, filters: [{ name: "JSON", extensions: ["json"] }] }).then((path) => {
+          if (path) tauri.fs.writeTextFile(path, json);
+        });
+        return;
+      }
+      const uri = "data:application/json;charset=utf-8," + encodeURIComponent(json);
       const a = document.createElement("a");
-      a.href = url;
-      a.download = `pinocchio-config-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.json`;
+      a.href = uri;
+      a.download = filename;
       a.click();
-      URL.revokeObjectURL(url);
     };
     const handleFileChange = (e) => {
       const file = e.target.files?.[0];
@@ -782,8 +780,6 @@
           const parsed = JSON.parse(ev.target?.result);
           if (parsed.version !== "1") throw new Error("Unsupported version");
           setImportFile(parsed);
-          setImportProviders(new Set((parsed.providers ?? []).map((p) => p.name)));
-          setImportLlms(new Set((parsed.llms ?? []).map((l) => l.id)));
           setImportTriggers(new Set((parsed.triggers ?? []).map((t) => t.id)));
           setImportError("");
         } catch {
@@ -796,23 +792,15 @@
     };
     const handleImport = () => {
       if (!importFile) return;
-      const mergeById = (current, incoming, key) => {
-        const result = [...current];
-        for (const item of incoming) {
-          const idx = result.findIndex((x) => x[key] === item[key]);
-          if (idx >= 0) result[idx] = item;
-          else result.push(item);
-        }
-        return result;
-      };
-      const newProviders = mergeById(props.providers, (importFile.providers ?? []).filter((p) => importProviders.has(p.name)), "name");
-      const newLlms = mergeById(props.config.llms, (importFile.llms ?? []).filter((l) => importLlms.has(l.id)), "id");
-      const newTriggers = mergeById(props.config.triggers, (importFile.triggers ?? []).filter((t) => importTriggers.has(t.id)), "id");
-      props.onClose(newProviders, { ...props.config, llms: newLlms, triggers: newTriggers });
+      const result = [...props.config.triggers];
+      for (const t of importFile.triggers.filter((t2) => importTriggers.has(t2.id))) {
+        const idx = result.findIndex((x) => x.id === t.id);
+        if (idx >= 0) result[idx] = t;
+        else result.push(t);
+      }
+      props.onClose({ ...props.config, triggers: result });
     };
-    const totalExport = exportProviders.size + exportLlms.size + exportTriggers.size;
-    const totalImport = importProviders.size + importLlms.size + importTriggers.size;
-    return /* @__PURE__ */ import_react5.default.createElement(import_material4.Dialog, { open: true, PaperProps: { sx: { width: "60vw", maxWidth: "680px", height: "58vh" } } }, /* @__PURE__ */ import_react5.default.createElement(import_material4.DialogTitle, null, "Import / Export"), /* @__PURE__ */ import_react5.default.createElement(import_material4.DialogContent, { sx: { display: "flex", flexDirection: "column", p: 0 } }, /* @__PURE__ */ import_react5.default.createElement(import_material4.Tabs, { value: tab, onChange: (_, v) => setTab(v), sx: { borderBottom: 1, borderColor: "divider", px: 2 } }, /* @__PURE__ */ import_react5.default.createElement(import_material4.Tab, { label: "Export" }), /* @__PURE__ */ import_react5.default.createElement(import_material4.Tab, { label: "Import" })), /* @__PURE__ */ import_react5.default.createElement(import_material4.Box, { sx: { flex: 1, overflowY: "auto", p: 2 } }, tab === 0 && /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(CheckSection, { label: "Providers", items: props.providers.map((p) => p.name), selected: exportProviders, onChange: setExportProviders }), /* @__PURE__ */ import_react5.default.createElement(import_material4.Divider, { sx: { my: 1 } }), /* @__PURE__ */ import_react5.default.createElement(CheckSection, { label: "LLMs", items: props.config.llms.map((l) => l.id), selected: exportLlms, onChange: setExportLlms }), /* @__PURE__ */ import_react5.default.createElement(import_material4.Divider, { sx: { my: 1 } }), /* @__PURE__ */ import_react5.default.createElement(CheckSection, { label: "Triggers", items: props.config.triggers.map((t) => t.id), selected: exportTriggers, onChange: setExportTriggers }), /* @__PURE__ */ import_react5.default.createElement(import_material4.Box, { sx: { mt: 2 } }, /* @__PURE__ */ import_react5.default.createElement(import_material4.Button, { variant: "contained", size: "small", onClick: handleDownload, disabled: totalExport === 0 }, "Download JSON"))), tab === 1 && /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(import_material4.Stack, { direction: "row", alignItems: "center", spacing: 2, sx: { mb: 2 } }, /* @__PURE__ */ import_react5.default.createElement("input", { ref: fileInputRef, type: "file", accept: ".json", style: { display: "none" }, onChange: handleFileChange }), /* @__PURE__ */ import_react5.default.createElement(import_material4.Button, { variant: "outlined", size: "small", onClick: () => fileInputRef.current?.click() }, "Upload JSON file\u2026"), importError && /* @__PURE__ */ import_react5.default.createElement(import_material4.Typography, { color: "error", variant: "body2" }, importError)), importFile && /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(CheckSection, { label: "Providers", items: (importFile.providers ?? []).map((p) => p.name), selected: importProviders, onChange: setImportProviders, existsLabel: (key) => props.providers.some((p) => p.name === key) }), /* @__PURE__ */ import_react5.default.createElement(import_material4.Divider, { sx: { my: 1 } }), /* @__PURE__ */ import_react5.default.createElement(CheckSection, { label: "LLMs", items: (importFile.llms ?? []).map((l) => l.id), selected: importLlms, onChange: setImportLlms, existsLabel: (key) => props.config.llms.some((l) => l.id === key) }), /* @__PURE__ */ import_react5.default.createElement(import_material4.Divider, { sx: { my: 1 } }), /* @__PURE__ */ import_react5.default.createElement(CheckSection, { label: "Triggers", items: (importFile.triggers ?? []).map((t) => t.id), selected: importTriggers, onChange: setImportTriggers, existsLabel: (key) => props.config.triggers.some((t) => t.id === key) }), /* @__PURE__ */ import_react5.default.createElement(import_material4.Box, { sx: { mt: 2 } }, /* @__PURE__ */ import_react5.default.createElement(import_material4.Button, { variant: "contained", size: "small", onClick: handleImport, disabled: totalImport === 0 }, "Import selected")))))), /* @__PURE__ */ import_react5.default.createElement(import_material4.DialogActions, null, /* @__PURE__ */ import_react5.default.createElement(import_material4.Button, { onClick: () => props.onClose() }, "Close")));
+    return /* @__PURE__ */ import_react5.default.createElement(import_material4.Dialog, { open: true, PaperProps: { sx: { width: "50vw", maxWidth: "560px" } } }, /* @__PURE__ */ import_react5.default.createElement(import_material4.DialogTitle, null, "Triggers \u2014 Import / Export"), /* @__PURE__ */ import_react5.default.createElement(import_material4.DialogContent, { sx: { display: "flex", flexDirection: "column", gap: 1, pt: 1 } }, /* @__PURE__ */ import_react5.default.createElement(import_material4.Stack, { direction: "row", spacing: 1, sx: { mb: 1 } }, /* @__PURE__ */ import_react5.default.createElement(import_material4.Button, { size: "small", variant: mode === "export" ? "contained" : "outlined", onClick: () => setMode("export") }, "Export"), /* @__PURE__ */ import_react5.default.createElement(import_material4.Button, { size: "small", variant: mode === "import" ? "contained" : "outlined", onClick: () => setMode("import") }, "Import")), mode === "export" && /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(CheckSection, { label: "Triggers", items: props.config.triggers.map((t) => t.id), selected: exportTriggers, onChange: setExportTriggers }), /* @__PURE__ */ import_react5.default.createElement(import_material4.Button, { variant: "contained", size: "small", onClick: handleDownload, disabled: exportTriggers.size === 0, sx: { alignSelf: "flex-start", mt: 1 } }, "Download JSON")), mode === "import" && /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(import_material4.Stack, { direction: "row", alignItems: "center", spacing: 2 }, /* @__PURE__ */ import_react5.default.createElement("input", { ref: fileInputRef, type: "file", accept: ".json", style: { display: "none" }, onChange: handleFileChange }), /* @__PURE__ */ import_react5.default.createElement(import_material4.Button, { variant: "outlined", size: "small", onClick: () => fileInputRef.current?.click() }, "Upload JSON\u2026"), importError && /* @__PURE__ */ import_react5.default.createElement(import_material4.Typography, { color: "error", variant: "body2" }, importError)), importFile && /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(CheckSection, { label: "Triggers", items: importFile.triggers.map((t) => t.id), selected: importTriggers, onChange: setImportTriggers, existsLabel: (key) => props.config.triggers.some((t) => t.id === key) }), /* @__PURE__ */ import_react5.default.createElement(import_material4.Button, { variant: "contained", size: "small", onClick: handleImport, disabled: importTriggers.size === 0, sx: { alignSelf: "flex-start", mt: 1 } }, "Import selected")))), /* @__PURE__ */ import_react5.default.createElement(import_material4.DialogActions, null, /* @__PURE__ */ import_react5.default.createElement(import_material4.Button, { onClick: () => props.onClose() }, "Close")));
   };
 
   // src/front/PinocchioPlayground.tsx
@@ -1307,23 +1295,7 @@
       };
       props.channelObject.webSocket?.send(JSON.stringify(msg));
     };
-    const pinocchioImportExportClose = (providers, config) => {
-      if (providers) {
-        pinocchioData.providers = providers;
-        let msg = {
-          channel: "pinocchio",
-          msgtype: "pinocchiomessage",
-          id: "1",
-          accessKey: props.channelObject.accessString,
-          instance: props.channelObject.instanceId,
-          command: "providersset" /* PROVIDERSSET */,
-          action: import_kwirth_common2.EInstanceMessageAction.COMMAND,
-          flow: import_kwirth_common2.EInstanceMessageFlow.REQUEST,
-          type: import_kwirth_common2.EInstanceMessageType.DATA,
-          data: providers
-        };
-        props.channelObject.webSocket?.send(JSON.stringify(msg));
-      }
+    const pinocchioImportExportClose = (config) => {
       if (config) {
         pinocchioData.config = config;
         let msg = {
@@ -1368,7 +1340,7 @@
     } }, "Playground"), /* @__PURE__ */ import_react8.default.createElement(import_material6.Button, { onClick: (event) => {
       props.channelObject.webSocket?.send(JSON.stringify({ channel: "pinocchio", msgtype: "pinocchiomessage", id: "1", accessKey: props.channelObject.accessString, instance: props.channelObject.instanceId, command: "configget" /* CONFIGGET */, action: import_kwirth_common2.EInstanceMessageAction.COMMAND, flow: import_kwirth_common2.EInstanceMessageFlow.REQUEST, type: import_kwirth_common2.EInstanceMessageType.DATA }));
       setAnchorMenu(event.currentTarget);
-    } }, "Config")) }), /* @__PURE__ */ import_react8.default.createElement(import_material6.CardContent, { sx: { flex: 1, display: "flex", flexDirection: "column", minHeight: 0, p: 0, "&:last-child": { pb: 0 } } }, /* @__PURE__ */ import_react8.default.createElement(import_material6.Box, { ref: pinocchioBoxRef, sx: { display: "flex", flexDirection: "column", width: "100%", overflowY: "auto", flexGrow: 1, height: `calc(100vh - ${pinocchioBoxTop}px - 16px)` }, onScroll: handleScroll }, /* @__PURE__ */ import_react8.default.createElement(import_material6.Box, { sx: { flex: 1, overflowY: "auto", ml: 1, mr: 1 } }, showContent())))), showConfigTrigger && /* @__PURE__ */ import_react8.default.createElement(PinocchioConfigTrigger, { pinocchioConfig: pinocchioData.config, toolsAvailable: pinocchioData.toolsAvailable.map((t) => t.name), onClose: pinocchioConfigClose }), showConfigLlm && /* @__PURE__ */ import_react8.default.createElement(import_front.AiConfigLlm, { llms: pinocchioData.config.llms, providers: pinocchioData.providers, onClose: aiConfigLlmClose }), showConfigProvider && /* @__PURE__ */ import_react8.default.createElement(import_front.AiConfigProvider, { providers: pinocchioData.providers, providersAvailable: pinocchioData.providersAvailable, onClose: pinocchioConfigProviderClose }), showPlayground && /* @__PURE__ */ import_react8.default.createElement(PinocchioPlayground, { pinocchioConfig: pinocchioData.config, toolsAvailable: pinocchioData.toolsAvailable, accessString: props.channelObject.accessString, instanceId: props.channelObject.instanceId, webSocket: props.channelObject.webSocket, clusterUrl: props.channelObject.clusterUrl, content: pinocchioData.content, onClose: pinocchioPlaygroundClose, onStateChange: pinocchioPlaygroundStateChange }), showImportExport && /* @__PURE__ */ import_react8.default.createElement(PinocchioImportExport, { providers: pinocchioData.providers, config: pinocchioData.config, onClose: pinocchioImportExportClose }), anchorMenu && /* @__PURE__ */ import_react8.default.createElement(MenuConfig, { anchorParent: anchorMenu, providers: pinocchioData.providers, pinocchioConfig: pinocchioData.config, onAction: onConfigAction, onClose: () => setAnchorMenu(void 0) }), reportContent !== null && /* @__PURE__ */ import_react8.default.createElement(import_material6.Dialog, { open: true, onClose: () => setReportContent(null), PaperProps: { sx: { width: "60vw", maxWidth: "900px", maxHeight: "70vh" } } }, /* @__PURE__ */ import_react8.default.createElement(import_material6.DialogTitle, null, "Report"), /* @__PURE__ */ import_react8.default.createElement(import_material6.DialogContent, { sx: { pt: 2, px: 3, pb: 1 } }, /* @__PURE__ */ import_react8.default.createElement(import_kwirth_common_front4.MarkdownViewer, { content: reportContent })), /* @__PURE__ */ import_react8.default.createElement(import_material6.DialogActions, null, /* @__PURE__ */ import_react8.default.createElement(import_material6.Button, { onClick: () => setReportContent(null) }, "Close"))));
+    } }, "Config")) }), /* @__PURE__ */ import_react8.default.createElement(import_material6.CardContent, { sx: { flex: 1, display: "flex", flexDirection: "column", minHeight: 0, p: 0, "&:last-child": { pb: 0 } } }, /* @__PURE__ */ import_react8.default.createElement(import_material6.Box, { ref: pinocchioBoxRef, sx: { display: "flex", flexDirection: "column", width: "100%", overflowY: "auto", flexGrow: 1, height: `calc(100vh - ${pinocchioBoxTop}px - 16px)` }, onScroll: handleScroll }, /* @__PURE__ */ import_react8.default.createElement(import_material6.Box, { sx: { flex: 1, overflowY: "auto", ml: 1, mr: 1 } }, showContent())))), showConfigTrigger && /* @__PURE__ */ import_react8.default.createElement(PinocchioConfigTrigger, { pinocchioConfig: pinocchioData.config, toolsAvailable: pinocchioData.toolsAvailable.map((t) => t.name), onClose: pinocchioConfigClose }), showConfigLlm && /* @__PURE__ */ import_react8.default.createElement(import_front.AiConfigLlm, { llms: pinocchioData.config.llms, providers: pinocchioData.providers, onClose: aiConfigLlmClose }), showConfigProvider && /* @__PURE__ */ import_react8.default.createElement(import_front.AiConfigProvider, { providers: pinocchioData.providers, providersAvailable: pinocchioData.providersAvailable, onClose: pinocchioConfigProviderClose }), showPlayground && /* @__PURE__ */ import_react8.default.createElement(PinocchioPlayground, { pinocchioConfig: pinocchioData.config, toolsAvailable: pinocchioData.toolsAvailable, accessString: props.channelObject.accessString, instanceId: props.channelObject.instanceId, webSocket: props.channelObject.webSocket, clusterUrl: props.channelObject.clusterUrl, content: pinocchioData.content, onClose: pinocchioPlaygroundClose, onStateChange: pinocchioPlaygroundStateChange }), showImportExport && /* @__PURE__ */ import_react8.default.createElement(PinocchioImportExport, { config: pinocchioData.config, onClose: pinocchioImportExportClose }), anchorMenu && /* @__PURE__ */ import_react8.default.createElement(MenuConfig, { anchorParent: anchorMenu, providers: pinocchioData.providers, pinocchioConfig: pinocchioData.config, onAction: onConfigAction, onClose: () => setAnchorMenu(void 0) }), reportContent !== null && /* @__PURE__ */ import_react8.default.createElement(import_material6.Dialog, { open: true, onClose: () => setReportContent(null), PaperProps: { sx: { width: "60vw", maxWidth: "900px", maxHeight: "70vh" } } }, /* @__PURE__ */ import_react8.default.createElement(import_material6.DialogTitle, null, "Report"), /* @__PURE__ */ import_react8.default.createElement(import_material6.DialogContent, { sx: { pt: 2, px: 3, pb: 1 } }, /* @__PURE__ */ import_react8.default.createElement(import_kwirth_common_front4.MarkdownViewer, { content: reportContent })), /* @__PURE__ */ import_react8.default.createElement(import_material6.DialogActions, null, /* @__PURE__ */ import_react8.default.createElement(import_material6.Button, { onClick: () => setReportContent(null) }, "Close"))));
   };
 
   // src/front/PinocchioChannel.ts

package/package.json

@@ -2,7 +2,7 @@
   "id": "pinocchio",
   "name": "@kwirthmagnify/kwirth-plugin-pinocchio",
   "displayName": "Pinocchio",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "description": "Pinocchio AI channel plugin for Kwirth - LLM-based Kubernetes event analysis",
   "icon": "AutoFixHigh",
   "website": "https://kwirthmagnify.dev"