316 version 0017 updates (#332)

### Enhancements

- [x] #302 
- [x] #272 
- [x] #324 (partial fix for alpha)
- [x] #306 
- [x] #310 
- [x] #315 
- [x] #287 

### Fixes

- [x] dead session/api mgmt; if session broken, clicking on bots will only fire internal error, not reload page
- [x] Message tabs copying for Members needed reconfiguring
- [x] Conversation logs created every session start [avoid]
- [x] `mSetBot` updates to server do not survive page refresh, presume server memory not dynamically updated; confirmed, still a problem, but rest of pipeline working--similarly affects name changes
- [x] #329 
- [x] #295 
- [x] #319 
- [x] #322 duplicates #319 
- [x] #320 

### Cosmetic

- [x] chat box in `index.html` is not divided same way and so appears on left

Author: Mookse

inc/js/core.mjs

@@ -225,6 +225,9 @@ class Organization extends Member {	//	form=organization
 	get values(){
 		return this.core.values
 	}
+	get version(){
+		return this.core.version ?? '0.0.17'
+	}
 	get vision(){
 		return this.core.vision
 	}

inc/js/globals.mjs

@@ -74,7 +74,7 @@ const mAiJsFunctions = {
 		}
 	},
 	storySummary: {
-		description: 'Generate a STORY summary with keywords and other critical data elements.',
+		description: 'Generate a complete multi-paragraph STORY summary with keywords and other critical data elements.',
 		name: 'storySummary',
 		parameters: {
 			type: 'object',
@@ -119,8 +119,7 @@ const mAiJsFunctions = {
 					maxItems: 24
 				},
 				summary: {
-					description: 'Generate a STORY summary from input.',
-					maxLength: 20480,
+					description: 'A complete multi-paragraph STORY summary composed from relevant user input.',
 					type: 'string'
 				},
 				title: {

inc/js/mylife-avatar.mjs

@@ -192,7 +192,7 @@ class Avatar extends EventEmitter {
         const conversation = new (this.#factory.conversation)({ mbr_id: this.mbr_id, type, }, this.#factory, thread, botId)
         if(saveToConversations){
             this.#conversations.push(conversation)
-            console.log('createConversation::save in memory', conversation.thread_id)
+            console.log('createConversation::saving into local memory', conversation.thread_id)
         }
         return conversation
     }
@@ -699,6 +699,8 @@ class Avatar extends EventEmitter {
         const currentVersion = this.#factory.botInstructionsVersion(type)
         if(botVersion!==currentVersion){
             this.updateInstructions(newActiveId, true, false, true)
+            /* update bot in this.#bots */
+            
         }
         this.#activeBotId = newActiveId
     }
@@ -1290,15 +1292,15 @@ function mAvatarDropdown(globals, avatar){
  */
 async function mBot(factory, avatar, bot){
     /* validation */
-    const { bots, id: avatarId, isMyLife, mbr_id, vectorstore_id, } = avatar
+    const { id: avatarId, mbr_id, vectorstore_id, } = avatar
     const { newGuid, } = factory
     const { id: botId=newGuid, object_id: objectId, type: botType, } = bot
     if(!botType?.length)
         throw new Error('Bot type required to create.')
     bot.mbr_id = mbr_id /* constant */
     bot.object_id = objectId ?? avatarId /* all your bots belong to me */
     bot.id =  botId // **note**: _this_ is a Cosmos id, not an openAI id
-    let originBot = bots.find(oBot=>oBot.id===botId)
+    let originBot = avatar.bots.find(oBot=>oBot.id===botId)
     if(originBot){ /* update bot */
         const options = {}
         const updatedBot = Object.keys(bot)
@@ -1317,8 +1319,9 @@ async function mBot(factory, avatar, bot){
                 avatar.conversations.push(conversation)
             }
         }
+        let updatedOriginBot
         if(Object.keys(updatedBot).length){
-            let updatedOriginBot = {...originBot, ...updatedBot} // consolidated update
+            updatedOriginBot = {...originBot, ...updatedBot} // consolidated update
             const { bot_id, id, } = updatedOriginBot
             updatedBot.bot_id = bot_id
             updatedBot.id = id
@@ -1331,8 +1334,9 @@ async function mBot(factory, avatar, bot){
                 options.tools = false /* tools not updated through this mechanic */
             }
             updatedOriginBot = await factory.updateBot(updatedBot, options)
-            originBot = mSanitize(updatedOriginBot)
         }
+        originBot = mSanitize(updatedOriginBot ?? originBot)
+        avatar.bots[avatar.bots.findIndex(oBot=>oBot.id===botId)] = originBot
     } else { /* create assistant */
         bot = mSanitize( await factory.createBot(bot, vectorstore_id) )
         avatar.bots.push(bot)

inc/js/mylife-llm-services.mjs

@@ -392,26 +392,21 @@ async function mRunFunctions(openai, run, factory, avatar){ // add avatar ref
                             case 'story summary':
                                 const story = await factory.story(toolArguments)
                                 if(story){
-                                    const { keywords, phaseOfLife='unknown', } = story
+                                    const { keywords, phaseOfLife, } = story
                                     let { interests, updates, } = factory.core
                                     if(typeof interests=='array')
                                         interests = interests.join(', ')
                                     if(typeof updates=='array')
                                         updates = updates.join(', ')
-                                    // @stub - action integrates with story and interests/phase
                                     switch(true){
+                                        case phaseOfLife?.length:
+                                            action = `ask about another encounter during member's ${ phaseOfLife }`
+                                            console.log('mRunFunctions()::story-summary::phaseOfLife', phaseOfLife)
+                                            break
                                         case interests?.length:
                                             action = `ask about a different interest from: ${ interests }`
                                             console.log('mRunFunctions()::story-summary::interests', interests)
                                             break
-                                        case phaseOfLife!=='unknown':
-                                            action = `ask about another encounter during this phase of life: ${ phaseOfLife }`
-                                            console.log('mRunFunctions()::story-summary::phaseOfLife', phaseOfLife)
-                                            break
-                                        case updates?.length:
-                                            action = `ask about current events related to or beyond: ${ updates }`
-                                            console.log('mRunFunctions()::story-summary::updates', updates)
-                                            break
                                         default:
                                             action = 'ask about another event in member\'s life'
                                             break

inc/js/routes.mjs

@@ -146,7 +146,7 @@ function connectRoutes(_Menu){
  * @returns {function} Koa next function
  */
 async function memberValidation(ctx, next) {
-    if(ctx.state.locked)
+    if(ctx.state?.locked ?? true)
         ctx.redirect(`/?type=select`) // Redirect to /members if not authorized
     await next() // Proceed to the next middleware if authorized
 }

inc/json-schemas/openai/functions/storySummary.json

@@ -1,5 +1,5 @@
 {
-    "description": "Generate a STORY summary with keywords and other critical data elements.",
+    "description": "Generate a complete multi-paragraph STORY summary with keywords and other critical data elements.",
     "name": "storySummary",
     "parameters": {
         "type": "object",
@@ -44,8 +44,7 @@
                 "maxItems": 24
             },
             "summary": {
-                "description": "Generate a STORY summary from input.",
-                "maxLength": 20480,
+                "description": "A complete multi-paragraph STORY summary composed from relevant user input.",
                 "type": "string"
             },
             "title": {

server.js

@@ -166,6 +166,7 @@ app.use(koaBody({
 		ctx.state.avatar = ctx.state.member.avatar
 		ctx.state.interfaceMode = ctx.state.avatar?.mode ?? 'standard'
 		ctx.state.menu = ctx.MyLife.menu
+		ctx.state.version = ctx.MyLife.version
 		if(!await ctx.state.MemberSession.requestConsent(ctx))
 			ctx.throw(404,'asset request rejected by consent')
 		await next()

views/assets/css/bots.css

@@ -1,6 +1,7 @@
 /* document vars */
 :root {
     --border-radius: 0.22rem;
+    --collection-item-popup-z-index: calc(var(--mylife-sidebar-z-index)+50);
     --slider-height: 1rem;
     --slider-margin: 0.1rem;
     --slider-width: 2rem;
@@ -32,11 +33,9 @@
     height: 2.5rem;
     margin: 0 0.1rem; /* Default margin */
     transition: transform 0.3s ease, margin 0.3s ease;
-    z-index: 1;
 }
 .bot-thumb:hover {
     transform: scale(1.5);
-    z-index: 2;
     margin: 0 1rem; /* Increase margin on hover in em */
 }
 .bot-thumb-container {
@@ -50,7 +49,6 @@
 .bot-thumb-active {
     background-image: radial-gradient(circle at center, rgba(255, 255, 0, 0.75) 0%, transparent 100%);
     cursor: not-allowed;
-    z-index: 3;
 }
 /* bot widget */
 .bot { /* along with widget */
@@ -72,10 +70,6 @@
     display: flex;
     overflow: auto;
 }
-.bot-content.visible {
-    /* Show content when active */
-    display: block;
-}
 /* team */
 .add-team-member-icon {
     font-size: 1.5rem;
@@ -100,7 +94,6 @@
     flex-direction: column;
     justify-content: flex-start;
     position: absolute;
-    z-index: 50;
 }
 .team-popup-content {
     background-color: #333; /* Change as needed */
@@ -358,11 +351,14 @@
     left: auto;
     margin: 0;
     overflow: auto;
+	opacity: 0; /* Start with hidden popup */
+    /* transition: opacity 0.3s; /* Smooth transition */
     padding: 0;
     position: absolute;
     right: 110vw;
     top: 0;
     width: 40em;
+    z-index: var(--collection-item-popup-z-index); /* above sidebar and other popups */
 }
 .collection-popup-body {
     display: flex;

views/assets/css/chat.css

@@ -1,3 +1,7 @@
+/* css chat variables */
+:root {
+    --chat-base-z-index: calc(var(--mylife-base-z-index) + 10);
+}
 /* MyLife chat container */
 .agent-bubble {
     background-color: rgba(0, 86, 179, .85); /* A darker shade of blue for the agent */
@@ -25,26 +29,30 @@
 	margin-right: 0.5em;
 }
 .chat-bubble {
-    border-radius: 18px; /* Rounded corners for a modern look */
-    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
+    background-color: #3427ec; /* Assuming a dark bubble color */
+    border-radius: 0.8rem;
+    box-shadow: 0.2rem 0.2rem 0.4rem rgba(0, 0, 0, 0.3);
+	display: flex;
+	flex-direction: column;
+    font-size: 0.9em;
     margin-bottom: 0.5rem;
     max-width: 90%;
     min-width: 30%;
-    padding: 10px 15px; /* Padding for content inside bubble */
-	font-size: .9em;
-    width: fit-content; /* Fit the content's width */
-    word-wrap: break-word; /* Ensure long words don't overflow */
+    padding: 0.5rem 0.8rem;
+    width: fit-content;
+    word-wrap: break-word;
+	z-index: calc(var(--chat-base-z-index) + 1);
 }
 .chat-container {
 	align-items: flex-start;
 	background-image: 
-        linear-gradient(
-			to bottom,
-			rgba(255, 255, 255, 0.85) 0%,
+	linear-gradient(
+		to bottom,
+		rgba(255, 255, 255, 0.85) 0%,
 			rgba(255, 255, 255, 0.85) 50%,
 			rgba(66, 66, 66, 0.85) 100%
-		), /* White overlay with 50% opacity */
-        url('../jpg/cosmos.jpg'); /* Your original background image */
+			), /* White overlay with 50% opacity */
+			url('../jpg/cosmos.jpg'); /* Your original background image */
     background-size: cover; /* Ensures the image covers the whole area */
     background-position: center; /* Centers the image */
     border-radius: 22px;
@@ -59,16 +67,16 @@
 	position: relative;
 	width: 100%;
 }
-.chat-member,
-.chat-user {
-	align-items: center;
-	display: flex;
-	flex: 1 1 auto;
-	flex-direction: row;
-	flex-wrap: wrap;
-	margin: 0.5em 0;
-	max-height: 60%;
-	width: 100%;
+.chat-copy,
+.chat-feedback {
+	cursor: pointer;
+	font-size: 0.8rem;
+	margin: 0.2rem;
+	position: absolute;
+	top: 0.2rem;
+}
+.chat-feedback {
+	right: 0.6rem;
 }
 .chat-input {
 	background-color: #ffffff; /* White background color */
@@ -87,6 +95,70 @@
     padding: 0.3em; /* Padding for space inside the container */
     resize: none; /* Allows vertical resizing, none to disable */
 }
+.chat-member,
+.chat-user {
+	align-items: center;
+	display: flex;
+	flex: 1 1 auto;
+	flex-direction: row;
+	flex-wrap: wrap;
+	margin: 0.5em 0;
+	max-height: 60%;
+	width: 100%;
+}
+.chat-message-container {
+    display: flex;
+    position: relative;
+}
+.chat-message-container-agent {
+	flex-direction: row;
+}
+.chat-message-container-member,
+.chat-message-container-user {
+	flex-direction: row-reverse;
+}
+.chat-message-tab {
+    border-bottom-right-radius: 0.2rem;
+    border-bottom-left-radius: 0.2rem;
+	display: flex;
+    flex-direction: column;
+	height: 100%;
+	justify-content: flex-end;
+    opacity: 0;
+	padding: 0.2rem;
+    pointer-events: none;
+    transition: transform 0.5s, opacity 0.5s;
+    width: 2.5rem;
+	z-index: var(--chat-base-z-index);
+}
+.chat-message-tab-agent {
+	align-items: flex-end;
+	background-color: #9f9dff; /* Lighter shade of the bubble color */
+	border: thin solid #3427ec;
+	border-top-left-radius: 0;
+    border-top-right-radius: 0.2rem;
+	transform: translateX(-100%);
+}
+.chat-message-tab-hover {
+	opacity: 1;
+	pointer-events: all;
+}
+.chat-message-tab-hover-agent,
+.chat-message-tab-agent:hover {
+	transform: translateX(-33%); /* accommodate for 2.5rem */
+}
+.chat-message-tab-member {
+	align-items: flex-start;
+	background-color: #d6ffd9; /* Lighter shade of the bubble color */
+	border: thin solid #27bbec;
+	border-top-left-radius: 0.2rem;
+    border-top-right-radius: 0;
+	transform: translateX(100%);
+}
+.chat-message-tab-hover-member, /* **note**: must come after tab-member */
+.chat-message-tab-member:hover {
+	transform: translateX(33%); /* accommodate for 2.5rem */
+}
 .chat-refresh {
 	position: absolute; /* Position relative to parent */
 	top: 0; /* Adjust as needed */
@@ -96,7 +168,7 @@
 	color: #888; /* Icon color, change as needed */
 	font-size: 24px; /* Icon size, adjust as needed */
 	cursor: pointer; /* Pointer cursor on hover */
-	z-index: 2; /* Ensure it's above other content */
+	z-index: calc(var(--chat-base-z-index) + 5);
 }
 /* chat-submit button; requires special treament to overwrite button class for now */
 button.chat-submit { /* need specificity to overwrite button class */
@@ -175,14 +247,14 @@ button.chat-submit:disabled {
 	margin: 0 0.5em;
 	justify-content: flex-start;
 }
-.member-bubble, .user-bubble {
+.member-bubble,
+.user-bubble {
     background-color: rgba(225, 245, 254, 1); /* A light shade of blue for the user */
     color: #333333; /* Dark grey for contrast and easy reading */
 	font-size: .75em;
-    margin-left: auto;
-	margin-right: 12px;
 }
-.member-bubble a, .user-bubble a {
+.member-bubble a,
+.user-bubble a {
 	color: #333333; /* Dark grey for contrast and easy reading */
 }
 .spinner-green-glow {