@rogatio/cli 5.15.0 → 5.16.0

package/dist/editor/index.js

@@ -231,7 +231,7 @@ function hasLoneSurrogate(value) {
 }
 
 // packages/editor/src/ai-assist-panel.ts
-function createAIAssistPanel(_container, _editor, onApply, onClose) {
+function createAIAssistPanel(_container, _editor, onApply, onClose, onSend) {
   let visible = false;
   let streamingContent = "";
   let streamingMessageIndex = -1;
@@ -351,6 +351,7 @@ function createAIAssistPanel(_container, _editor, onApply, onClose) {
   panel.appendChild(messagesContainer);
   panel.appendChild(inputContainer);
   const closeBtn = header.querySelector(".ai-close-btn");
+  let sending = false;
   function show() {
     if (!visible) {
       visible = true;
@@ -373,10 +374,17 @@ function createAIAssistPanel(_container, _editor, onApply, onClose) {
       onClose();
     }
   }
+  function destroy() {
+    visible = false;
+    if (panel.parentNode) {
+      panel.parentNode.removeChild(panel);
+    }
+    onClose();
+  }
   function isVisible() {
     return visible;
   }
-  function addMessage(message) {
+  function renderMessage(message) {
     const messageEl = document.createElement("div");
     messageEl.style.cssText = `
       display: flex;
@@ -402,6 +410,10 @@ function createAIAssistPanel(_container, _editor, onApply, onClose) {
     messagesContainer.appendChild(messageEl);
     messagesContainer.scrollTop = messagesContainer.scrollHeight;
   }
+  function addMessage(message) {
+    messages.push(message);
+    renderMessage(message);
+  }
   function createProposalElement(proposal) {
     const container = document.createElement("div");
     container.style.cssText = `
@@ -513,22 +525,22 @@ function createAIAssistPanel(_container, _editor, onApply, onClose) {
   }
   function updateStreamingContent(content) {
     if (streamingMessageIndex >= 0 && streamingMessageIndex < messages.length) {
+      streamingContent += content;
       const message = messages[streamingMessageIndex];
-      message.content = streamingContent + content;
-      const bubbles = messagesContainer.querySelectorAll(
-        "div > div:first-child"
-      );
-      if (bubbles[streamingMessageIndex]) {
-        bubbles[streamingMessageIndex].textContent = message.content;
+      message.content = streamingContent;
+      const messageEl = messagesContainer.children[streamingMessageIndex];
+      const bubble = messageEl?.firstElementChild;
+      if (bubble instanceof HTMLElement) {
+        bubble.textContent = message.content;
       }
+      messagesContainer.scrollTop = messagesContainer.scrollHeight;
     }
   }
   function startStreaming(role) {
     streamingContent = "";
     const message = { role, content: "", isStreaming: true };
-    messages.push(message);
-    streamingMessageIndex = messages.length - 1;
     addMessage(message);
+    streamingMessageIndex = messages.length - 1;
   }
   function finishStreaming(proposal) {
     if (streamingMessageIndex >= 0 && streamingMessageIndex < messages.length) {
@@ -552,9 +564,16 @@ function createAIAssistPanel(_container, _editor, onApply, onClose) {
   }
   function handleSend() {
     const prompt = textarea.value.trim();
-    if (!prompt) return;
+    if (!prompt || sending) return;
+    sending = true;
+    sendButton.disabled = true;
     textarea.value = "";
     textarea.style.height = "auto";
+    addMessage({ role: "user", content: prompt });
+    void Promise.resolve(onSend(prompt)).finally(() => {
+      sending = false;
+      sendButton.disabled = false;
+    });
   }
   closeBtn.addEventListener("click", hide);
   sendButton.addEventListener("click", handleSend);
@@ -567,6 +586,7 @@ function createAIAssistPanel(_container, _editor, onApply, onClose) {
   return {
     show,
     hide,
+    destroy,
     isVisible,
     addMessage,
     clearMessages,
@@ -1966,6 +1986,69 @@ function displayName(value, fallback) {
 function isHTMLElement(value) {
   return value !== null && typeof value === "object" && value.nodeType === 1 && typeof value.appendChild === "function";
 }
+function isAsyncIterable(value) {
+  return value !== null && typeof value === "object" && Symbol.asyncIterator in value && typeof value[Symbol.asyncIterator] === "function";
+}
+function aiAssistErrorMessage(error) {
+  if (error instanceof Error && error.message.length > 0) return error.message;
+  if (typeof error === "string" && error.length > 0) return error;
+  return "AI Assist failed.";
+}
+function ownString(record, ...keys) {
+  for (const key of keys) {
+    if (!Object.hasOwn(record, key)) continue;
+    if (FORBIDDEN_EXTENSION_FIELDS.has(key)) continue;
+    const value = record[key];
+    if (typeof value === "string") return value;
+  }
+  return void 0;
+}
+function applyRuleProposalAction(rule, ruleProposal) {
+  const action = ruleProposal.action;
+  switch (ruleProposal.kind) {
+    case "redirect": {
+      rule.type = "redirect";
+      const snap = snapshotOwnData(action);
+      if (snap.valid) rule.redirect = snap.value;
+      return;
+    }
+    case "query": {
+      rule.type = "query";
+      const snap = snapshotOwnData(action);
+      if (snap.valid) rule.action = snap.value;
+      return;
+    }
+    case "header": {
+      rule.type = "header";
+      if (!isRecord4(action)) return;
+      const direction = ownString(action, "headerDirection", "direction");
+      const operation = ownString(action, "headerOperation", "operation");
+      const name = ownString(action, "headerName", "name");
+      const value = ownString(action, "headerValue", "value");
+      if (direction !== void 0) rule.headerDirection = direction;
+      if (operation !== void 0) rule.headerOperation = operation;
+      if (name !== void 0) rule.headerName = name;
+      if (value !== void 0) rule.headerValue = value;
+      return;
+    }
+    case "response-body": {
+      rule.type = "response-body";
+      const snap = snapshotOwnData(action);
+      if (snap.valid) rule.responseBody = snap.value;
+      return;
+    }
+    case "request-body": {
+      rule.type = "request-body";
+      const snap = snapshotOwnData(action);
+      if (snap.valid) rule.requestBody = snap.value;
+      return;
+    }
+    default: {
+      const _exhaustive = ruleProposal.kind;
+      void _exhaustive;
+    }
+  }
+}
 function normalizeExtensions(value) {
   const ids = /* @__PURE__ */ new Set();
   const merged = [...builtInRuleTypes];
@@ -2042,6 +2125,7 @@ var EditorControllerImpl = class {
   testRunning = false;
   testRequestId = 0;
   aiAssistPanel = null;
+  aiAssistInFlight = false;
   constructor(options, initial, extensions) {
     this.root = options.root;
     this.document = options.root.ownerDocument;
@@ -2064,8 +2148,8 @@ var EditorControllerImpl = class {
         },
         (proposal) => this.applyAIProposal(proposal),
         () => {
-        }
-        // onClose
+        },
+        (prompt) => this.runAIAssist(prompt)
       );
     }
     this.host = this.document.createElement("div");
@@ -2142,7 +2226,7 @@ var EditorControllerImpl = class {
     if (this.destroyed) return;
     this.destroyed = true;
     if (this.aiAssistPanel) {
-      this.aiAssistPanel.hide();
+      this.aiAssistPanel.destroy();
       this.aiAssistPanel = null;
     }
     this.cleanupExtensions();
@@ -2916,8 +3000,7 @@ var EditorControllerImpl = class {
       if (ruleProposal.method) {
         rule.method = ruleProposal.method;
       }
-      const actionField = ruleProposal.kind === "redirect" ? ruleProposal.kind : "action";
-      rule[actionField] = ruleProposal.action;
+      applyRuleProposalAction(rule, ruleProposal);
       group.rules.push(rule);
       this.markChanged();
       const groupIdStr = String(group.id);
@@ -2932,6 +3015,69 @@ var EditorControllerImpl = class {
     this.statusMessage = `Applied ${proposal.rules.length} rule${proposal.rules.length === 1 ? "" : "s"} from AI.`;
     this.render();
   }
+  async runAIAssist(prompt) {
+    const handler = this.options.aiAssist;
+    const panel = this.aiAssistPanel;
+    if (!handler || !panel || this.aiAssistInFlight || this.destroyed) return;
+    this.aiAssistInFlight = true;
+    const diagnostics = this.validateCurrent();
+    const hasErrors = diagnostics.some(
+      (diagnostic2) => diagnostic2.severity === "error"
+    );
+    const request = {
+      kind: hasErrors ? "fix" : "generate",
+      prompt,
+      context: {
+        project: this.getDraft(),
+        activeGroupId: this.currentGroupId(),
+        diagnostics: diagnostics.length > 0 ? diagnostics : void 0
+      }
+    };
+    panel.startStreaming("assistant");
+    try {
+      const result = handler(request);
+      if (isAsyncIterable(result)) {
+        let proposal;
+        for await (const chunk of result) {
+          if (this.destroyed) return;
+          const handled = this.consumeAIAssistChunk(panel, chunk);
+          if (handled === "error") return;
+          if (handled.proposal) proposal = handled.proposal;
+        }
+        panel.finishStreaming(proposal);
+        return;
+      }
+      const response = await result;
+      if (this.destroyed) return;
+      panel.finishStreaming(response.proposal);
+    } catch (error) {
+      if (this.destroyed) return;
+      panel.finishStreaming();
+      panel.addMessage({
+        role: "system",
+        content: aiAssistErrorMessage(error)
+      });
+    } finally {
+      this.aiAssistInFlight = false;
+    }
+  }
+  consumeAIAssistChunk(panel, chunk) {
+    if (chunk.type === "token") {
+      if (typeof chunk.content === "string" && chunk.content.length > 0) {
+        panel.updateStreamingContent(chunk.content);
+      }
+      return {};
+    }
+    if (chunk.type === "error") {
+      panel.finishStreaming();
+      panel.addMessage({
+        role: "system",
+        content: chunk.error?.message ?? "AI Assist failed."
+      });
+      return "error";
+    }
+    return { proposal: chunk.proposal };
+  }
   addGroupOrigin(groupId) {
     const group = this.groupById(groupId);
     if (!group || this.saving) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rogatio/cli",
-  "version": "5.15.0",
+  "version": "5.16.0",
   "private": false,
   "type": "module",
   "description": "Local-first browser request and response rules — editor host, file verification, test runner, and runtime dispatch.",