json-object-editor 0.10.425 → 0.10.430

package/CHANGELOG.md

@@ -1,6 +1,7 @@
 ## CHANGELOG
 
 ### 0.10.400
+	430 - JOE Ai chat functional for alpha experiences.
 	424 - fixed formbuilder to explicitly call out jQuery
 	423 - added contextual items to chat and flattened them.
 	- Initial work with ai partner

package/capp/capp.css

@@ -462,12 +462,19 @@ html.no-touch .capp-retro capp-menu-option:hover{
 
 
 capp-menu-option-bonus{
-    display:block;
+    /* display:block;
     float:right;
     cursor:pointer;
     margin-right: -5px;
     line-height: 1;
+    box-sizing: border-box; */
+    display:block;
+    float:right;
+    cursor:pointer;
+    margin-right: -15px;
+    line-height: 1;
     box-sizing: border-box;
+    margin-left: -5px;
 }
 
 .capp-retro capp-menu-option.selected {

package/capp/capp.js

@@ -213,7 +213,7 @@ function CraydentApp(specs,render){
     }
     this.Button.addFromSchema = function(schema,specs){
         var specs = $.extend({container:'capp-panel'},specs);
-        var icon = schema.name;
+        var icon = schema.display||schema.name;
         if(schema.menuicon||schema.icon){
             icon = (schema.menuicon||schema.icon)+'<svg-label>'+(schema.display || schema.name)+'</svg-label>';
         }
@@ -243,7 +243,7 @@ function CraydentApp(specs,render){
             specs = label.specs;
             cssclass = label.cssclass;
         }
-        var temp = '<capp-menu-option class="${cssclass}" onclick="${action}">${name}</capp-menu-option>';
+        var temp = '<capp-menu-option class="${cssclass}" title="${title}" onclick="${action}">${name}</capp-menu-option>';
 
         function renderBonus(side,content){
 
@@ -270,17 +270,24 @@ function CraydentApp(specs,render){
     };
     this.Menu.addFromApps = function(apps,label,cssclass){
         var app_items=[],link,appname;
-        apps.map(function(a){
+        apps.map(function(aa){
+            let a = aa,title='',description='';
+            if(aa.name){
+               a = aa.name;
+title= aa.title;
+description=aa.description||'';
+            }
             var cssclass= (location.pathname.indexOf(a)!= -1)?"selected":'';
             var link = a+location.search;
-            appname = a;
+            appname = title||a;
             //TODO allow appname to use app title or display
             app_items.push({
                 name:appname+'<capp-menu-option-bonus title="open in new window" onclick="window.open(\''+link+'\'); window.event.stopPropagation();">'
                 +self.svgs.newwindow
                 +'</capp-menu-option-bonus>',
                 action:'window.location=\'/JOE/'+link+'\'',
-                cssclass:cssclass
+                cssclass:cssclass,
+                title:description
             });
         });
 

package/css/joe-ai.css

@@ -0,0 +1,172 @@
+joe-ai-chatbox{
+    top:50px;
+}
+chatbox-wrapper {
+    padding: 5px;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    display: block;
+  }
+  chat-footer,
+  chat-header
+  chat-content{
+    position: absolute;
+    left: 0;
+    right: 0;
+    display: block;
+    border:1px solid blue
+  }
+
+  chat-header {
+    top: 0;
+  }
+  chat-content {
+    display: block;;
+    position: absolute;
+    top: 80px;
+    bottom: 70px;
+    left: 0;
+    right: 0;
+    overflow: auto;
+    /* margin-bottom: 10px; */
+    background: #fff;
+    border: 1px solid #ccc;
+    margin: 5px;
+    overflow-x: clip;
+  }
+  chat-footer {
+    bottom: 0;
+
+  }
+
+
+  .close-btn {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    width: 24px;
+    height: 24px;
+    cursor: pointer;
+  }
+  .close-btn svg {
+    width: 100%;
+    height: 100%;
+  }
+ 
+  chat-title{
+    margin: 0;
+    font-size: 18px;
+    display:block;
+    font-weight: bold;
+  }
+  chat-header  p {
+    margin: 4px 0 0 0;
+    font-size: 12px;
+    color: #666;
+  }
+  chat-header  svg {
+    width: 36px;
+    height: 36px;
+  }
+  label-select-wrapper {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+
+  .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;
+    line-height: 1.4em;
+  }
+
+  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;
+    position: absolute;
+    bottom: 20px;
+    right: 10px;
+  }
+  button:disabled {
+    opacity: 0.5;
+    cursor: default;
+  }
+  participant-name{
+    color:#20202099
+  }
+  .message {
+    margin-bottom: 10px;
+    padding: 8px;
+    background: #f5f5f5;
+  }
+
+  .message.user{
+    text-align:right;
+    margin-left: 30px;
+    border-radius: 10px 0 0 10px;
+  }
+
+    .message.system {
+      background: #fee;
+    }
+.message.assistant{
+    background: #00666633;
+    margin-right: 30px;
+    border-radius: 0px 10px 10px 0px;
+  }
+  #chat-input {
+    width: calc(100% - 100px);
+    margin: 5px;
+    min-height: 50px;
+    /* border-radius: 0px 0px 0px 8px; */
+    bottom: 0;
+    position: absolute;
+    /* overflow: visible; */
+    padding: 5px;
+    resize: vertical;
+  }
+  
+  joe-object {
+    display: block;
+    margin: 0 auto;
+    /* width: 100%; */
+    /* height: 100%; */
+    padding:5px;
+    background: #fff;
+    margin: 10px;
+    padding: 10px;
+    text-align: center;
+    box-shadow: 1px 1px 10px #20202020;
+    border: 1px solid #00666699;
+    cursor: pointer;
+  }

package/css/joe-styles.css

@@ -1927,9 +1927,17 @@ joe-card{
 
 .joe-content-sidebar .joe-field-item-content {
     padding:5px;
-    font-size:18px;
+    font-size:16px;
     line-height: 1.1em;
 }
+/* .joe-content-sidebar .joe-field-item-content {
+    padding:6px;
+    font-size: 16px;
+    line-height: 1.1em;
+	border: 1px solid #00666644;
+    box-shadow:0 1px 4px #0002;
+    margin:5px;
+} */
 /*-------------------------
 	List Option Buttons
 -------------------------*/
@@ -2020,6 +2028,12 @@ joe-list-item.deletable {
     padding: 10px;
     margin: 10px 0;
 }
+.joe-content-sidebar joe-list-item {
+    padding: 5px;
+    margin: 5px 0;
+    border: 1px solid #00666633;
+    box-shadow: 0 1px 4px #0002;
+}
 swipe-option{
     position:absolute;
     top:0;

package/css/joe.css

@@ -1,9 +1,3 @@
-/* -------------------------------------------------------- 
- * 
- *  JOE - v1.5.0 
- *  Created by: Corey Hadden 
- * 
- * -------------------------------------------------------- */
 /* -------------------------------------------------------- 
  * 
  *  JOE - v1.5.0 
@@ -2419,9 +2413,17 @@ joe-card{
 
 .joe-content-sidebar .joe-field-item-content {
     padding:5px;
-    font-size:18px;
+    font-size:16px;
     line-height: 1.1em;
 }
+/* .joe-content-sidebar .joe-field-item-content {
+    padding:6px;
+    font-size: 16px;
+    line-height: 1.1em;
+	border: 1px solid #00666644;
+    box-shadow:0 1px 4px #0002;
+    margin:5px;
+} */
 /*-------------------------
 	List Option Buttons
 -------------------------*/
@@ -2512,6 +2514,12 @@ joe-list-item.deletable {
     padding: 10px;
     margin: 10px 0;
 }
+.joe-content-sidebar joe-list-item {
+    padding: 5px;
+    margin: 5px 0;
+    border: 1px solid #00666633;
+    box-shadow: 0 1px 4px #0002;
+}
 swipe-option{
     position:absolute;
     top:0;

package/js/JsonObjectEditor.jquery.craydent.js

@@ -8280,7 +8280,10 @@ Field Rendering Helpers
     
         for (const [field, val] of Object.entries(object)) {
             if (val === undefined || val === null) continue;
-            if (field == '_id') continue;
+            if (field == '_id'){
+                flattened[field] = val;
+                continue;
+            }
     
             if (typeof val === 'string' && $c.isCuid(val) && recursive && depth > 0) {
                 if (!visited.has(val)) {