@saltcorn/agents 0.8.10 → 0.8.11

package/agent-view.js

@@ -708,9 +708,43 @@ const run = async (
     stream ? div({ class: "next_response_scratch" }) : "",
     hasInputForm && input_form,
     style(agents_css),
-    script(domReady(`$( "#inputuserinput" ).autogrow({paddingBottom: 20});`)),
+    script(
+      domReady(`
+      $("#inputuserinput" ).autogrow({paddingBottom: 20});
+      ensure_script_loaded("/static_assets/"+_sc_version_tag+"/mermaid.min.js", ()=>{
+        mermaid.initialize({ startOnLoad: false });
+        activate_mermaid()
+        })`),
+    ),
     script(
       `
+    function activate_mermaid() {
+      const mermaids = document.querySelectorAll('code.language-mermaid:not([data-processed])')
+      if(mermaids.length) {
+        
+        const el0 =document.querySelector('code.language-mermaid:not([data-processed])')
+        const parent = el0.closest("div.copy-to-clipboard-elem")        
+        if(!parent) return;
+        parent.setAttribute("data-copy-text", parent.innerText)
+        
+        let processed = false
+        parent.querySelectorAll('code.language-mermaid:not([data-processed])').forEach(async (el) => {
+          try {
+            // parse() throws if the syntax is invalid
+            await mermaid.parse(el.textContent);
+
+            // Valid — safe to render
+            // mermaid.run() works on a live NodeList, so target this element directly
+            mermaid.run({ nodes: [el] });
+            processed = true
+          } catch (e) {
+            // Invalid — leave the <code> block completely untouched
+            console.warn('Mermaid syntax error (diagram left as-is):', e.message);
+          }
+        })
+        if(processed) activate_mermaid()
+      }
+    }
     function scrollAgentToBottom() {
       const container = document.getElementById('copilotinteractions');
       if (!container) return;
@@ -778,6 +812,7 @@ const run = async (
             $("#copilotinteractions").append(res.response);
             scrollAgentToBottom();
         }
+        activate_mermaid()
     }
     window.processCopilotResponse = processCopilotResponse;
     window.final_agent_response = () => {
@@ -948,7 +983,7 @@ const run = async (
   e.preventDefault();
 
   try {
-    await navigator.clipboard.writeText(target.innerText);
+    await navigator.clipboard.writeText(target.getAttribute("data-copy-text") || target.innerText);
     target.classList.add('copy-success');
     setTimeout(() => target.classList.remove('copy-success'), 1000);
   } catch (err) {
@@ -1486,6 +1521,7 @@ const debug_info = async (table_id, viewname, config, body, { req, res }) => {
     sysPrompt = complArgs.systemPrompt;
   }
   const apiJson = JSON.stringify(run.context.api_interactions, null, 2);
+  const msgJson = JSON.stringify(run.context.interactions, null, 2);
   const debug_html = div(
     { class: "accordion", id: "debugAccordion" },
     div(
@@ -1517,6 +1553,50 @@ const debug_info = async (table_id, viewname, config, body, { req, res }) => {
         ),
       ),
     ),
+    div(
+      { class: "accordion-item" },
+      h2(
+        { class: "accordion-header", id: "debugHeadMessages" },
+        button(
+          {
+            class: "accordion-button",
+            type: "button",
+            "data-bs-toggle": "collapse",
+            "data-bs-target": "#debugCollapseMessages",
+            "aria-expanded": "true",
+            "aria-controls": "debugCollapseMessages",
+          },
+          "Messages",
+        ),
+      ),
+      div(
+        {
+          id: "debugCollapseMessages",
+          class: "accordion-collapse collapse show",
+          "aria-labelledby": "debugHeadMessages",
+          "data-bs-parent": "#debugAccordion",
+        },
+        div(
+          { class: "accordion-body" },
+          button(
+            {
+              class: "btn btn-sm btn-outline-secondary mb-2",
+              onclick: `
+                var t=document.getElementById('debugMessagesPre').textContent;
+                navigator.clipboard.writeText(t).then(function(){
+                  var b=event.target;b.textContent='Copied!';
+                  setTimeout(function(){b.textContent='Copy to clipboard'},1500)
+                })`,
+            },
+            "Copy to clipboard",
+          ),
+          pre(
+            { id: "debugMessagesPre", style: "white-space:pre-wrap" },
+            text(escapeHtml(msgJson)),
+          ),
+        ),
+      ),
+    ),
     div(
       { class: "accordion-item" },
       h2(
@@ -1527,7 +1607,7 @@ const debug_info = async (table_id, viewname, config, body, { req, res }) => {
             type: "button",
             "data-bs-toggle": "collapse",
             "data-bs-target": "#debugCollapseAPI",
-            "aria-expanded": "true",
+            "aria-expanded": "false",
             "aria-controls": "debugCollapseAPI",
           },
           "API interactions",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saltcorn/agents",
-  "version": "0.8.10",
+  "version": "0.8.11",
   "description": "AI agents for Saltcorn",
   "main": "index.js",
   "dependencies": {