diff --git a/inc/js/core.mjs b/inc/js/core.mjs
index dbc52ca..8d32ab9 100644
--- a/inc/js/core.mjs
+++ b/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
 	}
diff --git a/inc/js/globals.mjs b/inc/js/globals.mjs
index 0eba89b..19ac995 100644
--- a/inc/js/globals.mjs
+++ b/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: {
diff --git a/inc/js/mylife-avatar.mjs b/inc/js/mylife-avatar.mjs
index 4e94414..1bdafa7 100644
--- a/inc/js/mylife-avatar.mjs
+++ b/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,7 +1292,7 @@ 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)
@@ -1298,7 +1300,7 @@ async function mBot(factory, avatar, bot){
     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)
diff --git a/inc/js/mylife-llm-services.mjs b/inc/js/mylife-llm-services.mjs
index db6aeb3..1c2667c 100644
--- a/inc/js/mylife-llm-services.mjs
+++ b/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
diff --git a/inc/js/routes.mjs b/inc/js/routes.mjs
index 0dfa745..6819655 100644
--- a/inc/js/routes.mjs
+++ b/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
 }
diff --git a/inc/json-schemas/openai/functions/storySummary.json b/inc/json-schemas/openai/functions/storySummary.json
index 23662b0..1be222f 100644
--- a/inc/json-schemas/openai/functions/storySummary.json
+++ b/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": {
diff --git a/server.js b/server.js
index b236b47..8f8272f 100644
--- a/server.js
+++ b/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()
diff --git a/views/assets/css/bots.css b/views/assets/css/bots.css
index 34e7d66..d0fd297 100644
--- a/views/assets/css/bots.css
+++ b/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;
@@ -563,14 +559,26 @@ input:checked + .publicity-slider:before {
     padding: 0.5rem;
     transition: opacity 0.5s ease; /* Smooth transition for opacity */
 }
-.share-memory-container { /* panel for how others `experience` memory story */
+.relive-memory-button.button {
+    display: flex;
+    margin: 0.2rem 0;
+    padding: 0 0.2rem;
+    max-width: 80%;
+    min-width: 60%;
+}
+.relive-memory-container { /* panel for how others `experience` memory story */
+    align-items: center;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
-    margin: 0;
-    padding: 0;
+    margin: 0.2rem;
+    padding: 0.2rem;
+}
+.relive-memory-explanation {
+    display: flex;
+    padding: 0.2rem;
 }
-.share-memory-select { /* container for share memory selection packet */
+.relive-memory-select { /* container for share memory selection packet */
     display: flex;
     flex-direction: row;
     justify-content: space-between;
diff --git a/views/assets/css/chat.css b/views/assets/css/chat.css
index 9e984e4..be884c6 100644
--- a/views/assets/css/chat.css
+++ b/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 {
diff --git a/views/assets/css/experience.css b/views/assets/css/experience.css
index a9baefe..edce612 100644
--- a/views/assets/css/experience.css
+++ b/views/assets/css/experience.css
@@ -2,6 +2,7 @@
 /* css experience variables */
 :root {
     --dialog-final-opacity: 0.5;
+    --experience-base-z-index: calc(var(--mylife-base-z-index) + 100);
 }
 /* modal experience screen */
 .modal-screen {
@@ -18,7 +19,7 @@
     position: fixed;
     top: -100vh; /* Start above the screen */
     width: 100vw;
-    z-index: 10;
+    z-index: var(--experience-base-z-index);
 }
 /* experience transport */
 #experience-breadcrumb {
@@ -41,7 +42,7 @@
     display: none; /* Hide transport controls by default */
     justify-content: space-between;
     padding: 1.2em;
-    z-index: 100; /* highest z-index */
+    z-index: calc(var(--experience-base-z-index) + 10); /* always on top */
 }
 .experience-transport-item {
     display: flex;
@@ -93,7 +94,7 @@
     position: absolute;
     top: 0;
     width: 100%;
-    z-index: 15; /* Ensure it's behind the mainstage */
+    z-index: var(--experience-base-z-index); /* root experience level */
 }
 .experience-explanation, .experience-title, .experience-description {
     text-align: center; /* Center text for direct children */
@@ -192,7 +193,7 @@
     top: 50%; /* Center vertically */
     transform: translate(-50%, -50%); /* Adjust the position to truly center the element */
     width: 100vw; /* Auto width based on content */
-    z-index: 1000; /* Ensure it's above all other items */
+    z-index: calc(var(--experience-base-z-index)+10); /* Ensure it's above all other items */
 }
 .experience-continue-text, .experience-continue-click-text {
     text-align: center; /* Center the text inside the divs */
@@ -217,7 +218,7 @@
     top: 0;
     /* transition: all 0.3s ease-in-out; /* Smooth transition for any changes */
     width: 100%; /* Fill the width of its parent container */
-    z-index: 20; /* Ensure it's above the backstage */
+    z-index: calc(var(--experience-base-z-index) + 5); /* between backstage and transport */
 }
 .experience-scenestage {
     display: flex; /* Use flexbox instead of grid */
@@ -500,10 +501,6 @@
 .flip {
     animation: flipAnimation 0.6s ease-in-out forwards;
 }
-.hide {
-    animation: none !important;
-    display: none !important;
-}
 .loading-text {
     color: yellowgreen;
     font-size: 1.1em;
@@ -513,9 +510,6 @@
 .pulse {
     animation: blink 1.5s infinite;
 }
-.show {
-    display: flex !important;
-}
 .slide, .slide-right, .slide-in {
     animation: slideInFromLeft 2s ease-in-out forwards;
 }
diff --git a/views/assets/css/main.css b/views/assets/css/main.css
index 3210852..a2f3bd2 100644
--- a/views/assets/css/main.css
+++ b/views/assets/css/main.css
@@ -3,6 +3,12 @@
 @import url('chat.css');
 @import url('experience.css');
 @import url('members.css');
+/* css main variables */
+:root {
+    --mylife-base-z-index: 1;
+	--mylife-help-z-index: 5;
+	--mylife-sidebar-z-index: 20;
+}
 /* MyLife layout */
 body {
 	background-color: #000000;
@@ -50,7 +56,8 @@ body {
 .navigation-help,
 .navigation-login-logout,
 .navigation-nav,
-.navigation-padding {
+.navigation-padding,
+.navigation-version {
 	align-items: center;
 	display: flex;
 	flex: none; /* Prevents items from growing */
@@ -71,6 +78,15 @@ body {
 .navigation-help:hover {
 	color: purple; /* Your existing styles for active link */
 }
+.navigation-link {
+	margin: 0em .8em;
+	text-decoration: none;
+}
+.navigation-link.active {
+    color: #007bff; /* Your existing styles for active link */
+    font-weight: bold;
+    cursor: pointer; /* Set cursor to default */
+}
 .navigation-login-logout {
 	align-self: flex-end;
 	display: flex;
@@ -95,14 +111,12 @@ body {
 .navigation-padding {
 	flex: 1; /* Prevents the brand from growing */
 }
-.navigation-link {
-	margin: 0em .8em;
-	text-decoration: none;
-}
-.navigation-link.active {
-    color: #007bff; /* Your existing styles for active link */
-    font-weight: bold;
-    cursor: pointer; /* Set cursor to default */
+.navigation-version {
+    color: rebeccapurple;
+	font-size: 0.8rem;
+	font-style: italic;
+	font-weight: bold;
+	padding: 0 2rem;
 }
 /* MyLife system alerts */
 .alert-container{
@@ -346,9 +360,17 @@ body {
 	opacity: 0;
 	display: none; /* Initially not displayed */
 }
+.hide {
+    animation: none !important;
+    display: none !important;
+}
 .ital {
 	font-style: italic;
 }
+.show {
+    display: flex !important;
+	opacity: 1 !important;
+}
 .signup {
 	display: flex;
 	flex-direction: column;
@@ -448,7 +470,7 @@ body {
 	padding: 0;
     position: absolute;
     width: 45%; /* default width */
-    z-index: 100;
+    z-index: calc(var(--mylife-sidebar-z-index)+10);
 }
 .popup-content {
 	color: navy;
@@ -584,7 +606,7 @@ body {
     right: 1em;
     top: 2.2em; /* Position it right below the parent */
     width: 63%;
-    z-index: 100; /* Make sure it's above other elements */
+    z-index: var(--mylife-help-z-index); /* Make sure it's above other elements */
 }
 .help-header {
 	font-size: 1.5rem;
@@ -684,14 +706,11 @@ body {
     flex: 1 1 auto; /* Allows growth and shrinkage */
     font-family: "Optima", "Segoe UI", "Candara", "Calibri", "Segoe", "Optima", Arial, sans-serif;
     font-size: 0.8em;
+    height: auto; /* Ensure it adjusts based on content */
     max-height: 100vh; /* Prevents exceeding the viewport height */
     max-width: 35%;
     padding: 0px;
-    height: auto; /* Ensure it adjusts based on content */
-}
-.visible {
-	opacity: 1;
-	display: block;
+	z-index: var(--mylife-sidebar-z-index);
 }
 .widget {
     align-items: center; /* rows get left-aligned */
diff --git a/views/assets/html/_bots.html b/views/assets/html/_bots.html
index 7029dc6..f230db1 100644
--- a/views/assets/html/_bots.html
+++ b/views/assets/html/_bots.html
@@ -5,7 +5,7 @@
             <div id="personal-avatar-icon" class="bot-icon"></div>
             <div id="personal-avatar-title" class="bot-title">
                 <div id="personal-avatar-title-type" class="bot-title-type"></div>
-                <div id="personal-avatar-title-name" class="bot-title-name">System-One Hardcoded</div>
+                <div id="personal-avatar-title-name" class="bot-title-name"></div>
             </div>
             <div id="personal-avatar-options-dropdown" class="bot-options-dropdown"></div><!-- drop-down caret to trigger slide-down of container below -->
         </div>
@@ -41,7 +41,7 @@
             <div class="bot-icon" id="personal-biographer-icon"></div>
             <div id="personal-biographer-title" class="bot-title">
                 <div id="personal-biographer-title-type" class="bot-title-type"></div>
-                <div id="personal-biographer-title-name" class="bot-title-name">System-One Hardcoded</div>
+                <div id="personal-biographer-title-name" class="bot-title-name"></div>
             </div>
             <div class="bot-options-dropdown" id="personal-biographer-options-dropdown"></div><!-- drop-down caret to trigger slide-down of container below -->
         </div>
@@ -57,109 +57,93 @@
                 <div class="checkbox-group">
                     <!-- Repeat for each interest -->
                     <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-career" value="Career">
-                        <label for="personal-biographer-career">Work/Career</label>
-                    </div>
-                    <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-ideas" value="Ideas">
-                        <label for="personal-biographer-ideas">Ideas</label>
+                        <input type="checkbox" name="interests" id="personal-biographer-academics" value="Academics">
+                        <label for="personal-biographer-academics">Academics</label>
                     </div>
                     <div class="checkbox-group-item">
                         <input type="checkbox" name="interests" id="personal-biographer-art" value="Art">
                         <label for="personal-biographer-art">Art</label>
                     </div>
                     <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-music" value="Music">
-                        <label for="personal-biographer-music">Music</label>
-                    </div>
-                    <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-health" value="Health">
-                        <label for="personal-biographer-health">Health</label>
+                        <input type="checkbox" name="interests" id="personal-biographer-business-career" value="Business and Career">
+                        <label for="personal-biographer-business-career">Business and Career</label>
                     </div>
                     <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-politics" value="Politics">
-                        <label for="personal-biographer-politics">Politics</label>
+                        <input type="checkbox" name="interests" id="personal-biographer-culture" value="Culture">
+                        <label for="personal-biographer-culture">Culture</label>
                     </div>
                     <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-pets" value="Pets">
-                        <label for="personal-biographer-pets">Pets</label>
+                        <input type="checkbox" name="interests" id="personal-biographer-entertainment" value="Entertainment">
+                        <label for="personal-biographer-entertainment">Entertainment</label>
                     </div>
                     <div class="checkbox-group-item">
                         <input type="checkbox" name="interests" id="personal-biographer-family" value="Family">
                         <label for="personal-biographer-family">Family</label>
                     </div>
                     <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-culture" value="Culture">
-                        <label for="personal-biographer-culture">Culture</label>
-                    </div>
-                    <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-literature" value="Literature">
-                        <label for="personal-biographer-literature">Literature</label>
+                        <input type="checkbox" name="interests" id="personal-biographer-fashion" value="Fashion">
+                        <label for="personal-biographer-fashion">Fashion</label>
                     </div>
                     <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-relationships" value="Relationships">
-                        <label for="personal-biographer-relationships">Relationships</label>
+                        <input type="checkbox" name="interests" id="personal-biographer-food" value="Food">
+                        <label for="personal-biographer-food">Food</label>
                     </div>
                     <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-academics" value="Academics">
-                        <label for="personal-biographer-academics">Academics</label>
+                        <input type="checkbox" name="interests" id="personal-biographer-health" value="Health and Well-Being">
+                        <label for="personal-biographer-health">Health and Well-Being</label>
                     </div>
                     <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-sports" value="Sports">
-                        <label for="personal-biographer-sports">Sports</label>
+                        <input type="checkbox" name="interests" id="personal-biographer-hobbies" value="Hobbies">
+                        <label for="personal-biographer-hobbies">Hobbies</label>
                     </div>
                     <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-travel" value="Travel">
-                        <label for="personal-biographer-travel">Travel</label>
+                        <input type="checkbox" name="interests" id="personal-biographer-ideas" value="Ideas">
+                        <label for="personal-biographer-ideas">Ideas</label>
                     </div>
                     <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-religion" value="religion">
-                        <label for="personal-biographer-religion">Religion</label>
+                        <input type="checkbox" name="interests" id="personal-biographer-literature" value="Literature">
+                        <label for="personal-biographer-literature">Literature</label>
                     </div>
                     <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-tech" value="Tech">
-                        <label for="personal-biographer-tech">Tech</label>
+                        <input type="checkbox" name="interests" id="personal-biographer-music" value="Music">
+                        <label for="personal-biographer-music">Music</label>
                     </div>
                     <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-food" value="Food">
-                        <label for="personal-biographer-food">Food</label>
+                        <input type="checkbox" name="interests" id="personal-biographer-pets" value="Pets">
+                        <label for="personal-biographer-pets">Pets</label>
                     </div>
                     <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-social-justice" value="Social Justice">
-                        <label for="personal-biographer-social-justice">Social Justice</label>
+                        <input type="checkbox" name="interests" id="personal-biographer-philosophy" value="Philosophy">
+                        <label for="personal-biographer-philosophy">Philosophy</label>
                     </div>
                     <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-hobbies" value="Hobbies">
-                        <label for="personal-biographer-hobbies">Hobbies</label>
+                        <input type="checkbox" name="interests" id="personal-biographer-politics" value="Politics">
+                        <label for="personal-biographer-politics">Politics</label>
                     </div>
                     <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-business" value="Business">
-                        <label for="personal-biographer-business-market">Business</label>
+                        <input type="checkbox" name="interests" id="personal-biographer-relationships" value="Relationships">
+                        <label for="personal-biographer-politics">Relationships</label>
                     </div>
                     <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-entertainment" value="Entertainment">
-                        <label for="personal-biographer-entertainment">Entertainment</label>
+                        <input type="checkbox" name="interests" id="personal-biographer-science" value="Science">
+                        <label for="personal-biographer-science">Science</label>
                     </div>
                     <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-philosophy" value="Philosophy">
-                        <label for="personal-biographer-philosophy">Philosophy</label>
+                        <input type="checkbox" name="interests" id="personal-biographer-social-justice" value="Social Justice">
+                        <label for="personal-biographer-social-justice">Social Justice</label>
                     </div>
                     <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-psychology" value="Psychology">
-                        <label for="personal-biographer-psychology">Psychology</label>
+                        <input type="checkbox" name="interests" id="personal-biographer-sports" value="Sports">
+                        <label for="personal-biographer-sports">Sports</label>
                     </div>
                     <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-digital-self" value="Digital Self">
-                        <label for="personal-biographer-digital-self-presence">Digital Self</label>
+                        <input type="checkbox" name="interests" id="personal-biographer-tech" value="Tech">
+                        <label for="personal-biographer-tech">Technology</label>
                     </div>
                     <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-fashion" value="Fashion">
-                        <label for="personal-biographer-fashion">Fashion</label>
+                        <input type="checkbox" name="interests" id="personal-biographer-travel" value="Travel">
+                        <label for="personal-biographer-travel">Travel</label>
                     </div>
-                    <div class="checkbox-group-item">
-                        <input type="checkbox" name="interests" id="personal-biographer-science" value="Science">
-                        <label for="personal-biographer-science">Science</label>
-                    </div>                    
                 </div>
             </div>
             <!-- bot buttons 
@@ -171,7 +155,7 @@
             <div class="bot-icon" id="journaler-icon"></div>
             <div id="journaler-title" class="bot-title">
                 <div id="journaler-title-type" class="bot-title-type"></div>
-                <div id="journaler-title-name" class="bot-title-name">Jeronathon Hardcoded</div>
+                <div id="journaler-title-name" class="bot-title-name"></div>
             </div>
             <div class="bot-options-dropdown" id="journaler-options-dropdown"></div><!-- drop-down caret to trigger slide-down of container below -->
         </div>
diff --git a/views/assets/html/_navbar.html b/views/assets/html/_navbar.html
index fb2dc36..77d7098 100644
--- a/views/assets/html/_navbar.html
+++ b/views/assets/html/_navbar.html
@@ -6,6 +6,7 @@
         <a class="navigation-link" href="<%= _menuItem.route %>"><%= _menuItem.display %></a>
     <% }) %>
 </div>
+<div id="navigation-version" class="navigation-version"><%= version ? `v.${ version }` : '' %></div>
 <div id="navigation-padding" class="navigation-padding"></div>
 <div id="navigation-login-logout" class="navigation-login-logout">
     <button id="navigation-login-logout-button" class="button navigation-login-logout-button" data-locked="<%= locked %>">
diff --git a/views/assets/js/bots.mjs b/views/assets/js/bots.mjs
index a9713d5..66f8652 100644
--- a/views/assets/js/bots.mjs
+++ b/views/assets/js/bots.mjs
@@ -5,6 +5,7 @@ import {
     addMessage,
     addMessages,
     decorateActiveBot,
+    expunge,
     fetchSummary,
     hide,
     seedInput,
@@ -14,11 +15,10 @@ import {
     toggleVisibility,
 } from './members.mjs'
 import Globals from './globals.mjs'
-/* constants; DOM exists? */
-// @todo - placeholder, get from server
 const mAvailableMimeTypes = [],
     mAvailableUploaderTypes = ['library', 'personal-avatar', 'personal-biographer', 'resume',],
     botBar = document.getElementById('bot-bar'),
+    mDefaultReliveMemoryButtonText = 'next',
     mDefaultTeam = 'memoir',
     mGlobals = new Globals(),
     mLibraries = ['entry', 'experience', 'file', 'story'], // ['chat', 'conversation']
@@ -113,6 +113,14 @@ async function fetchTeams(){
 function getBot(type='personal-avatar', id){
     return mBot(id ?? type)
 }
+/**
+ * Refresh designated collection from server. **note**: external calls denied option to identify collectionList parameter, ergo must always be of same type.
+ * @param {string} type - The collection type.
+ * @returns {void}
+ */
+async function refreshCollection(type){
+    return await mRefreshCollection(type)
+}
 /**
  * Set active bot on server and update page bots.
  * @requires mActiveBot
@@ -145,7 +153,7 @@ async function setActiveBot(event, dynamic=false){
             }
         })
         .then(response => {
-            if (!response.ok) {
+            if(!response.ok){
                 throw new Error(`HTTP error! Status: ${response.status}`)
             }
             return response.json()
@@ -155,6 +163,7 @@ async function setActiveBot(event, dynamic=false){
         })
         .catch(error => {
             console.log('Error:', error)
+            alert('Server error setting active bot.')
             return
         })
     /* update active bot */
@@ -397,7 +406,6 @@ async function mMemoryShadow(event){
             throw new Error(`Unimplemented shadow type: ${ type }`)
     }
     /* close popup */
-    // @stub - minimize to header instead?
     const popupClose = document.getElementById(`popup-close_${ itemId }`)
     if(popupClose)
         popupClose.click()
@@ -526,6 +534,7 @@ function mCreateCollectionPopup(collectionItem) {
     /* create popup close button */
     const popupClose = document.createElement('button')
     popupClose.classList.add('fa-solid', 'fa-close', 'popup-close', 'collection-popup-close')
+    popupClose.dataset.isClose = 'true'
     popupClose.id = `popup-close_${ id }`
     popupClose.setAttribute('aria-label', 'Close')
     popupClose.addEventListener('click', mTogglePopup)
@@ -628,108 +637,35 @@ function mCreateCollectionPopup(collectionItem) {
             improveMemory.classList.add(`collection-popup-${ type }`)
             improveMemory.id = `popup-${ type }_${ id }`
             improveMemory.name = 'improve-memory-container'
-            /* shadows, share-memory panel */
+            /* shadows, relive-memory panel */
             const improveMemoryLane = document.createElement('div')
             improveMemoryLane.classList.add('improve-memory-lane')
             /* story shadows */
             if(mShadows?.length)
                 improveMemoryLane.appendChild(mCreateMemoryShadows(id))
-            /* share memory panel */
-            const shareMemory = document.createElement('div')
-            shareMemory.classList.add('share-memory-container')
-            shareMemory.id = `share-memory_${ id }`
-            shareMemory.name = 'share-memory-container'
-            const shareMemoryActorSelect = document.createElement('div')
-            shareMemoryActorSelect.classList.add('share-memory-select')
-            shareMemoryActorSelect.title = `Select the actor or narrator for the story. Who should tell your story? Or who will play "you"?`
-            /* actor */
-            const actorList = ['Biographer', 'My Avatar', 'Member avatar', 'Q', 'MyLife Professional Actor', 'Custom']
-            const actor = document.createElement('select')
-            actor.classList.add('share-memory-actor-select')
-            actor.dataset.id = id
-            actor.dataset.type = `actor`
-            actor.id = `share-memory-actor-select_${ id }`
-            actor.name = 'share-memory-actor-select'
-            /* actor/narrator label; **note**: for instance if member has tuned a specific bot of theirs to have an outgoing voice they like */
-            const actorLabel = document.createElement('label')
-            actorLabel.classList.add('share-memory-actor-select-label')
-            actorLabel.htmlFor = actor.id
-            actorLabel.id = `share-memory-actor-select-label_${ id }`
-            actorLabel.textContent = 'Actor/Narrator:'
-            shareMemoryActorSelect.appendChild(actorLabel)
-            const actorOption = document.createElement('option')
-            actorOption.disabled = true
-            actorOption.selected = true
-            actorOption.value = ''
-            actorOption.textContent = 'Select narrator...'
-            actor.appendChild(actorOption)
-            actorList.forEach(option=>{
-                const actorOption = document.createElement('option')
-                actorOption.selected = false
-                actorOption.textContent = option
-                actorOption.value = option
-                actor.appendChild(actorOption)
-            })
-            actor.addEventListener('change', mStory)
-            shareMemoryActorSelect.appendChild(actor)
-            shareMemory.appendChild(shareMemoryActorSelect)
-            /* pov */
-            const shareMemoryPovSelect = document.createElement('div')
-            shareMemoryPovSelect.classList.add('share-memory-select')
-            shareMemoryPovSelect.title = `This refers to the position of the "listener" in the story. Who is the listener? Are they referred to as the protagonist? Antagonist? A particular person or character in your story?`
-            const povList = ['Me', 'Protagonist', 'Antagonist', 'Character',]
-            const pov = document.createElement('select')
-            pov.classList.add('share-memory-pov-select')
-            pov.dataset.id = id
-            pov.dataset.type = `pov`
-            pov.id = `share-memory-pov-select_${ id }`
-            pov.name = 'share-memory-pov-select'
-            /* pov label */
-            const povLabel = document.createElement('label')
-            povLabel.classList.add('share-memory-pov-select-label')
-            povLabel.htmlFor = pov.id
-            povLabel.id = `share-memory-pov-select-label_${ id }`
-            povLabel.textContent = 'Point of View:'
-            shareMemoryPovSelect.appendChild(povLabel)
-            const povOption = document.createElement('option')
-            povOption.disabled = true
-            povOption.selected = true
-            povOption.value = ''
-            povOption.textContent = 'Select listener vantage...'
-            pov.appendChild(povOption)
-            povList.forEach(option=>{
-                const povOption = document.createElement('option')
-                povOption.value = option
-                povOption.textContent = option
-                pov.appendChild(povOption)
-            })
-            pov.addEventListener('change', mStory)
-            shareMemoryPovSelect.appendChild(pov)
-            shareMemory.appendChild(shareMemoryPovSelect)
-            /* narrative context */
-            const narrativeContext = document.createElement('textarea')
-            narrativeContext.classList.add('share-memory-context')
-            narrativeContext.dataset.id = id
-            narrativeContext.dataset.previousValue = ''
-            narrativeContext.dataset.type = `narrative`
-            narrativeContext.id = `share-memory-context_${ id }`
-            narrativeContext.name = 'share-memory-context'
-            narrativeContext.placeholder = 'How should the story be told? Should it be scary? humorous? choose your own adventure?'
-            narrativeContext.title = `How should the story be told? Should it be scary? humorous? Will it be a choose your own adventure that deviates from the reality of your memory?`
-            narrativeContext.value = narrativeContext.dataset.previousValue
-            narrativeContext.addEventListener('blur', mStoryContext)
-            shareMemory.appendChild(narrativeContext)
-            /* play memory */
-            const memoryPlay = document.createElement('button')
-            memoryPlay.classList.add('relive-memory')
-            memoryPlay.dataset.id = id
-            memoryPlay.id = `relive-memory_${ id }`
-            memoryPlay.name = 'relive-memory'
-            memoryPlay.textContent = 'Relive Memory'
-            memoryPlay.addEventListener('click', mReliveMemory, { once: true })
-            shareMemory.appendChild(memoryPlay)
-            improveMemoryLane.appendChild(shareMemory)
-            // play memory
+            /* relive memory panel */
+            const reliveMemory = document.createElement('div')
+            reliveMemory.classList.add('relive-memory-container')
+            reliveMemory.id = `relive-memory_${ id }`
+            reliveMemory.name = 'relive-memory-container'
+            /* relive memory explanation */
+            const reliveExplanation = document.createElement('div')
+            reliveExplanation.classList.add('relive-memory-explanation')
+            reliveExplanation.id = `relive-memory-explanation_${ id }`
+            reliveExplanation.name = 'relive-memory-explanation'
+            reliveExplanation.textContent = 'Relive a memory by clicking the button below. This will bring up the memory in chat, where you can add to it, or simply enjoy reliving it!'
+            /* relive memory button */
+            const reliveButton = document.createElement('button')
+            reliveButton.classList.add('relive-memory-button', 'button')
+            reliveButton.dataset.id = id /* required for triggering PATCH */
+            reliveButton.id = `relive-memory-button_${ id }`
+            reliveButton.name = 'relive-memory-button'
+            reliveButton.textContent = 'Relive Memory'
+            reliveButton.addEventListener('click', mReliveMemory, { once: true })
+            /* append elements */
+            reliveMemory.appendChild(reliveExplanation)
+            reliveMemory.appendChild(reliveButton)
+            improveMemoryLane.appendChild(reliveMemory)
             /* memory media-carousel */
             const memoryCarousel = document.createElement('div')
             memoryCarousel.classList.add('memory-carousel')
@@ -975,17 +911,16 @@ async function mDeleteCollectionItem(event){
     event.stopPropagation()
     const id = event.target.id.split('_').pop()
     const item = document.getElementById(`collection-item_${ id }`)
-    console.log('Delete collection item:', id, event.target, item)
-    if(!item)
-        throw new Error(`Collection item not found for deletion request.`)
-    /* talk to server */
-    const url = window.location.origin + '/members/items/' + id
-    const method = 'DELETE'
-    let response = await fetch(url, { method: method })
-    response = await response.json()
-    if(response){ // delete item from collection
-        hide(item)
-        item.remove()
+    /* confirmation dialog */
+    const userConfirmed = confirm("Are you sure you want to delete this item?")
+    if(userConfirmed){
+        /* talk to server */
+        const url = window.location.origin + '/members/items/' + id
+        const method = 'DELETE'
+        let response = await fetch(url, { method: method })
+        response = await response.json()
+        if(response) // delete item from collection
+            expunge(item)
     } else
         item.addEventListener('click', mDeleteCollectionItem, { once: true })
 }
@@ -1105,15 +1040,19 @@ function mOpenStatusDropdown(element){
             dropdown.classList.toggle('open')
 }
 /**
- * Refresh collection on click.
+ * Refresh designated collection from server.
  * @this - collection-refresh
  * @param {string} type - The collection type.
- * @param {HTMLDivElement} collectionList - The collection list.
+ * @param {HTMLDivElement} collectionList - The collection list, defaults to `collection-list-${ type }`.
  * @returns {void}
  */
 async function mRefreshCollection(type, collectionList){
     if(!mLibraries.includes(type))
         throw new Error(`Library collection not implemented.`)
+    collectionList = collectionList
+        ?? document.getElementById(`collection-list-${ type }`)
+    if(!collectionList)
+        throw new Error(`No collection list found for refresh request.`)
     const collection = await fetchCollections(type)
     mUpdateCollection(type, collectionList, collection)
 }
@@ -1121,23 +1060,26 @@ async function mReliveMemory(event){
     event.preventDefault()
     event.stopPropagation()
     const { id, inputContent, } = this.dataset
+    const previousInput = document.getElementById(`relive-memory-input-container_${id}`)
+    if(previousInput)
+        expunge(previousInput)
     const popupClose = document.getElementById(`popup-close_${ id }`)
     if(popupClose)
         popupClose.click()
     const { command, parameters, messages, success, } = await mReliveMemoryRequest(id, inputContent)
     if(success){
         addMessages(messages)
-        // @todo - create this function in member, as it will display it in chat and pipe it back here as below
         const input = document.createElement('div')
-        // id alone is not unique!; input.id = `input_${ id }`
-        input.name = `input_${ id }`
         input.classList.add('memory-input-container')
+        input.id = `relive-memory-input-container_${ id }`
+        input.name = `input_${ id }`
         const inputContent = document.createElement('textarea')
         inputContent.classList.add('memory-input')
         inputContent.name = `memory-input_${ id }`
         const inputSubmit = document.createElement('button')
         inputSubmit.classList.add('memory-input-button')
         inputSubmit.dataset.id = id
+        inputSubmit.textContent = mDefaultReliveMemoryButtonText
         input.appendChild(inputContent)
         input.appendChild(inputSubmit)
         inputContent.addEventListener('input', event=>{
@@ -1145,7 +1087,7 @@ async function mReliveMemory(event){
             inputSubmit.dataset.inputContent = value
             inputSubmit.textContent = value.length > 2
                 ? 'update'
-                : 'next'
+                : mDefaultReliveMemoryButtonText
         })
         inputSubmit.addEventListener('click', mReliveMemory, { once: true })
         addInput(input)
@@ -1201,6 +1143,7 @@ async function mSetBot(bot){
         return true
     } catch (error) {
         console.log('Error posting bot data:', error)
+        alert('Error posting bot data:', error.message)
         return false
     }
 }
@@ -1511,17 +1454,6 @@ async function mToggleBotContainers(event){
             mOpenStatusDropdown(this)
             break
         case 'update':
-            const { bot_name, id, interests, type, } = dataset
-            const updateBot = {
-                bot_name: bot_name,
-                id: id,
-                type: type,
-            }
-            if(interests?.length)
-                updateBot.interests = interests
-            if(!await mSetBot(updateBot))
-                throw new Error(`Error updating bot.`)
-            break
         case 'upload':
         default:
             break
@@ -1540,31 +1472,24 @@ async function mToggleCollectionItems(event){
     /* constants */
     const { target, } = event /* currentTarget=collection-bar, target=interior divs */
     const { dataset, id, } = this
-    const collectionType = id.split('-').pop()
-    const collectionList = document.getElementById(`collection-list-${ collectionType }`)
+    const type = id.split('-').pop()
+    const refreshTrigger = document.getElementById(`collection-refresh-${ type }`)
+    const isRefresh = target.id===refreshTrigger.id
+    const itemList = document.getElementById(`collection-list-${ type }`)
     /* validation */
-    if(!collectionList)
+    if(!itemList)
         throw new Error(`Collection list not found for toggle.`)
     /* functionality */
-    if(!dataset?.init){ // first click
-        const refreshTrigger = document.getElementById(`collection-refresh-${ collectionType }`)
-        if(!refreshTrigger)
-            throw new Error(`Collection refresh not found for toggle.`)
-        dataset.init = true
-        refreshTrigger.click() // retriggers this event, but will bypass this block
-        return
-    }
-    /* toggle */
-    if(target.id===`collection-refresh-${ collectionType }`){ // refresh
-        const collectionList = document.getElementById(`collection-list-${ collectionType }`)
-        if(!collectionList)
-            throw new Error(`associated collection list not found for refresh command`)
-        // @stub - spin recycle symbol while servering
-        await mRefreshCollection(collectionType, collectionList)
+    if(dataset.init!=='true' || isRefresh){ // first click or refresh
+        show(refreshTrigger)
+        refreshTrigger.classList.add('spin')
+        await mRefreshCollection(type)
+        dataset.init = 'true'
+        refreshTrigger.classList.remove('spin')
         show(target)
-        show(collectionList) // even if `none`
+        show(itemList) // even if `none`
     } else
-        toggleVisibility(collectionList)
+        toggleVisibility(itemList)
 }
 /**
  * Toggles passphrase input visibility.
@@ -1606,9 +1531,10 @@ function mTogglePopup(event){
     if(!popup)
         throw new Error(`Popup not found: ${ popupId }`)
     const { active, } = popup.dataset
-    if(active==='true'){ /* close */
-        console.log('mTogglePopup::closing:', popupId, popup.dataset, active)
+    const isClose = event.target?.dataset?.isClose
+    if(active=='true' || isClose){ /* close */
         popup.dataset.active = 'false'
+        popup.style.opacity = 0
         hide(popup)
     } else { /* open */
         const { title, type, } = popup.dataset
@@ -1813,6 +1739,9 @@ function mUpdateBotContainerAddenda(botContainer){
                     if(botTitleName)
                         botTitleName.textContent = bot_name
                     localVars.bot_name = bot_name
+                    /* update mBot */
+                    const bot = mBot(id)
+                    bot.bot_name = bot_name
                 } else {
                     dataset.bot_name = localVars.bot_name
                 }
@@ -1837,8 +1766,15 @@ function mUpdateBotContainerAddenda(botContainer){
                     const collectionBar = document.getElementById(`collection-bar-${ id }`)
                     if(collectionBar){
                         const { dataset, } = collectionBar
+                        const itemList = document.getElementById(`collection-list-${ id }`)
+                        dataset.init = itemList.querySelectorAll(`.${ id }-collection-item`).length > 0
+                                ? 'true' // externally refreshed
+                                : dataset.init // tested empty
+                                    ?? 'false'
+                        /* update collection list */
+                        console.log('Library collection init:', dataset.init, id)
                         const refresh = document.getElementById(`collection-refresh-${ id }`)
-                        if(!dataset?.init && refresh) // first click
+                        if(dataset.init!=='true' && refresh) // first click
                             hide(refresh)
                         collectionBar.addEventListener('click', mToggleCollectionItems)
                     }
@@ -2021,8 +1957,8 @@ async function mUploadFilesInput(fileInput, uploadParent, uploadButton){
             })
             const { files, message, success, } = await response.json()
             const type = 'file'
-            const collectionList = document.getElementById(`collection-list-${ type }`)
-            mUpdateCollection(type, collectionList, files)
+            const itemList = document.getElementById(`collection-list-${ type }`)
+            mUpdateCollection(type, itemList, files)
             console.log('mUploadFilesInput()::files', files, uploads, type)
         }
     }, { once: true })
@@ -2042,6 +1978,7 @@ export {
     fetchTeam,
     fetchTeams,
     getBot,
+    refreshCollection,
     setActiveBot,
     updatePageBots,
 }
\ No newline at end of file
diff --git a/views/assets/js/globals.mjs b/views/assets/js/globals.mjs
index 5aa4f7f..3ec8339 100644
--- a/views/assets/js/globals.mjs
+++ b/views/assets/js/globals.mjs
@@ -112,6 +112,16 @@ class Globals {
 		const escapedText = text.replace(/[&<>"']/g, m=>(map[m]) )
 		return escapedText
 	}
+    /**
+     * Deletes an element from the DOM via Avatar functionality.
+     * @todo - build out cases so that intelligence can be employed when removing elements from DOM
+     * @param {HTMLElement} element - The element to expunge.
+     * @returns {void}
+     */
+    expunge(element){
+        this.hide(element) /* trigger any animations */
+        element.remove()
+    }
     async fetchShadows(){
         return await mFetchShadows()
     }
diff --git a/views/assets/js/guests.mjs b/views/assets/js/guests.mjs
index 6bd59bb..9635734 100644
--- a/views/assets/js/guests.mjs
+++ b/views/assets/js/guests.mjs
@@ -3,9 +3,9 @@ import Globals from './globals.mjs'
 /* precursor constants */
 const mGlobals = new Globals()
 /* constants */
-const mAvatarName = mGlobals.getAvatar()?.name
+const mAvatarName = mGlobals.getAvatar()?.name ?? 'MyLife'
 const hide = mGlobals.hide
-const mPlaceholder = `Type a message to ${ mAvatarName }...`
+const mPlaceholder = `Type your message to ${ mAvatarName }...`
 const retract = mGlobals.retract
 const show = mGlobals.show
 /* variables */
@@ -65,11 +65,18 @@ function mAddMessage(message, options={}){
 		typeDelay=mDefaultTypeDelay,
 		typewrite=true,
 	} = options
+    const role = bubbleClass.split('-')[0]
+    /* message container */
+    const chatMessage = document.createElement('div')
+    chatMessage.classList.add('chat-message-container', `chat-message-container-${ role }`)
+    /* message bubble */
 	const chatBubble = document.createElement('div')
-	chatBubble.id = `chat-bubble-${mChatBubbleCount}`
-	chatBubble.className = `chat-bubble ${bubbleClass}`
-	mChatBubbleCount++
-	chatSystem.appendChild(chatBubble)
+	chatBubble.classList.add('chat-bubble', (bubbleClass ?? role+'-bubble'))
+    chatBubble.id = `chat-bubble-${ mChatBubbleCount }`
+    mChatBubbleCount++
+    /* append children */
+    chatMessage.appendChild(chatBubble)
+	chatSystem.appendChild(chatMessage)
 	if(typewrite)
         mTypeMessage(chatBubble, message, typeDelay, callback)
 	else {
diff --git a/views/assets/js/members.mjs b/views/assets/js/members.mjs
index a854829..49ac926 100644
--- a/views/assets/js/members.mjs
+++ b/views/assets/js/members.mjs
@@ -9,6 +9,7 @@ import {
 } from './experience.mjs'
 import {
     activeBot,
+    refreshCollection,
     setActiveBot as _setActiveBot,
 } from './bots.mjs'
 import Globals from './globals.mjs'
@@ -96,7 +97,6 @@ function addMessages(messages, options={}){
  * @returns {HTMLDivElement} - The moderator modified element.
  */
 function assignElements(parent=chatInput, elements, clear=true){
-    console.log('assignElements()', parent, elements, clear)
     if(clear)
         while(parent.firstChild)
             parent.removeChild(parent.firstChild)
@@ -119,12 +119,20 @@ function clearSystemChat(){
  */
 function decorateActiveBot(activeBot=activeBot()){
     const { bot_name, id, purpose, type, } = activeBot
-    chatInputField.placeholder = `type your message to ${ bot_name }...`
+    chatInputField.placeholder = `Type your message to ${ bot_name }...`
     // additional func? clear chat?
 }
 function escapeHtml(text) {
     return mGlobals.escapeHtml(text)
 }
+/**
+ * Deletes an element from the DOM via Avatar functionality.
+ * @param {HTMLElement} element - The element to expunge.
+ * @returns {void}
+ */
+function expunge(element){
+    return mGlobals.expunge(element)
+}
 /**
  * Fetches the summary via PA for a specified file.
  * @param {string} fileId - The file ID.
@@ -226,28 +234,6 @@ function replaceElement(element, newType, retainValue=true, onEvent, listenerFun
 async function setActiveBot(){
     return await _setActiveBot(...arguments)
 }
-async function setActiveCategory(category, contributionId, question) {
-    const url = '/members/category'; // Replace with your server's URL
-    const data = {
-        contributionId: contributionId,
-        category: category,
-        question: question
-    }
-    let response = await fetch(url, {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json'
-        },
-        body: JSON.stringify(data)
-    })
-    if (!response.ok)
-        throw new Error(`HTTP error! Status: ${response.status}`);
-    response = await response.json()
-    activeCategory = {
-        contributionId: response.contributionId,
-        category: response.category,
-    }
-}
 /**
  * Proxy for Globals.show().
  * @public
@@ -390,22 +376,57 @@ async function mAddMessage(message, options={}){
 		typeDelay=2,
 		typewrite=true,
 	} = options
+    /* message container */
+    const chatMessage = document.createElement('div')
+    chatMessage.classList.add('chat-message-container', `chat-message-container-${ role }`)
+    /* message bubble */
 	const chatBubble = document.createElement('div')
-    chatBubble.id = `chat-bubble-${mChatBubbleCount}`
 	chatBubble.classList.add('chat-bubble', (bubbleClass ?? role+'-bubble'))
+    chatBubble.id = `chat-bubble-${mChatBubbleCount}`
     mChatBubbleCount++
-	systemChat.appendChild(chatBubble)
+    /* message tab */
+    const chatMessageTab = document.createElement('div')
+    chatMessageTab.id = `chat-message-tab-${mChatBubbleCount}`
+    chatMessageTab.classList.add('chat-message-tab', `chat-message-tab-${ role }`)
+    const chatCopy = document.createElement('i')
+    chatCopy.classList.add('fas', 'fa-copy', 'chat-copy')
+    /* attach children */
+    chatMessageTab.appendChild(chatCopy)
+    chatMessage.appendChild(chatBubble)
+    chatMessage.appendChild(chatMessageTab)
+	systemChat.appendChild(chatMessage)
+    /* assign listeners */
+    chatBubble.addEventListener('mouseover', event=>{
+        chatMessageTab.classList.add('chat-message-tab-hover', `chat-message-tab-hover-${ role }`)
+    })
+    chatCopy.addEventListener('click', event=>{
+        navigator.clipboard.writeText(message).then(_=>{
+            chatCopy.classList.remove('fa-copy')
+            chatCopy.classList.add('fa-check')
+            setTimeout(_=>{
+                chatCopy.classList.remove('fa-check')
+                chatCopy.classList.add('fa-copy')
+            }, 2000)
+        }).catch(err => {
+            console.error('Failed to copy: ', err)
+        })
+    })
+    chatMessage.addEventListener('mouseleave', event => {
+        console.log('chatBubble::mouseleave', chatMessageTab.classList)
+        chatMessageTab.classList.remove('chat-message-tab-hover', `chat-message-tab-hover-${ role }`)
+    })
+    /* print chat message */
 	if(typewrite)
         mTypeMessage(chatBubble, message, typeDelay)
-	else {
-		chatBubble.insertAdjacentHTML('beforeend', message)
+    else {
+        chatBubble.insertAdjacentHTML('beforeend', message)
         mScrollBottom()
 	}
 }
 async function mFetchExperiences(){
     let response = await fetch('/members/experiences/')
     if(!response.ok)
-        throw new Error(`HTTP error! Status: ${response.status}`)
+        throw new Error(`HTTP error! Status: ${ response.status }`)
     response = await response.json()
     return response
 }
@@ -444,6 +465,8 @@ function getActiveCategory(){
  * @returns {Promise<boolean>} - The return is a boolean indicating success.
  */
 async function mInitialize(){
+    /* fetch primary collections */
+    await refreshCollection('story') // memories required
     /* page listeners */
     mInitializePageListeners()
 }
@@ -677,6 +700,7 @@ export {
     clearSystemChat,
     decorateActiveBot,
     escapeHtml,
+    expunge,
     fetchSummary,
     getInputValue,
     getSystemChat,
@@ -688,7 +712,6 @@ export {
     sceneTransition,
     seedInput,
     setActiveBot,
-    setActiveCategory,
     show,
     showMemberChat,
     showSidebar,