@alpaca-editor/core 1.0.3762-mono

package/dist/editor/Terminal.js

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Terminal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const button_1 = require("primereact/button");
+const inputtextarea_1 = require("primereact/inputtextarea");
+const utils_1 = require("primereact/utils");
+exports.Terminal = (0, react_1.forwardRef)((props, ref) => {
+    const { commandHandler, prompt, setPrompt, onReset, toolbar, statusbar, infobar, disabled, className, } = props;
+    const [response, setResponse] = (0, react_1.useState)();
+    const [messages, setMessages] = (0, react_1.useState)([]);
+    const bottomRef = (0, react_1.useRef)(null);
+    const messageRef = (0, react_1.useRef)(messages);
+    const inputRef = (0, react_1.useRef)(null);
+    const [promptHistory, setPromptHistory] = (0, react_1.useState)(() => {
+        if (typeof window !== "undefined") {
+            return JSON.parse(localStorage.getItem("editor.ai.promptHistory") || "[]");
+        }
+        return [];
+    });
+    const [currentHistoryIndex, setCurrentHistoryIndex] = (0, react_1.useState)(-1);
+    (0, react_1.useEffect)(() => {
+        localStorage.setItem("editor.ai.promptHistory", JSON.stringify(promptHistory));
+    }, [promptHistory]);
+    (0, react_1.useEffect)(() => {
+        if (inputRef.current) {
+            inputRef.current.focus();
+        }
+    }, []);
+    (0, react_1.useEffect)(() => {
+        messageRef.current = messages;
+    }, [messages]);
+    const callback = (text, finished) => {
+        if (!finished)
+            setResponse(text);
+        else {
+            setResponse(undefined);
+            setMessages([...messageRef.current, { type: "response", text }]);
+        }
+    };
+    const handleKeyPress = (e) => {
+        if (e.key === "Enter" && !e.shiftKey) {
+            e.preventDefault();
+            submit();
+        }
+        if (e.key === "ArrowUp") {
+            e.preventDefault();
+            if (promptHistory.length > 0) {
+                const newIndex = currentHistoryIndex < promptHistory.length - 1
+                    ? currentHistoryIndex + 1
+                    : currentHistoryIndex;
+                setCurrentHistoryIndex(newIndex);
+                const historicalPrompt = promptHistory[newIndex];
+                if (inputRef.current && historicalPrompt) {
+                    setPrompt(historicalPrompt);
+                    setTimeout(() => {
+                        inputRef.current.selectionStart = historicalPrompt.length;
+                        inputRef.current.selectionEnd = historicalPrompt.length;
+                    }, 0);
+                }
+            }
+        }
+        if (e.key === "ArrowDown" && currentHistoryIndex >= 0) {
+            e.preventDefault();
+            const newIndex = currentHistoryIndex - 1;
+            setCurrentHistoryIndex(newIndex);
+            const historicalPrompt = newIndex >= 0 ? promptHistory[newIndex] : "";
+            if (inputRef.current && historicalPrompt) {
+                setPrompt(historicalPrompt);
+                setTimeout(() => {
+                    inputRef.current.selectionStart = historicalPrompt.length;
+                    inputRef.current.selectionEnd = historicalPrompt.length;
+                }, 0);
+            }
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        // Scroll to bottom every time messages or response changes.
+        bottomRef.current?.scrollIntoView({ behavior: "smooth" });
+    }, [messages, response]);
+    const responseBoxClasses = "text-xs self-stretch text-gray-700 p-2 rounded shadow border border-gray-200";
+    const getClasses = (m) => {
+        if (m.type === "response")
+            return responseBoxClasses;
+        return "text-xs text-gray-700 bg-indigo-100 p-2 rounded prompt";
+    };
+    // Expose the submit function via the ref.
+    const submit = () => {
+        if (prompt.trim()) {
+            setPromptHistory((prev) => [
+                prompt,
+                ...prev.filter((p) => p !== prompt).slice(0, 9),
+            ]);
+            setCurrentHistoryIndex(-1);
+        }
+        setMessages([...messages, { type: "command", text: prompt }]);
+        setPrompt("");
+        setResponse("...");
+        commandHandler(prompt, callback);
+    };
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        submit,
+    }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.classNames)("flex flex-col h-full", className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "p-1 border-b border-gray-200 flex justify-between gap-2 text-xs items-center", children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => {
+                            setMessages([]);
+                            onReset();
+                        }, children: (0, jsx_runtime_1.jsx)("i", { className: "pi pi-trash text-sm m-1" }) }), toolbar] }), (0, jsx_runtime_1.jsx)("div", { className: "overflow-y-auto h-full overflow-x-hidden p-2", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3 items-end select-text", children: [messages.map((m, i) => ((0, jsx_runtime_1.jsx)("div", { className: getClasses(m), children: m.text }, i))), response != null && ((0, jsx_runtime_1.jsx)("div", { className: responseBoxClasses, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex text-xs", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-xs mr-4", children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-spin pi-spinner" }), " "] }), response] }) })), (0, jsx_runtime_1.jsx)("div", { ref: bottomRef })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col p-1 pb-0", children: [infobar, (0, jsx_runtime_1.jsx)(inputtextarea_1.InputTextarea, { ref: inputRef, value: prompt, className: "border-gray-300 border rounded flex-1 text-xs resize-none self-stretch", onKeyDown: handleKeyPress, onChange: (e) => setPrompt(e.target.value), rows: 4, cols: 30, disabled: disabled }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center py-1", children: [statusbar, (0, jsx_runtime_1.jsx)(button_1.Button, { icon: "pi pi-send", text: true, size: "small", className: "tour-send-button", onClick: submit, disabled: prompt.trim().length === 0 })] })] })] }));
+});

package/dist/editor/Titlebar.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Titlebar = Titlebar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const editContext_1 = require("./client/editContext");
+function Titlebar() {
+    const editContext = (0, editContext_1.useEditContext)();
+    if (!editContext?.view)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "bg-gradient-to-r from-gray-900 from-10% vigray-500 to-indigo-950 h-12 flex justify-between items-center z-1 min-h-12", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-white flex gap-2 items-center relative pl-2 font-bold", children: [(0, jsx_runtime_1.jsx)("a", { href: "/sitecore/shell/sitecore/client/Applications/Launchpad", className: "glow-text", children: (0, jsx_runtime_1.jsx)("i", { className: "pi pi-sparkles text-pink-400" }) }), " ", (0, jsx_runtime_1.jsx)("span", { className: "ml-2 font-mono", children: "editor" })] }), (0, jsx_runtime_1.jsx)("div", { children: editContext?.view.primaryControls }), (0, jsx_runtime_1.jsx)("div", { children: editContext?.view.secondaryControls })] }));
+}

package/dist/editor/ai/AiPopup.js

@@ -0,0 +1,25 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AiPopup = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const overlaypanel_1 = require("primereact/overlaypanel");
+const button_1 = require("primereact/button");
+const react_1 = require("react");
+const EditorAiTerminal_1 = require("./EditorAiTerminal");
+exports.AiPopup = (0, react_1.forwardRef)((_, ref) => {
+    const overlayRef = (0, react_1.useRef)(null);
+    const [terminalOptions, setTerminalOptions] = (0, react_1.useState)();
+    //const [components, setComponents] = useState<ComponentData[]>([]); // [componentId, componentId, ...]
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        show: (ev, terminalOptions) => {
+            setTerminalOptions(terminalOptions);
+            //setComponents(components || []);
+            overlayRef.current?.toggle(ev);
+        },
+        close: () => {
+            overlayRef.current?.hide();
+        },
+    }));
+    return ((0, jsx_runtime_1.jsx)(overlaypanel_1.OverlayPanel, { ref: overlayRef, children: (0, jsx_runtime_1.jsx)("div", { className: "w-96 h-96 flex flex-col gap-2", onClick: (ev) => ev.stopPropagation(), children: (0, jsx_runtime_1.jsx)(EditorAiTerminal_1.EditorAiTerminal, { options: terminalOptions, closeButton: (0, jsx_runtime_1.jsx)(button_1.Button, { icon: "pi pi-times", onClick: () => overlayRef.current?.hide(), size: "small", text: true }) }) }) }));
+});

package/dist/editor/ai/AiResponseMessage.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AiResponseMessage = AiResponseMessage;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const AiToolCall_1 = require("./AiToolCall");
+const editContext_1 = require("../client/editContext");
+function AiResponseMessage({ responseText, toolcalls, editOperations, finished, }) {
+    const editContext = (0, editContext_1.useEditContext)();
+    if (!editContext)
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    const [showFunctions, setShowFunctions] = (0, react_1.useState)(false);
+    const [changesRejected, setChangesRejected] = (0, react_1.useState)(undefined);
+    const reversedEditOperations = [...editOperations].reverse();
+    const canReject = editContext.editHistory.length >= editOperations.length &&
+        reversedEditOperations.find((x, index) => editContext.editHistory[index]?.id !== x.id ||
+            !editContext.editHistory[index]?.canUndo) === undefined;
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { dangerouslySetInnerHTML: {
+                    __html: responseText.replaceAll("\\n", "<br>"),
+                } }), toolcalls.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "text-xs text-gray-400  cursor-pointer flex items-center gap-1 mt-1", onClick: () => setShowFunctions(!showFunctions), children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-wrench text-xs" }), " Tool calls"] })), showFunctions && ((0, jsx_runtime_1.jsx)("div", { className: "text-xs text-gray-400", children: toolcalls.map((x, index) => ((0, jsx_runtime_1.jsx)(AiToolCall_1.AiToolCall, { toolCall: x }, index))) })), finished && editOperations.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 my-2 items-center", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-xs tour-ai-response-message-changes", children: [editOperations.length, " changes"] }), canReject && !changesRejected && ((0, jsx_runtime_1.jsxs)("div", { className: "text-xs text-red-500  cursor-pointer flex items-center gap-1", onClick: async () => {
+                            await editContext?.operations.undo(editOperations.length);
+                            setChangesRejected(true);
+                        }, children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-times" }), " Reject"] })), changesRejected && ((0, jsx_runtime_1.jsx)("div", { className: "text-xs text-red-500", children: "rejected" }))] }))] }));
+}

package/dist/editor/ai/AiTerminal.js

@@ -0,0 +1,241 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AiTerminal = AiTerminal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const terminalservice_1 = require("primereact/terminalservice");
+const Terminal_1 = require("../Terminal");
+const editContext_1 = require("../client/editContext");
+const dropdown_1 = require("primereact/dropdown");
+const universal_cookie_1 = __importDefault(require("universal-cookie"));
+const Icons_1 = require("../ui/Icons");
+const AiResponseMessage_1 = require("./AiResponseMessage");
+const aiService_1 = require("../services/aiService");
+const SimpleIconButton_1 = require("../ui/SimpleIconButton");
+function AiTerminal({ closeButton, createAiContext, defaultProfile, options, }) {
+    const editContext = (0, editContext_1.useEditContext)();
+    const [showPredefined, setShowPredefined] = (0, react_1.useState)(false);
+    if (!editContext)
+        return null;
+    const [messages, setMessages] = (0, react_1.useState)([]);
+    const [response, setResponse] = (0, react_1.useState)();
+    const [model, setModel] = (0, react_1.useState)();
+    const [prompt, setPrompt] = (0, react_1.useState)("");
+    const [profiles, setProfiles] = (0, react_1.useState)([]);
+    const [activeProfile, setActiveProfile] = (0, react_1.useState)();
+    const [initialPromptExecuted, setInitialPromptExecuted] = (0, react_1.useState)(false);
+    const selection = editContext.selection;
+    const terminalRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (options?.initialPrompt && !initialPromptExecuted && model) {
+            // Set the initial prompt text into the terminal's state.
+            console.log("setting prompt", options.initialPrompt);
+            setPrompt(options.initialPrompt);
+            setInitialPromptExecuted(true);
+            // Wait for the Terminal to update, then programmatically submit.
+            setTimeout(() => {
+                terminalRef.current?.submit();
+            }, 100);
+        }
+    }, [options?.initialPrompt, initialPromptExecuted, model]);
+    (0, react_1.useEffect)(() => {
+        async function fetchProfiles() {
+            if (!editContext?.currentItemDescriptor)
+                return;
+            const profiles = await (0, aiService_1.loadAiProfiles)(editContext.currentItemDescriptor);
+            setProfiles(profiles);
+            if (!activeProfile)
+                setActiveProfile(profiles.find((x) => x.name == defaultProfile) || profiles[0]);
+        }
+        fetchProfiles();
+    }, [editContext?.currentItemDescriptor]);
+    (0, react_1.useEffect)(() => {
+        if (activeProfile?.defaultModel)
+            setModel(activeProfile.defaultModel);
+    }, [activeProfile]);
+    const messagesRef = (0, react_1.useRef)(messages);
+    (0, react_1.useEffect)(() => {
+        messagesRef.current = messages;
+    }, [messages]);
+    async function commandHandler(text, callback) {
+        const newMessages = [
+            ...messagesRef.current,
+            { content: text, role: "user", name: "user" },
+        ];
+        const context = createAiContext({ editContext });
+        let lastOpIndex = 0;
+        const selectedText = editContext?.selectedRange?.text || null;
+        if (!activeProfile || !model)
+            return;
+        const messages = [
+            ...(options?.hiddenSystemPrompt
+                ? [
+                    {
+                        role: "system",
+                        name: "system",
+                        content: options.hiddenSystemPrompt,
+                    },
+                ]
+                : []),
+            ...newMessages,
+        ];
+        console.log(messages);
+        const response = await executePrompt(activeProfile.id, messages, selection, editContext.sessionId, model, selectedText, context, (response) => {
+            setResponse(response);
+            handleResponse(response, callback, false);
+            if (response.editOperations.length) {
+                if (!editContext)
+                    return;
+                const newOps = response.editOperations.slice(lastOpIndex);
+                if (newOps.length === 0)
+                    return;
+                const isEditTextFieldOp = (op) => {
+                    if (op.type !== "edit-field")
+                        return false;
+                    const editFieldOp = op;
+                    return (editFieldOp.fieldType &&
+                        editFieldOp.fieldType.indexOf("text") !== -1);
+                };
+                const isEditTextField = isEditTextFieldOp(newOps[newOps.length - 1]);
+                if (isEditTextField)
+                    lastOpIndex = response.editOperations.length - 1;
+                else
+                    lastOpIndex = response.editOperations.length;
+                newOps.forEach((op) => {
+                    if (isEditTextFieldOp(op)) {
+                        const editFieldOp = op;
+                        if (editFieldOp.item) {
+                            editContext.itemsRepository.updateFieldValue(editFieldOp, editFieldOp.user ?? { name: "unknown", ai: false }, false, editFieldOp.value);
+                            editContext.select([editFieldOp.item.id]);
+                            editContext.setScrollIntoView(editFieldOp.item.id);
+                            editContext?.setFocusedField(editFieldOp, false);
+                        }
+                    }
+                    else {
+                        const addOp = op;
+                        if (op.type === "add-component" && addOp.componentId) {
+                            const newComponentId = addOp.componentId;
+                            editContext.select([newComponentId]);
+                            editContext.setScrollIntoView(newComponentId);
+                        }
+                    }
+                });
+            }
+        });
+        if (response) {
+            handleResponse(response, callback, true);
+            if (context.callback)
+                context.callback(response);
+            editContext?.requestRefresh("immediate");
+        }
+        if (response?.responseText)
+            newMessages.push({
+                content: response.responseText,
+                role: "assistant",
+                name: "assistant",
+            });
+        setResponse(response ? response : undefined);
+        setMessages(newMessages);
+    }
+    (0, react_1.useEffect)(() => {
+        terminalservice_1.TerminalService.on("command", commandHandler);
+        return () => {
+            terminalservice_1.TerminalService.off("command", commandHandler);
+        };
+    }, []);
+    return ((0, jsx_runtime_1.jsx)("div", { className: "h-full flex flex-col relative flex-1 pl-1.5", "data-testid": "ai-terminal", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 relative", children: [(0, jsx_runtime_1.jsx)("div", { className: "inset-0 absolute tour-ai-terminal", children: (0, jsx_runtime_1.jsx)(Terminal_1.Terminal, { disabled: !model, ref: terminalRef, onReset: () => {
+                            setMessages([]);
+                            setResponse(undefined);
+                        }, infobar: response?.numInputTokens && ((0, jsx_runtime_1.jsxs)("div", { className: "text-gray-400 text-right", style: { fontSize: "10px" }, children: ["Tokens in: ", response?.numInputTokens?.toLocaleString(), " out:", " ", response?.numOutputTokens?.toLocaleString(), " ", response?.numCachedTokens
+                                    ? `cached: ${response?.numCachedTokens?.toLocaleString()} `
+                                    : "", response?.state] })), prompt: prompt, setPrompt: setPrompt, statusbar: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between gap-1 flex-1", children: [(0, jsx_runtime_1.jsxs)("a", { className: "text-xs text-blue-300 cursor-pointer flex items-center gap-1 ml-1", onClick: () => {
+                                        setShowPredefined(!showPredefined);
+                                    }, children: [(0, jsx_runtime_1.jsx)(Icons_1.WizardIcon, { className: "w-5 h-5" }), "Predefined prompts"] }), editContext.selection?.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "text-xs text-red-400 flex items-center mr-2", children: [editContext.selection.length, " items selected", (0, jsx_runtime_1.jsx)(SimpleIconButton_1.SimpleIconButton, { icon: "pi pi-times", label: "Clear selection", onClick: () => {
+                                                editContext.select([]);
+                                            } })] })), showPredefined && ((0, jsx_runtime_1.jsx)("div", { className: "absolute right-0 left-0 bottom-8 text-sm overflow-y-auto bg-white p-3 pb-1 flex flex-col gap-1 ", children: activeProfile &&
+                                        activeProfile.prompts.map((p, index) => ((0, jsx_runtime_1.jsx)("div", { className: "p-1.5 mb-1 border border-gray-200 rounded-lg cursor-pointer text-gray-700 text-xs", onClick: () => {
+                                                setPrompt(p.prompt);
+                                                setShowPredefined(false);
+                                            }, children: p.title }, index))) }))] }), toolbar: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-stretch gap-1", children: [(0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: "text-sm", value: activeProfile, onChange: (e) => setActiveProfile(e.value), optionLabel: "name", options: profiles }), activeProfile && ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: "text-sm", value: model, onChange: (e) => setModel(e.value), options: activeProfile.models })), closeButton] }), commandHandler: (v, callback) => {
+                            commandHandler(v, callback);
+                        } }) }), activeProfile?.errorMessage && ((0, jsx_runtime_1.jsx)("div", { className: "text-red-500 text-sm p-2 inset-0 absolute grid items-center justify-center", children: activeProfile?.errorMessage })), !model && ((0, jsx_runtime_1.jsx)("div", { className: "inset-0 absolute grid items-center justify-center text-gray-400 text-sm", children: !activeProfile ? "No profile selected" : "No model selected" }))] }) }));
+}
+async function executePrompt(profileId, messages, selection, session, model, selectedText, context, callback) {
+    const response = await fetch(context.endpoint, {
+        method: "POST",
+        body: JSON.stringify({
+            ...context.promptData,
+            profileId,
+            messages,
+            selection,
+            selectedText,
+            model,
+            sessionId: session,
+        }),
+        credentials: "include",
+        headers: {
+            "Content-Type": "application/json",
+            Cookie: new universal_cookie_1.default().getAll(),
+        },
+    });
+    if (!response?.body)
+        return null;
+    const reader = response.body.getReader();
+    const decoder = new TextDecoder();
+    let buffer = "";
+    let result = null;
+    while (true) {
+        const { done, value } = await reader.read();
+        if (done) {
+            break;
+        }
+        buffer += decoder.decode(value, { stream: true }); // 'stream: true' ensures that any incomplete multi-byte characters aren't malformed.
+        // Split the buffer by newline and keep the last partial line for the next iteration.
+        const lines = buffer.split("\n");
+        if (lines.length > 0) {
+            buffer = lines.pop() || ""; // Incomplete line (if any) is kept for the next iteration.
+            for (let line of lines) {
+                if (line.trim() === "")
+                    continue; // Skip empty lines if any.
+                try {
+                    const jsonData = JSON.parse(line);
+                    callback(jsonData);
+                    result = jsonData;
+                }
+                catch (e) {
+                    console.error("Error parsing line:" + line, e);
+                }
+            }
+        }
+    }
+    // If there's any remaining content in the buffer after processing all chunks, try to process it.
+    if (buffer.trim() !== "") {
+        try {
+            const jsonData = JSON.parse(buffer);
+            result = jsonData;
+        }
+        catch (e) {
+            console.error("Error parsing the final buffer content:", e);
+        }
+    }
+    return result;
+}
+function handleResponse(response, terminalCallback, isFinished) {
+    const toolcalls = response?.toolCalls?.map((tool_call) => {
+        return {
+            func: tool_call.function?.name,
+            arguments: tool_call.function?.arguments,
+            result: tool_call.result,
+            error: tool_call.error,
+        };
+    }) || [];
+    const responseText = response.responseText
+        ?.trim()
+        .replace(/\n/g, "<br/>")
+        ?.replace(/\*\*(.*?)\*\*/g, "<b>$1</b>");
+    terminalCallback((0, jsx_runtime_1.jsx)(AiResponseMessage_1.AiResponseMessage, { responseText: responseText, toolcalls: toolcalls, editOperations: response.editOperations, finished: isFinished }), isFinished);
+}

package/dist/editor/ai/AiToolCall.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AiToolCall = AiToolCall;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_json_view_lite_1 = require("react-json-view-lite");
+function AiToolCall({ toolCall }) {
+    const [expanded, setExpaded] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "mt-2", children: [(0, jsx_runtime_1.jsxs)("div", { onClick: () => setExpaded(!expanded), className: "flex items-center cursor-pointer", children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-angle-right" }), " ", toolCall.func] }), expanded && ((0, jsx_runtime_1.jsxs)("div", { className: "ml-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "italic", children: "Args:" }), (0, jsx_runtime_1.jsx)("div", { children: renderJsonOrText(toolCall.arguments) }), (0, jsx_runtime_1.jsx)("div", { className: "italic mt-1", children: "Result:" }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [toolCall.error && ((0, jsx_runtime_1.jsx)("div", { className: "text-red", children: toolCall.error })), renderJsonOrText(toolCall.result)] })] }))] }));
+}
+function renderJsonOrText(json) {
+    try {
+        return (0, jsx_runtime_1.jsx)(react_json_view_lite_1.JsonView, { data: JSON.parse(json), style: react_json_view_lite_1.defaultStyles });
+    }
+    catch (e) {
+        return (0, jsx_runtime_1.jsx)("div", { children: json });
+    }
+}

package/dist/editor/ai/EditorAiTerminal.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorAiTerminal = EditorAiTerminal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const AiTerminal_1 = require("./AiTerminal");
+const editorAiContext_1 = require("./editorAiContext");
+function EditorAiTerminal({ closeButton, options, }) {
+    return ((0, jsx_runtime_1.jsx)(AiTerminal_1.AiTerminal, { options: options, closeButton: closeButton, createAiContext: editorAiContext_1.createEditorAiContext, defaultProfile: "Editor" }));
+}

package/dist/editor/ai/editorAiContext.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createEditorAiContext = createEditorAiContext;
+function createEditorAiContext({ editContext, }) {
+    const aiPromptUrl = editContext.configuration.services.aiService.promptUrl;
+    return {
+        endpoint: aiPromptUrl,
+        promptData: {
+            itemid: editContext.currentItemDescriptor?.id,
+            language: editContext.currentItemDescriptor?.language,
+            version: editContext.currentItemDescriptor?.version,
+        },
+    };
+}

package/dist/editor/client/DialogContext.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDialog = exports.DialogProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+// DialogContext.tsx
+const react_1 = require("react");
+const DialogContext = (0, react_1.createContext)(undefined);
+const DialogProvider = ({ children, }) => {
+    const [dialog, setDialog] = (0, react_1.useState)(null);
+    const openDialog = (Component, props) => {
+        return new Promise((resolve) => {
+            const handleClose = (result) => {
+                setDialog(null);
+                resolve(result);
+            };
+            setDialog((0, jsx_runtime_1.jsx)(Component, { ...props, onClose: handleClose }));
+        });
+    };
+    return ((0, jsx_runtime_1.jsxs)(DialogContext.Provider, { value: { openDialog }, children: [children, dialog] }));
+};
+exports.DialogProvider = DialogProvider;
+const useDialog = () => {
+    const context = (0, react_1.useContext)(DialogContext);
+    if (!context) {
+        throw new Error("useDialog must be used within a DialogProvider");
+    }
+    return context;
+};
+exports.useDialog = useDialog;