json-object-editor 0.10.400 → 0.10.422

package/js/JsonObjectEditor.jquery.craydent.js

@@ -534,9 +534,11 @@ function JsonObjectEditor(specs){
                 var code = e.keyCode
                 var nonBackElements = ['input','select','textarea'];
                 var isInputElement = nonBackElements.indexOf(e.target.tagName.toLowerCase()) != -1;
+                var isEditable = e.target.isContentEditable || $(e.target).closest('joe-ai-chatbox').length;
+
                 if (code == 8) {//BACKBUTTON PRESSED
-                    if(isInputElement){
-                        //return false;
+                    if(isInputElement  || isEditable){
+                        return; // allow natural Backspace behavior
                     }
                     else{
                         self.goBack();
@@ -5766,6 +5768,7 @@ Y | Object Field
     
         var display = self.propAsFuncOrValue(prop.display, itemObj);
         var method = self.propAsFuncOrValue(prop.method, itemObj);
+        var onclick = self.propAsFuncOrValue(prop.onclick, itemObj);
         var color = self.propAsFuncOrValue(prop.color, itemObj);
         var schema = self.propAsFuncOrValue(prop.schema, itemObj);
         var svgOverride = self.propAsFuncOrValue(prop.svg, itemObj);
@@ -5794,6 +5797,7 @@ Y | Object Field
             + (method ? 'action="' + method + '" ' : '')
             + (color ? 'color="' + color + '" ' : '')
             + (title ? 'title="' + title + '" ' : '')
+            +(onclick ? 'onclick="' + onclick + '" ' : '')
             + styleAttr + ' '
             + 'data-btnid="' + (prop.name || '') + '">';
     
@@ -10460,6 +10464,11 @@ logit(intent)
  <--------------------------------------------------------------------*/
  this.SVG = {
      icon:{
+        assistant:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+        <path d="M294.49 618.18v64.49c0 22.42.95 35.46 2.84 39.12 2.4 4.94 6.93 8.52 12.29 9.71 9.18 2.13 18.6 3.01 28.02 2.64h17.31c18.81 0 28.22 6.04 28.22 18.11 0 13.96-9.93 22.51-29.8 25.64-24.41 2.74-48.98 3.87-73.55 3.37-29.87 0-51.01-5.79-63.44-17.38-12.42-11.59-18.66-31.41-18.7-59.47v-81.08c.85-11.33-1.15-22.68-5.81-33.04-5.69-7.66-14.07-12.88-23.46-14.6-11.09-2.78-18.54-13.19-17.58-24.58-1.07-11.43 6.42-21.9 17.58-24.58 9.41-1.95 17.77-7.32 23.46-15.07 4.7-10.35 6.7-21.71 5.81-33.04v-80.88c0-27.62 6.21-47.22 18.63-58.81 12.42-11.59 33.57-17.36 63.44-17.31 26.13-.73 52.27.66 78.17 4.16 6.92 1.05 13.37 4.16 18.5 8.92 4.27 4.08 6.66 9.75 6.61 15.66 0 12.07-9.41 18.11-28.22 18.11h-17.84c-16.04 0-27.05 1.72-33.04 5.15-5.92 3.96-9.36 10.72-9.05 17.84v92.71c-.35 31.23-8.72 52.03-25.11 62.38-1.29.88-2.06 2.34-2.05 3.9 0 2.42 2.93 6.06 8.79 10.9 6.54 5.96 11.3 13.63 13.74 22.14 3.19 11.34 4.62 23.11 4.23 34.89Zm435.01-134.4v-64.23c0-22.42-.95-35.46-2.84-39.12-2.4-4.94-6.93-8.52-12.29-9.71-9.18-2.13-18.6-3.01-28.02-2.64h-17.18c-18.81 0-28.22-6.04-28.22-18.11 0-13.96 9.93-22.42 29.8-25.37 24.42-2.73 48.98-3.86 73.55-3.37 29.87 0 51.01 5.79 63.44 17.38 12.42 11.59 18.63 31.19 18.63 58.81v81.28c-.88 11.33 1.12 22.69 5.81 33.04 5.75 7.62 14.1 12.87 23.46 14.74 11.16 2.71 18.62 13.22 17.51 24.65.74 9.18-4.03 17.93-12.16 22.27-4.09 1.86-8.33 3.34-12.69 4.43-8.51 2.69-15.35 9.08-18.63 17.38-2.71 9.15-3.85 18.69-3.37 28.22v81.01c0 27.8-6.21 47.47-18.63 59.01-12.42 11.54-33.57 17.33-63.44 17.38-26.13.74-52.27-.65-78.17-4.16-6.92-1.05-13.37-4.16-18.5-8.92-4.31-4.17-6.7-9.93-6.61-15.93 0-12.07 9.41-18.11 28.22-18.11 2.25 0 8.19.18 17.84.53 11.25.56 22.5-1.19 33.04-5.15 4.1-2.12 7.02-5.98 7.93-10.51 1.33-11.91 1.82-23.9 1.45-35.88v-64.49c-.51-12.88 1.38-25.74 5.55-37.93 4.19-9.77 11.07-18.15 19.82-24.18 1.29-.88 2.06-2.34 2.05-3.9 0-2.42-2.93-6.06-8.79-10.9-6.55-5.96-11.31-13.63-13.74-22.14-3.43-11.46-5.05-23.39-4.82-35.35Z"/>
+        <rect width="74.5" height="189" x="409.75" y="456.75" rx="33.94" ry="33.94"/>
+        <rect width="74.5" height="189" x="539.75" y="456.75" rx="33.94" ry="33.94"/>
+        </svg>`,
         'favorite':'<?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M4 2h16a1 1 0 0 1 1 1v19.276a.5.5 0 0 1-.704.457L12 19.03l-8.296 3.702A.5.5 0 0 1 3 22.276V3a1 1 0 0 1 1-1zm8 11.5l2.939 1.545-.561-3.272 2.377-2.318-3.286-.478L12 6l-1.47 2.977-3.285.478 2.377 2.318-.56 3.272L12 13.5z"/></svg>',
          'left':'<svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -5 36 36"><path d="M11.3 21C7.1 18.2 3.3 13.8 3.2 13.6 3.1 13.5 3 13.2 3 13 3 12.8 3.1 12.5 3.2 12.3 3.3 12.1 7.2 7.7 11.3 4.9 11.6 4.7 12 4.7 12.4 4.8 12.8 5.1 13 5.4 13 5.8L13 9.5C13 9.5 21.7 10 22.1 10.3 22.7 10.7 23 12 23 13 23 14.1 22.6 15.2 22.1 15.6 21.7 15.9 13 16.5 13 16.5L13 20.2C13 20.6 12.8 20.9 12.4 21.1 12.1 21.3 11.7 21.2 11.3 21Z"/></svg>',
          'cancel':'<svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -5 36 36"><path d="M13 0.2C5.9 0.2 0.2 5.9 0.2 13 0.2 20.1 5.9 25.8 13 25.8 20.1 25.8 25.8 20.1 25.8 13 25.8 5.9 20.1 0.2 13 0.2ZM18.8 17.4L17.4 18.8C17.1 19 16.7 19 16.5 18.8L13 15.3 9.5 18.8C9.3 19 8.9 19 8.6 18.8L7.2 17.4C7 17.1 7 16.7 7.2 16.5L10.7 13 7.2 9.5C7 9.3 7 8.9 7.2 8.6L8.6 7.2C8.9 7 9.3 7 9.5 7.2L13 10.7 16.5 7.2C16.7 7 17.1 7 17.4 7.2L18.8 8.6C19 8.9 19 9.3 18.8 9.5L15.3 13 18.8 16.5C19 16.7 19 17.1 18.8 17.4Z"/></svg>',

package/js/joe-ai.js

@@ -0,0 +1,376 @@
+(function(){
+    // Define the joeAI namespace
+    const Ai = {};
+  
+    Ai._openChats = {}; // Conversation ID -> element
+    // ========== COMPONENTS ==========
+  
+    class JoeAIChatbox extends HTMLElement {
+      constructor() {
+        super();
+        this.attachShadow({ mode: 'open' });
+        this.messages = [];
+      }
+  
+      connectedCallback() {
+        this.conversation_id = this.getAttribute('conversation_id');
+        this.selected_assistant_id = null;
+        this.ui = {};
+        if (!this.conversation_id) {
+          this.renderError("Missing conversation_id");
+          return;
+        }
+        this.loadConversation();
+        this.getAllAssistants();
+
+      }
+      async getAllAssistants() {
+        const res = await fetch('/API/item/ai_assistant');
+        const result = await res.json();
+        if (result.error) { 
+          console.error("Error fetching assistants:", result.error);
+        }
+        
+        this.allAssistants = {};
+
+        if (Array.isArray(result.item)) {
+          result.item.map(a => {
+            if (a._id) {
+              this.allAssistants[a._id] = a;
+            }
+            if (a.openai_id) {
+              this.allAssistants[a.openai_id] = a; // Optional dual-key if you prefer
+            }
+          });
+        }
+
+      }
+      async loadConversation() {
+        try {
+          const res = await fetch(`/API/object/ai_conversation/_id/${this.conversation_id}`);
+          const convo = await res.json();
+  
+          if (!convo || convo.error) {
+            this.renderError("Conversation not found.");
+            return;
+          }
+          this.conversation = convo;
+          this.messages = [];
+  
+          if (convo.thread_id) {
+            const resThread = await fetch(`/API/plugin/chatgpt-assistants/getThreadMessages?thread_id=${convo.thread_id}`);
+            const threadMessages = await resThread.json();
+            this.messages = threadMessages?.messages || [];
+          }
+  
+          this.render();
+        } catch (err) {
+          console.error("Chatbox load error:", err);
+          this.renderError("Error loading conversation.");
+        }
+      }
+      getAssistantInfo(id){
+        const assistant = this.allAssistants[id];
+        if (assistant) {
+          return assistant;
+        } else {
+          console.warn("Assistant not found:", id);
+          return null;
+        }
+      }
+      render() {
+        const convoName = this.conversation.name || "Untitled Conversation";
+        const convoInfo = this.conversation.info || "";
+  
+        const chatMessages = this.messages.map(msg => this.renderMessage(msg)).reverse().join('');
+
+        const assistantOptions = (this.conversation.assistants || []).map(a => {
+          const meta = this.getAssistantInfo(a) || {};
+        
+          const label = meta.name || a.name || a.title || 'Assistant';
+          const value = meta._id;
+          const selected = value === this.selected_assistant_id ? 'selected' : '';
+        
+          return `<option value="${value}" ${selected}>${label}</option>`;
+        }).join('');
+        
+        const assistantSelect = `
+        <label-select-wrapper>
+          <label class="assistant-select-label" title="joe ai assistants">${_joe && _joe.SVG.icon.assistant}</label>
+          <select id="assistant-select">
+            ${assistantOptions}
+          </select>
+          </label-select-wrapper>
+        `;
+
+        this.shadowRoot.innerHTML = `
+          <style>
+              
+            .chatbox {
+                padding:10px; display:flex; flex-direction:column; height:100%; 
+            }
+            .close-btn {
+                position: absolute;
+                top: 8px;
+                right: 8px;
+                width: 24px;
+                height: 24px;
+                cursor: pointer;
+            }
+            .close-btn svg { width:100%; height:100%; }
+            .header { margin-bottom:10px; }
+            .header h2 { margin:0; font-size:18px; }
+            .header p { margin:4px 0 0 0; font-size:12px; color:#666; }
+            .header svg{
+                width: 36px;
+                height: 36px;
+              }
+                label-select-wrapper{
+                display: flex; align-items: center; gap: 8px;
+                }
+            .messages { flex:1; overflow:auto; max-height:300px; margin-bottom:10px; 
+                background: #fff;
+                border: 1px solid #ccc;
+            }
+            .thinking-message {
+                font-size: 13px;
+                color: #888;
+                font-style: italic;
+                margin: 10px 0;
+                text-align: center;
+            }
+            .meta {
+                font-size: 14px;
+                font-weight: bold;
+                margin-bottom: 2px;
+                display: flex;
+                align-items: center;
+                gap: 8px;
+                color:#99999999;
+            }
+            .content {
+                font-size: 14px;
+                white-space: pre-wrap;
+            }
+            .inputRow { display:flex; gap:8px; }
+            input[type="text"] { flex:1; padding:8px; border-radius:4px; border:1px solid #ccc; }
+            button { padding:8px 12px; background:#007bff; color:white; border:none; border-radius:4px; cursor:pointer; }
+            button:disabled { opacity:0.5; cursor:default; }
+            .message { margin-bottom:10px; padding:8px; border-radius:6px; background:#f5f5f5; }
+            .message.assistant { background:#eef; }
+            .message.system { background:#fee; }
+          </style>
+  
+          <div class="chatbox">
+        <div class="close-btn" title="Close Chatbox">
+            ${_joe.SVG.icon.close}
+        </div>
+            <div class="header">
+              <h2>${convoName}</h2>
+              <p>${convoInfo}</p>
+              ${assistantSelect}
+            </div>
+            <div class="messages">
+              ${chatMessages}
+            </div>
+            <div class="inputRow">
+              <input id="chat-input" type="text" placeholder="Type a message..." />
+              <button id="send-button">Send</button>
+            </div>
+          </div>
+        `;
+        const messagesDiv = this.shadowRoot.querySelector('.messages');
+        messagesDiv.scrollTop = messagesDiv.scrollHeight;
+        this.shadowRoot.getElementById('send-button').addEventListener('click', () => this.sendMessage());
+     
+         // Wire up the close button
+        this.shadowRoot.querySelector('.close-btn').addEventListener('click', () => this.closeChat());
+        this.ui.assistant_select = this.shadowRoot.querySelector('#assistant-select');
+        this.ui.assistant_select?.addEventListener('change', (e) => {
+          this.selected_assistant_id = e.target.value;
+        });
+        this.selected_assistant_id = this.ui.assistant_select?.value || null;
+
+    }
+  
+    renderMessage(msg) {
+        const role = msg.role || 'user';
+        const classes = `message ${role}`;
+      
+        let contentText = '';
+      
+        if (Array.isArray(msg.content)) {
+          // OpenAI style: array of parts
+          contentText = msg.content.map(part => {
+            if (part.type === 'text' && part.text && part.text.value) {
+              return part.text.value;
+            }
+            return '';
+          }).join('\n');
+        } else if (typeof msg.content === 'string') {
+          contentText = msg.content;
+        } else {
+          contentText = '[Unsupported message format]';
+        }
+      
+        // Build timestamp
+        const createdAt = msg.created_at ? new Date(msg.created_at * 1000) : null; // OpenAI sends timestamps in seconds
+        const timestamp = createdAt ? createdAt.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) : '';
+      
+        return `
+          <div class="${classes}">
+            <div class="meta"><strong>${role.toUpperCase()}</strong> ${timestamp ? `<span class="timestamp">${timestamp}</span>` : ''}</div>
+            <div class="content">${contentText}</div>
+          </div>
+        `;
+      }
+  
+      renderError(message) {
+        this.shadowRoot.innerHTML = `<div style="color:red;">${message}</div>`;
+      }
+  
+      async sendMessage() {
+        const input = this.shadowRoot.getElementById('chat-input');
+        const message = input.value.trim();
+        if (!message) return;
+      
+        input.disabled = true;
+        this.shadowRoot.getElementById('send-button').disabled = true;
+      
+        try {
+          const response = await fetch('/API/plugin/chatgpt-assistants/addMessage', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+              conversation_id: this.conversation_id,
+              content: message,
+              assistant_id: this.selected_assistant_id
+            })
+          }).then(res => res.json());
+      
+          if (response.success && response.runObj) {
+            this.currentRunId = response.runObj.id; // Store the run ID for polling
+            await this.loadConversation();   // reload messages
+            this.startPolling();              // 🌸 start watching for assistant reply!
+          } else {
+            alert('Failed to send message.');
+          }
+        } catch (err) {
+          console.error('Send message error:', err);
+          alert('Error sending message.');
+        }
+      
+        input.value = '';
+        input.disabled = false;
+        this.shadowRoot.getElementById('send-button').disabled = false;
+      }
+      
+      startPolling() {
+        if (this.pollingInterval) return; // Already polling
+      
+        // Insert thinking message
+        this.showThinkingMessage();
+      
+        this.pollingInterval = setInterval(async () => {
+          const runRes = await fetch(`/API/plugin/chatgpt-assistants/getRunStatus?thread_id=${this.conversation.thread_id}&run_id=${this.currentRunId}`);
+          const run = await runRes.json();
+        
+          if (run.status === 'completed') {
+            const resThread = await fetch(`/API/plugin/chatgpt-assistants/getThreadMessages?thread_id=${this.conversation.thread_id}`);
+            //const activeAssistant = this.conversation.assistants.find(a => a.openai_id === run.assistant_id);
+            const threadMessages = await resThread.json();
+        
+            if (threadMessages?.messages) {
+              this.messages = threadMessages.messages;
+              this.render();
+            }
+        
+            clearInterval(this.pollingInterval);
+            this.pollingInterval = null;
+            this.hideThinkingMessage();
+          }
+        }, 2000);
+      }
+      showThinkingMessage() {
+        const messagesDiv = this.shadowRoot.querySelector('.messages');
+        if (!messagesDiv) return;
+      
+        // Pull assistant thinking text
+        const assistant = this.getAssistantInfo(this.selected_assistant_id);
+        const thinkingText = assistant?.assistant_thinking_text || 'Assistant is thinking...';
+      
+        const div = document.createElement('div');
+        div.className = 'thinking-message';
+        div.textContent = thinkingText;
+        div.id = 'thinking-message';
+        messagesDiv.appendChild(div);
+        
+        messagesDiv.scrollTop = messagesDiv.scrollHeight;
+      }
+      
+      hideThinkingMessage() {
+        const existing = this.shadowRoot.querySelector('#thinking-message');
+        if (existing) existing.remove();
+      }
+      closeChat() {
+        // Remove the element
+        this.remove();
+      
+        // Clean up from open chat registry if possible
+        if (_joe && _joe.Ai && _joe.Ai._openChats) {
+          delete _joe.Ai._openChats[this.conversation_id];
+        }
+      }
+    }
+  
+    customElements.define('joe-ai-chatbox', JoeAIChatbox);
+  
+    // ========== HELPERS ==========
+  
+    Ai.spawnChat = function(conversationId, options = {}) {
+        if (!conversationId) {
+          console.warn("Missing conversation ID for chat spawn.");
+          return;
+        }
+      
+        // 1. Check if chatbox already open
+        if (Ai._openChats[conversationId]) {
+          console.log("Chatbox already open for", conversationId);
+          Ai._openChats[conversationId].scrollIntoView({ behavior: 'smooth', block: 'center' });
+          return;
+        }
+      
+        // 2. Create new chatbox
+        const chat = document.createElement('joe-ai-chatbox');
+        chat.setAttribute('conversation_id', conversationId);
+      
+        // Apply styles
+        chat.style.width = options.width || '400px';
+        chat.style.height = options.height || '420px';
+        chat.style.bottom = options.bottom || '20px';
+        chat.style.right = options.right || '20px';
+        chat.style.position = 'fixed';
+        chat.style.zIndex = '10000';
+        chat.style.background = '#efefef';
+        chat.style.border = '1px solid #fff';
+        chat.style.borderRadius = '8px';
+        chat.style.boxShadow = '0px 2px 10px rgba(0,0,0,0.1)';
+        chat.style.padding = '5px';
+      
+        document.body.appendChild(chat);
+      
+        // 3. Track it
+        Ai._openChats[conversationId] = chat;
+        return chat;
+        // 4. Optionally clean up when chatbox is removed (if you wire close buttons later)
+      };
+  
+    // Attach AI to _joe
+    if (window._joe) {
+      _joe.Ai = Ai;
+    } else {
+      console.warn('joeAI.js loaded before _joe was ready.');
+    }
+  
+  })();
+  

package/js/joe-full.js

@@ -11839,9 +11839,11 @@ function JsonObjectEditor(specs){
                 var code = e.keyCode
                 var nonBackElements = ['input','select','textarea'];
                 var isInputElement = nonBackElements.indexOf(e.target.tagName.toLowerCase()) != -1;
+                var isEditable = e.target.isContentEditable || $(e.target).closest('joe-ai-chatbox').length;
+
                 if (code == 8) {//BACKBUTTON PRESSED
-                    if(isInputElement){
-                        //return false;
+                    if(isInputElement  || isEditable){
+                        return; // allow natural Backspace behavior
                     }
                     else{
                         self.goBack();
@@ -17071,6 +17073,7 @@ Y | Object Field
     
         var display = self.propAsFuncOrValue(prop.display, itemObj);
         var method = self.propAsFuncOrValue(prop.method, itemObj);
+        var onclick = self.propAsFuncOrValue(prop.onclick, itemObj);
         var color = self.propAsFuncOrValue(prop.color, itemObj);
         var schema = self.propAsFuncOrValue(prop.schema, itemObj);
         var svgOverride = self.propAsFuncOrValue(prop.svg, itemObj);
@@ -17099,6 +17102,7 @@ Y | Object Field
             + (method ? 'action="' + method + '" ' : '')
             + (color ? 'color="' + color + '" ' : '')
             + (title ? 'title="' + title + '" ' : '')
+            +(onclick ? 'onclick="' + onclick + '" ' : '')
             + styleAttr + ' '
             + 'data-btnid="' + (prop.name || '') + '">';
     
@@ -21765,6 +21769,11 @@ logit(intent)
  <--------------------------------------------------------------------*/
  this.SVG = {
      icon:{
+        assistant:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+        <path d="M294.49 618.18v64.49c0 22.42.95 35.46 2.84 39.12 2.4 4.94 6.93 8.52 12.29 9.71 9.18 2.13 18.6 3.01 28.02 2.64h17.31c18.81 0 28.22 6.04 28.22 18.11 0 13.96-9.93 22.51-29.8 25.64-24.41 2.74-48.98 3.87-73.55 3.37-29.87 0-51.01-5.79-63.44-17.38-12.42-11.59-18.66-31.41-18.7-59.47v-81.08c.85-11.33-1.15-22.68-5.81-33.04-5.69-7.66-14.07-12.88-23.46-14.6-11.09-2.78-18.54-13.19-17.58-24.58-1.07-11.43 6.42-21.9 17.58-24.58 9.41-1.95 17.77-7.32 23.46-15.07 4.7-10.35 6.7-21.71 5.81-33.04v-80.88c0-27.62 6.21-47.22 18.63-58.81 12.42-11.59 33.57-17.36 63.44-17.31 26.13-.73 52.27.66 78.17 4.16 6.92 1.05 13.37 4.16 18.5 8.92 4.27 4.08 6.66 9.75 6.61 15.66 0 12.07-9.41 18.11-28.22 18.11h-17.84c-16.04 0-27.05 1.72-33.04 5.15-5.92 3.96-9.36 10.72-9.05 17.84v92.71c-.35 31.23-8.72 52.03-25.11 62.38-1.29.88-2.06 2.34-2.05 3.9 0 2.42 2.93 6.06 8.79 10.9 6.54 5.96 11.3 13.63 13.74 22.14 3.19 11.34 4.62 23.11 4.23 34.89Zm435.01-134.4v-64.23c0-22.42-.95-35.46-2.84-39.12-2.4-4.94-6.93-8.52-12.29-9.71-9.18-2.13-18.6-3.01-28.02-2.64h-17.18c-18.81 0-28.22-6.04-28.22-18.11 0-13.96 9.93-22.42 29.8-25.37 24.42-2.73 48.98-3.86 73.55-3.37 29.87 0 51.01 5.79 63.44 17.38 12.42 11.59 18.63 31.19 18.63 58.81v81.28c-.88 11.33 1.12 22.69 5.81 33.04 5.75 7.62 14.1 12.87 23.46 14.74 11.16 2.71 18.62 13.22 17.51 24.65.74 9.18-4.03 17.93-12.16 22.27-4.09 1.86-8.33 3.34-12.69 4.43-8.51 2.69-15.35 9.08-18.63 17.38-2.71 9.15-3.85 18.69-3.37 28.22v81.01c0 27.8-6.21 47.47-18.63 59.01-12.42 11.54-33.57 17.33-63.44 17.38-26.13.74-52.27-.65-78.17-4.16-6.92-1.05-13.37-4.16-18.5-8.92-4.31-4.17-6.7-9.93-6.61-15.93 0-12.07 9.41-18.11 28.22-18.11 2.25 0 8.19.18 17.84.53 11.25.56 22.5-1.19 33.04-5.15 4.1-2.12 7.02-5.98 7.93-10.51 1.33-11.91 1.82-23.9 1.45-35.88v-64.49c-.51-12.88 1.38-25.74 5.55-37.93 4.19-9.77 11.07-18.15 19.82-24.18 1.29-.88 2.06-2.34 2.05-3.9 0-2.42-2.93-6.06-8.79-10.9-6.55-5.96-11.31-13.63-13.74-22.14-3.43-11.46-5.05-23.39-4.82-35.35Z"/>
+        <rect width="74.5" height="189" x="409.75" y="456.75" rx="33.94" ry="33.94"/>
+        <rect width="74.5" height="189" x="539.75" y="456.75" rx="33.94" ry="33.94"/>
+        </svg>`,
         'favorite':'<?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M4 2h16a1 1 0 0 1 1 1v19.276a.5.5 0 0 1-.704.457L12 19.03l-8.296 3.702A.5.5 0 0 1 3 22.276V3a1 1 0 0 1 1-1zm8 11.5l2.939 1.545-.561-3.272 2.377-2.318-3.286-.478L12 6l-1.47 2.977-3.285.478 2.377 2.318-.56 3.272L12 13.5z"/></svg>',
          'left':'<svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -5 36 36"><path d="M11.3 21C7.1 18.2 3.3 13.8 3.2 13.6 3.1 13.5 3 13.2 3 13 3 12.8 3.1 12.5 3.2 12.3 3.3 12.1 7.2 7.7 11.3 4.9 11.6 4.7 12 4.7 12.4 4.8 12.8 5.1 13 5.4 13 5.8L13 9.5C13 9.5 21.7 10 22.1 10.3 22.7 10.7 23 12 23 13 23 14.1 22.6 15.2 22.1 15.6 21.7 15.9 13 16.5 13 16.5L13 20.2C13 20.6 12.8 20.9 12.4 21.1 12.1 21.3 11.7 21.2 11.3 21Z"/></svg>',
          'cancel':'<svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -5 36 36"><path d="M13 0.2C5.9 0.2 0.2 5.9 0.2 13 0.2 20.1 5.9 25.8 13 25.8 20.1 25.8 25.8 20.1 25.8 13 25.8 5.9 20.1 0.2 13 0.2ZM18.8 17.4L17.4 18.8C17.1 19 16.7 19 16.5 18.8L13 15.3 9.5 18.8C9.3 19 8.9 19 8.6 18.8L7.2 17.4C7 17.1 7 16.7 7.2 16.5L10.7 13 7.2 9.5C7 9.3 7 8.9 7.2 8.6L8.6 7.2C8.9 7 9.3 7 9.5 7.2L13 10.7 16.5 7.2C16.7 7 17.1 7 17.4 7.2L18.8 8.6C19 8.9 19 9.3 18.8 9.5L15.3 13 18.8 16.5C19 16.7 19 17.1 18.8 17.4Z"/></svg>',

package/js/joe.js

@@ -540,9 +540,11 @@ function JsonObjectEditor(specs){
                 var code = e.keyCode
                 var nonBackElements = ['input','select','textarea'];
                 var isInputElement = nonBackElements.indexOf(e.target.tagName.toLowerCase()) != -1;
+                var isEditable = e.target.isContentEditable || $(e.target).closest('joe-ai-chatbox').length;
+
                 if (code == 8) {//BACKBUTTON PRESSED
-                    if(isInputElement){
-                        //return false;
+                    if(isInputElement  || isEditable){
+                        return; // allow natural Backspace behavior
                     }
                     else{
                         self.goBack();
@@ -5772,6 +5774,7 @@ Y | Object Field
     
         var display = self.propAsFuncOrValue(prop.display, itemObj);
         var method = self.propAsFuncOrValue(prop.method, itemObj);
+        var onclick = self.propAsFuncOrValue(prop.onclick, itemObj);
         var color = self.propAsFuncOrValue(prop.color, itemObj);
         var schema = self.propAsFuncOrValue(prop.schema, itemObj);
         var svgOverride = self.propAsFuncOrValue(prop.svg, itemObj);
@@ -5800,6 +5803,7 @@ Y | Object Field
             + (method ? 'action="' + method + '" ' : '')
             + (color ? 'color="' + color + '" ' : '')
             + (title ? 'title="' + title + '" ' : '')
+            +(onclick ? 'onclick="' + onclick + '" ' : '')
             + styleAttr + ' '
             + 'data-btnid="' + (prop.name || '') + '">';
     
@@ -10466,6 +10470,11 @@ logit(intent)
  <--------------------------------------------------------------------*/
  this.SVG = {
      icon:{
+        assistant:`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+        <path d="M294.49 618.18v64.49c0 22.42.95 35.46 2.84 39.12 2.4 4.94 6.93 8.52 12.29 9.71 9.18 2.13 18.6 3.01 28.02 2.64h17.31c18.81 0 28.22 6.04 28.22 18.11 0 13.96-9.93 22.51-29.8 25.64-24.41 2.74-48.98 3.87-73.55 3.37-29.87 0-51.01-5.79-63.44-17.38-12.42-11.59-18.66-31.41-18.7-59.47v-81.08c.85-11.33-1.15-22.68-5.81-33.04-5.69-7.66-14.07-12.88-23.46-14.6-11.09-2.78-18.54-13.19-17.58-24.58-1.07-11.43 6.42-21.9 17.58-24.58 9.41-1.95 17.77-7.32 23.46-15.07 4.7-10.35 6.7-21.71 5.81-33.04v-80.88c0-27.62 6.21-47.22 18.63-58.81 12.42-11.59 33.57-17.36 63.44-17.31 26.13-.73 52.27.66 78.17 4.16 6.92 1.05 13.37 4.16 18.5 8.92 4.27 4.08 6.66 9.75 6.61 15.66 0 12.07-9.41 18.11-28.22 18.11h-17.84c-16.04 0-27.05 1.72-33.04 5.15-5.92 3.96-9.36 10.72-9.05 17.84v92.71c-.35 31.23-8.72 52.03-25.11 62.38-1.29.88-2.06 2.34-2.05 3.9 0 2.42 2.93 6.06 8.79 10.9 6.54 5.96 11.3 13.63 13.74 22.14 3.19 11.34 4.62 23.11 4.23 34.89Zm435.01-134.4v-64.23c0-22.42-.95-35.46-2.84-39.12-2.4-4.94-6.93-8.52-12.29-9.71-9.18-2.13-18.6-3.01-28.02-2.64h-17.18c-18.81 0-28.22-6.04-28.22-18.11 0-13.96 9.93-22.42 29.8-25.37 24.42-2.73 48.98-3.86 73.55-3.37 29.87 0 51.01 5.79 63.44 17.38 12.42 11.59 18.63 31.19 18.63 58.81v81.28c-.88 11.33 1.12 22.69 5.81 33.04 5.75 7.62 14.1 12.87 23.46 14.74 11.16 2.71 18.62 13.22 17.51 24.65.74 9.18-4.03 17.93-12.16 22.27-4.09 1.86-8.33 3.34-12.69 4.43-8.51 2.69-15.35 9.08-18.63 17.38-2.71 9.15-3.85 18.69-3.37 28.22v81.01c0 27.8-6.21 47.47-18.63 59.01-12.42 11.54-33.57 17.33-63.44 17.38-26.13.74-52.27-.65-78.17-4.16-6.92-1.05-13.37-4.16-18.5-8.92-4.31-4.17-6.7-9.93-6.61-15.93 0-12.07 9.41-18.11 28.22-18.11 2.25 0 8.19.18 17.84.53 11.25.56 22.5-1.19 33.04-5.15 4.1-2.12 7.02-5.98 7.93-10.51 1.33-11.91 1.82-23.9 1.45-35.88v-64.49c-.51-12.88 1.38-25.74 5.55-37.93 4.19-9.77 11.07-18.15 19.82-24.18 1.29-.88 2.06-2.34 2.05-3.9 0-2.42-2.93-6.06-8.79-10.9-6.55-5.96-11.31-13.63-13.74-22.14-3.43-11.46-5.05-23.39-4.82-35.35Z"/>
+        <rect width="74.5" height="189" x="409.75" y="456.75" rx="33.94" ry="33.94"/>
+        <rect width="74.5" height="189" x="539.75" y="456.75" rx="33.94" ry="33.94"/>
+        </svg>`,
         'favorite':'<?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M4 2h16a1 1 0 0 1 1 1v19.276a.5.5 0 0 1-.704.457L12 19.03l-8.296 3.702A.5.5 0 0 1 3 22.276V3a1 1 0 0 1 1-1zm8 11.5l2.939 1.545-.561-3.272 2.377-2.318-3.286-.478L12 6l-1.47 2.977-3.285.478 2.377 2.318-.56 3.272L12 13.5z"/></svg>',
          'left':'<svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -5 36 36"><path d="M11.3 21C7.1 18.2 3.3 13.8 3.2 13.6 3.1 13.5 3 13.2 3 13 3 12.8 3.1 12.5 3.2 12.3 3.3 12.1 7.2 7.7 11.3 4.9 11.6 4.7 12 4.7 12.4 4.8 12.8 5.1 13 5.4 13 5.8L13 9.5C13 9.5 21.7 10 22.1 10.3 22.7 10.7 23 12 23 13 23 14.1 22.6 15.2 22.1 15.6 21.7 15.9 13 16.5 13 16.5L13 20.2C13 20.6 12.8 20.9 12.4 21.1 12.1 21.3 11.7 21.2 11.3 21Z"/></svg>',
          'cancel':'<svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -5 36 36"><path d="M13 0.2C5.9 0.2 0.2 5.9 0.2 13 0.2 20.1 5.9 25.8 13 25.8 20.1 25.8 25.8 20.1 25.8 13 25.8 5.9 20.1 0.2 13 0.2ZM18.8 17.4L17.4 18.8C17.1 19 16.7 19 16.5 18.8L13 15.3 9.5 18.8C9.3 19 8.9 19 8.6 18.8L7.2 17.4C7 17.1 7 16.7 7.2 16.5L10.7 13 7.2 9.5C7 9.3 7 8.9 7.2 8.6L8.6 7.2C8.9 7 9.3 7 9.5 7.2L13 10.7 16.5 7.2C16.7 7 17.1 7 17.4 7.2L18.8 8.6C19 8.9 19 9.3 18.8 9.5L15.3 13 18.8 16.5C19 16.7 19 17.1 18.8 17.4Z"/></svg>',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "json-object-editor",
-  "version": "0.10.400",
+  "version": "0.10.422",
   "description": "JOE the Json Object Editor | Platform Edition",
   "main": "app.js",
   "scripts": {

package/pages/template.html

@@ -337,6 +337,8 @@
 		$('#cappJACMenu').show();
 	}
 </script>
+
+<script src="${JOEPATH}js/joe-ai.js"></script>
 <!-- <script src="https://apis.google.com/js/client.js?onload=checkGoogleAuth"></script> -->
 </body>
 </html>

package/server/fields/core.js

@@ -68,6 +68,28 @@ var fields = {
     'coords':{type:'geo'},
     'state':{type:'select',values:usStates,idprop:'code',template:'${code}',width:'25%',minwidth:'100px',blank:true},
     'name':{type:'text',onblur:'_joe.TITLE.set()'},
+    instructions_format:{type:'select',values:['wysiwyg','code'], rerender:'instructions',display:'Instructions Format'},
+    instructions:{
+        height:'auto',
+        display:'Instructions',
+        type:function(item){
+            if(!item.instructions_format){
+                return 'wysiwyg';
+            }
+            if(["code"].indexOf(item.instructions_format) != -1){
+                return 'code';
+            }
+            return item.instructions_format;
+        }
+    },
+    ai_model:{
+        type: "select",
+        display: "Ai Model",
+        values: [
+          { value: "gpt-4o", name: "GPT-4o (Current Default)" }
+        ],
+        default: "gpt-4o",
+      },
     template:{
         height:'600px',
         type:function(item){

package/server/schemas/ai_conversation.js

@@ -0,0 +1,84 @@
+var schema = {
+  title: "Ai Conversation | ${name}",
+  info: "Tracks AI conversations across users, assistants, and external members, storing only summaries for performance.",
+
+  fields: function() {
+    return [
+
+        "name",
+        "info",
+
+      { section_start: "participants", display: "Participants", collapsed: false },
+        { name: "user", type: "objectReference", values: "user", display: "JOE User" },
+        { name: "members", type: "objectReference", values: "members", display: "External Members"},
+        { name: "assistants", type: "group", values: function() { return _joe.getDataset('ai_assistant'); }, display: "Assistants", cols:2 },
+      { section_end: "participants" },
+
+      { section_start: "thread", display: "Thread", collapsed: true },
+        { name: "thread_id", type: "text", display: "OpenAI Thread ID", locked: true },
+      { section_end: "thread" },
+
+      { section_start: "summary", display: "Summary", collapsed: false },
+        { name: "summary", type: "wysiwyg", display: "Conversation Summary", height: "300px", comment: "Auto-generated after key points or closing." },
+      { section_end: "summary" },
+
+      { section_start: "linked", display: "Linked Objects", collapsed: true },
+        { name: "linked_objects", type: "objectlist", display: "Linked Objects", fields: [
+            { name: "schema", type: "text", display: "Schema" },
+            { name: "object_id", type: "text", display: "Object ID" }
+          ]
+        },
+      { section_end: "linked" },
+      
+      { section_start: "system", collapsed: true },
+        "_id",
+        "created",
+        "updated",
+        "itemtype",
+      { section_end: "system" },
+
+      { sidebar_start: "right", collapsed: false },
+        'status',
+        "tags",
+        {
+          name: "openChat",
+          type: "button",
+          display: "Open Chat",
+          icon:"ai_assistant",
+          onclick:function(object){
+            if (!object || !object._id) return '';
+            return `_joe.Ai.spawnChat('${object._id}');`;
+        },
+        },
+      { sidebar_end: "right" },
+
+    ];
+  },
+
+  idprop: "_id",
+  sorter: ["-created"],
+};
+
+module.exports = schema;
+
+
+  /**
+ * AI Conversation Schema
+ * 
+ * Purpose:
+ * - Tracks live AI conversations linked to users, assistants, and external members.
+ * - Stores only metadata and final conversation summaries (not full chat messages).
+ * - Supports dynamic pulling of live thread content from OpenAI at runtime.
+ * 
+ * Key Concepts:
+ * - user: Internal staff or admin account who initiated the conversation.
+ * - members: External participants (clients, business users), optional and multiple.
+ * - assistants: One or more AI assistants participating in the conversation.
+ * - thread_id: The OpenAI thread ID for live runtime message retrieval.
+ * - summary: Final AI-generated overview of the conversation (saved on close).
+ * 
+ * Best Practices:
+ * - Messages are *not* stored permanently in Joe for performance and privacy.
+ * - Summaries provide lightweight snapshots for audits and reviews.
+ * - Chat UIs should always fetch full threads from OpenAI at runtime.
+ */

package/web-components/joe-button.js

@@ -55,7 +55,7 @@ class JoeButton extends HTMLElement {
           actString = atts.action;
         break;
       }
-      this.setAttribute('onclick',actString);
+      !this.hasClass('joe-field') && this.setAttribute('onclick',actString);
     }
      
     var guts =  actionPreset?(newHTML|| this.initialHTML):(this.initialHTML || newHTML);