json-object-editor 0.10.422 → 0.10.424

package/CHANGELOG.md

@@ -5,6 +5,7 @@
 	- button field added
 	- getFromServer added to object options
 	- best practices doc added
+	423 - added contextual items to chat and flattened them.
 
 ### 0.10.300
 	- initial aws fix for bucketname
@@ -13,6 +14,7 @@
 	312 - sourcemap fixed, status subset bug fixed.
 	320 - Upgraded tinyMCE
 	321 - added code to status
+
 	
 ### 0.10.200
 	227 - no product user select

package/_joeinclude copy.js

@@ -0,0 +1,81 @@
+/* JavaScript include for: Json Object Editor
+last updated: CH March 2014
+*/
+var ieNavigator = false;
+var agent = window.navigator.userAgent;
+    if(agent.indexOf('Trident') != -1 || agent.indexOf('MSIE') != -1|| agent.indexOf('Edge') != -1){
+        ieNavigator = true;
+	}
+	
+var includes = "",
+projectName = 'JsonObjectEditor',
+web_dir = web_dir ||('//' + location.hostname + ':' +
+	(location.port||((location.protocol=="https:")?443:80)) + "/" + projectName + '/');
+
+
+if(location && location.origin == 'file://'){
+	web_dir = location.href.slice(0,location.href.lastIndexOf('/')+1);
+}
+var
+    joe_web_dir = web_dir,
+scripts_dir = web_dir+"js/",
+scripts = [];
+if (typeof jQuery == 'undefined') {
+	scripts.push("libs/jquery-1.11.3.min.js");
+	scripts.push("libs/jquery-ui.min.js");
+
+}else if(typeof jQuery().resizable){
+	scripts.push("libs/jquery-ui.min.js");
+}
+scripts.push("libs/jquery.ui.touch-punch.min.js");
+if (typeof Craydent == 'undefined' || (!Craydent.VERSION || Craydent.VERSION < '1.7.37')) {
+   //scripts.push("libs/craydent-1.8.1.js");
+   scripts.push("libs/craydent-1.9.2.min.js");
+}
+if(ieNavigator){
+	scripts.push(
+
+		"libs/moment.min.js",
+		"joe_es5.js",
+		'plugins/tinymce.min.js',
+		"ace/ace.js"
+	
+	);
+}else{
+	scripts.push(
+	/*	"JsonObjectEditor.jquery.craydent.js",
+		"leaflet.js",
+		"esri-leaflet-geocoder.js",
+		"zebra_datepicker.js",
+		*/
+		"libs/moment.min.js",
+		"joe.js",
+		'plugins/tinymce.min.js',
+		"ace/ace.js"
+
+	);
+}
+
+var
+styles_dir = web_dir+"css/",
+styles =[
+    "joe.css"
+],
+script,style,sc,st,
+sc_len = scripts.length,st_len = styles.length;
+
+//scripts
+for(sc = 0; sc < sc_len; sc++){
+	script = scripts[sc];
+	includes+='<script type="text/javascript" src="'+scripts_dir+script+'"></script>';
+}
+//styles
+for(st = 0; st < st_len; st++){
+	style = styles[st];
+	includes+='<link href="'+styles_dir+style+'" rel="stylesheet" type="text/css">';
+}
+
+includes+='';
+
+
+document.write(includes);

package/_joeinclude.js

@@ -1,81 +1,83 @@
 /* JavaScript include for: Json Object Editor
-last updated: CH March 2014
+   last updated: Rewritten by CH + ChatGPT (April 2025)
 */
-var ieNavigator = false;
-var agent = window.navigator.userAgent;
-    if(agent.indexOf('Trident') != -1 || agent.indexOf('MSIE') != -1|| agent.indexOf('Edge') != -1){
+
+(function() {
+    var ieNavigator = false;
+    var agent = window.navigator.userAgent;
+    if (agent.indexOf('Trident') !== -1 || agent.indexOf('MSIE') !== -1 || agent.indexOf('Edge') !== -1) {
         ieNavigator = true;
-	}
-	
-var includes = "",
-projectName = 'JsonObjectEditor',
-web_dir = web_dir ||('//' + location.hostname + ':' +
-	(location.port||((location.protocol=="https:")?443:80)) + "/" + projectName + '/');
+    }
+
+    var projectName = 'JsonObjectEditor';
+    var web_dir = window.web_dir || ('//' + location.hostname + ':' + (location.port || ((location.protocol === "https:") ? 443 : 80)) + "/" + projectName + '/');
+
+    if (location && location.origin === 'file://') {
+        web_dir = location.href.slice(0, location.href.lastIndexOf('/') + 1);
+    }
+
+    var joe_web_dir = web_dir;
+    var scripts_dir = web_dir + "js/";
+    var styles_dir = web_dir + "css/";
 
+    var scripts = [];
+    var styles = ["joe.css"];
 
-if(location && location.origin == 'file://'){
-	web_dir = location.href.slice(0,location.href.lastIndexOf('/')+1);
-}
-var
-    joe_web_dir = web_dir,
-scripts_dir = web_dir+"js/",
-scripts = [];
-if (typeof jQuery == 'undefined') {
-	scripts.push("libs/jquery-1.11.3.min.js");
-	scripts.push("libs/jquery-ui.min.js");
+    if (typeof jQuery === 'undefined') {
+        scripts.push("libs/jquery-1.11.3.min.js");
+        scripts.push("libs/jquery-ui.min.js");
+    } else if (typeof jQuery().resizable === 'undefined') {
+        scripts.push("libs/jquery-ui.min.js");
+    }
 
-}else if(typeof jQuery().resizable){
-	scripts.push("libs/jquery-ui.min.js");
-}
-scripts.push("libs/jquery.ui.touch-punch.min.js");
-if (typeof Craydent == 'undefined' || (!Craydent.VERSION || Craydent.VERSION < '1.7.37')) {
-   //scripts.push("libs/craydent-1.8.1.js");
-   scripts.push("libs/craydent-1.9.2.min.js");
-}
-if(ieNavigator){
-	scripts.push(
+    scripts.push("libs/jquery.ui.touch-punch.min.js");
 
-		"libs/moment.min.js",
-		"joe_es5.js",
-		'plugins/tinymce.min.js',
-		"ace/ace.js"
-	
-	);
-}else{
-	scripts.push(
-	/*	"JsonObjectEditor.jquery.craydent.js",
-		"leaflet.js",
-		"esri-leaflet-geocoder.js",
-		"zebra_datepicker.js",
-		*/
-		"libs/moment.min.js",
-		"joe.js",
-		'plugins/tinymce.min.js',
-		"ace/ace.js"
+    if (typeof Craydent === 'undefined' || (!Craydent.VERSION || Craydent.VERSION < '1.7.37')) {
+        scripts.push("libs/craydent-1.9.2.min.js");
+    }
 
-	);
-}
+    if (ieNavigator) {
+        scripts.push(
+            "libs/moment.min.js",
+            "joe_es5.js",
+            "plugins/tinymce.min.js",
+            "ace/ace.js"
+        );
+    } else {
+        scripts.push(
+            "libs/moment.min.js",
+            "joe.js",
+            "plugins/tinymce.min.js",
+            "ace/ace.js"
+        );
+    }
 
-var
-styles_dir = web_dir+"css/",
-styles =[
-    "joe.css"
-],
-script,style,sc,st,
-sc_len = scripts.length,st_len = styles.length;
+    // Load styles
+    styles.forEach(function(style) {
+        var link = document.createElement('link');
+        link.href = styles_dir + style;
+        link.rel = 'stylesheet';
+        link.type = 'text/css';
+        document.head.appendChild(link);
+    });
 
-//scripts
-for(sc = 0; sc < sc_len; sc++){
-	script = scripts[sc];
-	includes+='<script type="text/javascript" src="'+scripts_dir+script+'"></script>';
-}
-//styles
-for(st = 0; st < st_len; st++){
-	style = styles[st];
-	includes+='<link href="'+styles_dir+style+'" rel="stylesheet" type="text/css">';
-}
+    // Load scripts in order
+    function loadScript(index) {
+        if (index >= scripts.length) return;
 
-includes+='';
+        var script = document.createElement('script');
+        script.src = scripts_dir + scripts[index];
+        script.type = 'text/javascript';
+        script.onload = function() {
+            loadScript(index + 1);
+        };
+        script.onerror = function() {
+            console.error("Failed to load script:", script.src);
+            loadScript(index + 1); // Continue even if one fails
+        };
 
+        document.head.appendChild(script);
+    }
 
-document.write(includes);
+    loadScript(0); // start the script loading chain
+})();

package/css/joe-styles.css

@@ -1924,6 +1924,12 @@ joe-content-section {
 joe-card{
 
 }
+
+.joe-content-sidebar .joe-field-item-content {
+    padding:5px;
+    font-size:18px;
+    line-height: 1.1em;
+}
 /*-------------------------
 	List Option Buttons
 -------------------------*/

package/css/joe.css

@@ -1,3 +1,9 @@
+/* -------------------------------------------------------- 
+ * 
+ *  JOE - v1.5.0 
+ *  Created by: Corey Hadden 
+ * 
+ * -------------------------------------------------------- */
 /* -------------------------------------------------------- 
  * 
  *  JOE - v1.5.0 
@@ -2410,6 +2416,12 @@ joe-content-section {
 joe-card{
 
 }
+
+.joe-content-sidebar .joe-field-item-content {
+    padding:5px;
+    font-size:18px;
+    line-height: 1.1em;
+}
 /*-------------------------
 	List Option Buttons
 -------------------------*/

package/js/JsonObjectEditor.jquery.craydent.js

@@ -3173,6 +3173,8 @@ this.renderHTMLContent = function(specs){
 	//Locked
         prop.locked = self.propAsFuncOrValue(prop.locked);
 
+    //cssClass
+        var cssClass = prop.cssClass?self.propAsFuncOrValue(prop.cssClass):'';
 
     //required
         var required = '';
@@ -3216,7 +3218,7 @@ this.renderHTMLContent = function(specs){
             icon = self.schemas[icon].menuicon;
         }
         var hiddenlabel = (prop.label === false)?' hide-label ':''; html+=
-        '<joe-field class="joe-object-field '+hidden+' '+required+' '+proptype+'-field '+hiddenlabel+'" data-type="'+proptype+'" data-name="'+prop.name+'">'
+        '<joe-field class="joe-object-field '+hidden+' '+required+' '+proptype+'-field '+hiddenlabel+' '+cssClass+'" data-type="'+proptype+'" data-name="'+prop.name+'">'
             +renderFieldAttribute('before')
 
             +'<label class="joe-field-label '+(icon && 'iconed' ||'')+' " title="'+prop.name+'">'
@@ -8259,6 +8261,61 @@ Field Rendering Helpers
             if (callback) callback(false);
         });
     };
+    this.Object.flatten = function(id, options = {}) {
+        const { recursive = true, depth = 1, visited = new Set() } = options;
+    
+        let object = null;
+        
+        if (id) {
+            object = $J.get(id);
+        } else if (_joe?.current?.object) {
+            object = _joe.current.object;
+        }
+        
+        if (!object) return null;
+    
+        const flattened = {};
+        const currentId = object._id || object.id;
+        if (currentId) visited.add(currentId);
+    
+        for (const [field, val] of Object.entries(object)) {
+            if (val === undefined || val === null) continue;
+            if (field == '_id') continue;
+    
+            if (typeof val === 'string' && $c.isCuid(val) && recursive && depth > 0) {
+                if (!visited.has(val)) {
+                    const expanded = _joe.Object.flatten(val, {
+                        recursive,
+                        depth: depth - 1,
+                        visited: new Set(visited)
+                    });
+                    flattened[field] = expanded || val;
+                } else {
+                    flattened[field] = val;
+                }
+            }
+            else if (Array.isArray(val) && val.every(v => typeof v === 'string' && $c.isCuid(v)) && recursive && depth > 0) {
+                flattened[field] = val.map(refId => {
+                    if (!visited.has(refId)) {
+                        const expanded = _joe.Object.flatten(refId, {
+                            recursive,
+                            depth: depth - 1,
+                            visited: new Set(visited)
+                        });
+                        return expanded || refId;
+                    }
+                    return refId;
+                });
+            }
+            else {
+                flattened[field] = val;
+            }
+        }
+    
+        return flattened;
+    };
+    
+    
 /*-------------------------------------------------------------------->
     EXPORT DATA
  <--------------------------------------------------------------------*/
@@ -10835,7 +10892,7 @@ this.Snippets.priorityStripeColor = function(item){
 	}
 	return this;
 }
-function unstringifyFunctions(propObject){
+function _classic_unstringifyFunctions(propObject){
     for(var p in propObject){
         if(typeof propObject[p] == 'string' && propObject[p].indexOf('(function') ==0 ){
             propObject[p] = tryEval('('+propObject[p].replace(/;r\n/g,';\n').replace(/<br \/>/g,'')+')');
@@ -10847,7 +10904,19 @@ function unstringifyFunctions(propObject){
     }
     return propObject;
 }
-
+function unstringifyFunctions(propObject) {
+    for (var p in propObject) {
+        if (typeof propObject[p] == 'string') {
+            var trimmed = propObject[p].trim();
+            if (trimmed.startsWith('(function') || trimmed.startsWith('(async function')) {
+                propObject[p] = tryEval(trimmed.replace(/;r\n/g, ';\n').replace(/<br \/>/g, ''));
+            }
+        } else if (typeof propObject[p] == "object" && propObject[p] !== null) {
+            unstringifyFunctions(propObject[p]);
+        }
+    }
+    return propObject;
+}
 var __gotoJoeSection;
 var __clearDiv__ = '<div class="clear"></div>';
 

package/js/joe-ai.js

@@ -1,20 +1,25 @@
 (function(){
     // Define the joeAI namespace
     const Ai = {};
-  
+    const self = this;
     Ai._openChats = {}; // Conversation ID -> element
+    Ai.default_ai = null; // Default AI assistant ID
     // ========== 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.selected_assistant_id = Ai.default_ai?Ai.default_ai.value:null;
         this.ui = {};
         if (!this.conversation_id) {
           this.renderError("Missing conversation_id");
@@ -244,7 +249,7 @@
             body: JSON.stringify({
               conversation_id: this.conversation_id,
               content: message,
-              assistant_id: this.selected_assistant_id
+              assistant_id: this.selected_assistant_id||Ai.default_ai?Ai.default_ai.value:null
             })
           }).then(res => res.json());
       
@@ -326,6 +331,71 @@
     customElements.define('joe-ai-chatbox', JoeAIChatbox);
   
     // ========== HELPERS ==========
+    Ai.spawnContextualChat = async function(conversationId, options = {}) {
+      if (!conversationId) {
+          console.warn("Missing conversation ID for chat spawn.");
+          return;
+      }
+      Ai.default_ai = _joe.Data.setting.where({name:'DEFAULT_AI_ASSISTANT'})[0]||false;
+
+      // 1. Check if chat already open
+      if (Ai._openChats[conversationId]) {
+          console.log("Chatbox already open for", conversationId);
+          Ai._openChats[conversationId].scrollIntoView({ behavior: 'smooth', block: 'center' });
+          return;
+      }
+  
+      try {
+          // 2. Prepare context
+          const flattened = _joe.Object.flatten();
+          const contextInstructions = _joe.Ai.generateContextInstructions(flattened);
+  
+          // 3. Inject context into backend
+          const contextResult = await fetch('/API/plugin/chatgpt-assistants/addMessage', {
+              method: 'POST',
+              headers: { 'Content-Type': 'application/json' },
+              body: JSON.stringify({
+                  conversation_id: conversationId,
+                  //role: 'system',
+                  content: contextInstructions,
+                  assistant_id: Ai.default_ai.value
+              })
+          }).then(res => res.json());
+  
+          if (!contextResult || contextResult.error) {
+              console.error('❌ Failed to inject context:', contextResult?.error);
+              return;
+          }
+  
+          // 4. 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);
+  
+          // 5. Track it
+          Ai._openChats[conversationId] = chat;
+  
+          // 6. Show soft local UI message
+          _joe.Ai.injectSystemMessage(conversationId, `Context injected: ${flattened.name || flattened.title || 'Object'} (${flattened._id})`);
+  
+      } catch (err) {
+          console.error('❌ spawnChat context injection failed:', err);
+      }
+  };
   
     Ai.spawnChat = function(conversationId, options = {}) {
         if (!conversationId) {
@@ -344,6 +414,14 @@
         const chat = document.createElement('joe-ai-chatbox');
         chat.setAttribute('conversation_id', conversationId);
       
+        const flattened = _joe.Object.flatten();
+        const contextInstructions = _joe.Ai.generateContextInstructions(flattened);
+        
+        // Actually inject into AI backend (for assistant awareness) if you have that later
+        // For now: silently show a soft system bubble
+        _joe.Ai.injectSystemMessage(conversationId, `Context injected: ${flattened.name || flattened.title || 'Object'} (${flattened._id})`);
+        
+
         // Apply styles
         chat.style.width = options.width || '400px';
         chat.style.height = options.height || '420px';
@@ -365,6 +443,57 @@
         // 4. Optionally clean up when chatbox is removed (if you wire close buttons later)
       };
   
+    Ai.generateContextInstructions = function(flattenedObj) {
+        if (!flattenedObj) return '';
+    
+        let context = "Context: You are assisting the user with the following object:\n\n";
+    
+        for (const [key, value] of Object.entries(flattenedObj)) {
+            if (typeof value === 'object' && value !== null) {
+                context += `- ${key}: (linked object)\n`;
+                for (const [subkey, subval] of Object.entries(value)) {
+                    context += `    • ${subkey}: ${subval}\n`;
+                }
+            } else {
+                context += `- ${key}: ${value}\n`;
+            }
+        }
+    
+        context += `\nAlways refer to this context when answering questions or completing tasks related to this object.\n`;
+    
+        return context;
+    };
+    Ai.injectSystemMessage = async function(conversationId, text) {
+      if (!conversationId || !text) return;
+  
+      try {
+          // Create a system-style message object
+          const messageObj = {
+              conversation_id: conversationId,
+              role: 'system',
+              content: text,
+              created: new Date().toISOString()
+          };
+  
+          // You could either push this directly into chatbox if loaded, or update server messages if you have backend ready
+          const chatbox = document.querySelector(`joe-ai-chatbox[conversation_id="${conversationId}"]`);
+          if (chatbox) {
+              if (!chatbox.messages) {
+                  chatbox.messages = [];
+              }
+              chatbox.messages.push(messageObj);
+  
+              // Optionally trigger a soft re-render of chatbox if needed
+              if (typeof chatbox.renderMessages === 'function') {
+                  chatbox.renderMessages();
+              }
+          }
+      } catch (err) {
+          console.error("❌ injectSystemMessage failed:", err);
+      }
+  };
+  
+    
     // Attach AI to _joe
     if (window._joe) {
       _joe.Ai = Ai;

package/js/joe-full.js

@@ -14478,6 +14478,8 @@ this.renderHTMLContent = function(specs){
 	//Locked
         prop.locked = self.propAsFuncOrValue(prop.locked);
 
+    //cssClass
+        var cssClass = prop.cssClass?self.propAsFuncOrValue(prop.cssClass):'';
 
     //required
         var required = '';
@@ -14521,7 +14523,7 @@ this.renderHTMLContent = function(specs){
             icon = self.schemas[icon].menuicon;
         }
         var hiddenlabel = (prop.label === false)?' hide-label ':''; html+=
-        '<joe-field class="joe-object-field '+hidden+' '+required+' '+proptype+'-field '+hiddenlabel+'" data-type="'+proptype+'" data-name="'+prop.name+'">'
+        '<joe-field class="joe-object-field '+hidden+' '+required+' '+proptype+'-field '+hiddenlabel+' '+cssClass+'" data-type="'+proptype+'" data-name="'+prop.name+'">'
             +renderFieldAttribute('before')
 
             +'<label class="joe-field-label '+(icon && 'iconed' ||'')+' " title="'+prop.name+'">'
@@ -19564,6 +19566,61 @@ Field Rendering Helpers
             if (callback) callback(false);
         });
     };
+    this.Object.flatten = function(id, options = {}) {
+        const { recursive = true, depth = 1, visited = new Set() } = options;
+    
+        let object = null;
+        
+        if (id) {
+            object = $J.get(id);
+        } else if (_joe?.current?.object) {
+            object = _joe.current.object;
+        }
+        
+        if (!object) return null;
+    
+        const flattened = {};
+        const currentId = object._id || object.id;
+        if (currentId) visited.add(currentId);
+    
+        for (const [field, val] of Object.entries(object)) {
+            if (val === undefined || val === null) continue;
+            if (field == '_id') continue;
+    
+            if (typeof val === 'string' && $c.isCuid(val) && recursive && depth > 0) {
+                if (!visited.has(val)) {
+                    const expanded = _joe.Object.flatten(val, {
+                        recursive,
+                        depth: depth - 1,
+                        visited: new Set(visited)
+                    });
+                    flattened[field] = expanded || val;
+                } else {
+                    flattened[field] = val;
+                }
+            }
+            else if (Array.isArray(val) && val.every(v => typeof v === 'string' && $c.isCuid(v)) && recursive && depth > 0) {
+                flattened[field] = val.map(refId => {
+                    if (!visited.has(refId)) {
+                        const expanded = _joe.Object.flatten(refId, {
+                            recursive,
+                            depth: depth - 1,
+                            visited: new Set(visited)
+                        });
+                        return expanded || refId;
+                    }
+                    return refId;
+                });
+            }
+            else {
+                flattened[field] = val;
+            }
+        }
+    
+        return flattened;
+    };
+    
+    
 /*-------------------------------------------------------------------->
     EXPORT DATA
  <--------------------------------------------------------------------*/
@@ -22140,7 +22197,7 @@ this.Snippets.priorityStripeColor = function(item){
 	}
 	return this;
 }
-function unstringifyFunctions(propObject){
+function _classic_unstringifyFunctions(propObject){
     for(var p in propObject){
         if(typeof propObject[p] == 'string' && propObject[p].indexOf('(function') ==0 ){
             propObject[p] = tryEval('('+propObject[p].replace(/;r\n/g,';\n').replace(/<br \/>/g,'')+')');
@@ -22152,7 +22209,19 @@ function unstringifyFunctions(propObject){
     }
     return propObject;
 }
-
+function unstringifyFunctions(propObject) {
+    for (var p in propObject) {
+        if (typeof propObject[p] == 'string') {
+            var trimmed = propObject[p].trim();
+            if (trimmed.startsWith('(function') || trimmed.startsWith('(async function')) {
+                propObject[p] = tryEval(trimmed.replace(/;r\n/g, ';\n').replace(/<br \/>/g, ''));
+            }
+        } else if (typeof propObject[p] == "object" && propObject[p] !== null) {
+            unstringifyFunctions(propObject[p]);
+        }
+    }
+    return propObject;
+}
 var __gotoJoeSection;
 var __clearDiv__ = '<div class="clear"></div>';
 

package/js/joe.js

@@ -1,3 +1,9 @@
+/* -------------------------------------------------------- 
+ * 
+ *  JOE - v1.5.0 
+ *  Created by: Corey Hadden 
+ * 
+ * -------------------------------------------------------- */
 /* -------------------------------------------------------- 
  * 
  *  JOE - v1.5.0 
@@ -3179,6 +3185,8 @@ this.renderHTMLContent = function(specs){
 	//Locked
         prop.locked = self.propAsFuncOrValue(prop.locked);
 
+    //cssClass
+        var cssClass = prop.cssClass?self.propAsFuncOrValue(prop.cssClass):'';
 
     //required
         var required = '';
@@ -3222,7 +3230,7 @@ this.renderHTMLContent = function(specs){
             icon = self.schemas[icon].menuicon;
         }
         var hiddenlabel = (prop.label === false)?' hide-label ':''; html+=
-        '<joe-field class="joe-object-field '+hidden+' '+required+' '+proptype+'-field '+hiddenlabel+'" data-type="'+proptype+'" data-name="'+prop.name+'">'
+        '<joe-field class="joe-object-field '+hidden+' '+required+' '+proptype+'-field '+hiddenlabel+' '+cssClass+'" data-type="'+proptype+'" data-name="'+prop.name+'">'
             +renderFieldAttribute('before')
 
             +'<label class="joe-field-label '+(icon && 'iconed' ||'')+' " title="'+prop.name+'">'
@@ -8265,6 +8273,61 @@ Field Rendering Helpers
             if (callback) callback(false);
         });
     };
+    this.Object.flatten = function(id, options = {}) {
+        const { recursive = true, depth = 1, visited = new Set() } = options;
+    
+        let object = null;
+        
+        if (id) {
+            object = $J.get(id);
+        } else if (_joe?.current?.object) {
+            object = _joe.current.object;
+        }
+        
+        if (!object) return null;
+    
+        const flattened = {};
+        const currentId = object._id || object.id;
+        if (currentId) visited.add(currentId);
+    
+        for (const [field, val] of Object.entries(object)) {
+            if (val === undefined || val === null) continue;
+            if (field == '_id') continue;
+    
+            if (typeof val === 'string' && $c.isCuid(val) && recursive && depth > 0) {
+                if (!visited.has(val)) {
+                    const expanded = _joe.Object.flatten(val, {
+                        recursive,
+                        depth: depth - 1,
+                        visited: new Set(visited)
+                    });
+                    flattened[field] = expanded || val;
+                } else {
+                    flattened[field] = val;
+                }
+            }
+            else if (Array.isArray(val) && val.every(v => typeof v === 'string' && $c.isCuid(v)) && recursive && depth > 0) {
+                flattened[field] = val.map(refId => {
+                    if (!visited.has(refId)) {
+                        const expanded = _joe.Object.flatten(refId, {
+                            recursive,
+                            depth: depth - 1,
+                            visited: new Set(visited)
+                        });
+                        return expanded || refId;
+                    }
+                    return refId;
+                });
+            }
+            else {
+                flattened[field] = val;
+            }
+        }
+    
+        return flattened;
+    };
+    
+    
 /*-------------------------------------------------------------------->
     EXPORT DATA
  <--------------------------------------------------------------------*/
@@ -10841,7 +10904,7 @@ this.Snippets.priorityStripeColor = function(item){
 	}
 	return this;
 }
-function unstringifyFunctions(propObject){
+function _classic_unstringifyFunctions(propObject){
     for(var p in propObject){
         if(typeof propObject[p] == 'string' && propObject[p].indexOf('(function') ==0 ){
             propObject[p] = tryEval('('+propObject[p].replace(/;r\n/g,';\n').replace(/<br \/>/g,'')+')');
@@ -10853,7 +10916,19 @@ function unstringifyFunctions(propObject){
     }
     return propObject;
 }
-
+function unstringifyFunctions(propObject) {
+    for (var p in propObject) {
+        if (typeof propObject[p] == 'string') {
+            var trimmed = propObject[p].trim();
+            if (trimmed.startsWith('(function') || trimmed.startsWith('(async function')) {
+                propObject[p] = tryEval(trimmed.replace(/;r\n/g, ';\n').replace(/<br \/>/g, ''));
+            }
+        } else if (typeof propObject[p] == "object" && propObject[p] !== null) {
+            unstringifyFunctions(propObject[p]);
+        }
+    }
+    return propObject;
+}
 var __gotoJoeSection;
 var __clearDiv__ = '<div class="clear"></div>';
 

package/package.json

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

package/server/schemas/ai_conversation.js

@@ -1,7 +1,11 @@
 var schema = {
   title: "Ai Conversation | ${name}",
   info: "Tracks AI conversations across users, assistants, and external members, storing only summaries for performance.",
-
+  methods:{
+    chatSpawner:async function(object_id){
+      await _joe.Ai.spawnContextualChat(object_id);
+    }
+  },
   fields: function() {
     return [
 
@@ -11,7 +15,9 @@ var schema = {
       { 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 },
+        { name: "assistants", type: "group", cssClass:"ai-options", template:function(ass,curObj){
+          return `${ass.name} ||  ${curObj.name}`;
+        }, values: function() { return _joe.getDataset('ai_assistant'); }, display: "Assistants", cols:2 },
       { section_end: "participants" },
 
       { section_start: "thread", display: "Thread", collapsed: true },
@@ -45,9 +51,13 @@ var schema = {
           type: "button",
           display: "Open Chat",
           icon:"ai_assistant",
+          onclick2:function(object){
+              if (!object || !object._id) return '';
+              return `_joe.Ai.spawnChat('${object._id}');`;
+          },
           onclick:function(object){
             if (!object || !object._id) return '';
-            return `_joe.Ai.spawnChat('${object._id}');`;
+            return `_joe.schemas.ai_conversation.methods.chatSpawner('${object._id}');`;
         },
         },
       { sidebar_end: "right" },

package/server/schemas/setting.js

@@ -6,7 +6,7 @@ var setting ={
     fields:[
         'name',
         'info',
-        {name:'setting_type',type:'select',values:['text','code'],rerender:'value'},
+        {name:'setting_type',type:'select',values:['text','code','wysiwyg'],rerender:'value'},
         {name:'value',type:function(item){
             return (item.setting_type || '');
         },language:'javascript'},