333 version 0018 updates (#338)

* 20240818 @Mookse
- versioning

* 20240818 @Mookse
- cosmetic

* 20240824 @Mookse
- remove .env version
- version in `server.mjs` -> Q-avatar

* 20240824 @Mookse
- placeholder for reliving memory in chat
- build out HTML for active item
- css for active item
- listeners
- fetch properties derived from getActiveItem() calls

* 20240826 @Mookse
- stable wip
- Visual Memory Editing Info #292

* 20240826 @Mookse
- Visual Memory Editing Info #292 cleanup

* 20240826 @Mookse
- Visual Memory Editing Info #292

* 20240827 @Mookse
- Q-chat input container visuals / css
- Q backend for chat request error: Parameter activeBotId required.

---------

Signed-off-by: Erik Jespersen <42016062+Mookse@users.noreply.github.com>

inc/js/mylife-avatar.mjs

@@ -1173,6 +1173,7 @@ class Q extends Avatar {
             message = `CONFIRM REGISTRATION PHASE: registrationId=${ this.registrationId }\n${ message }`
         if(this.isCreatingAccount)
             message = `CREATE ACCOUNT PHASE: ${ message }`
+        activeBotId = this.activeBotId
         return super.chatRequest(message, activeBotId, threadId, itemId, shadowId, conversation, processStartTime)
     }
     upload(){

views/index.html

@@ -3,14 +3,16 @@
 		<!-- Agent and User messages will be added via innerHTML here -->
 	</div>
 	<div id="chat-user" class="chat-user">
-		<div class="label-spinner-container">
-			<div id="agent-spinner" class="label-spinner spinner-grow spinner-green-glow" role="status">
-				<span class="visually-hidden"></span>
+		<div id="chat-user-container" class="chat-user-container">
+			<div class="label-spinner-container">
+				<div id="agent-spinner" class="label-spinner spinner-grow spinner-green-glow" role="status">
+					<span class="visually-hidden"></span>
+				</div>
+				<label class="label" for="chat-user-message" id="user-chat-label">chat</label>
 			</div>
-			<label class="label" for="chat-user-message" id="user-chat-label">chat</label>
+			<textarea id="chat-user-message" class="chat-input"></textarea>
+			<button id="chat-user-submit" class="button chat-submit" type="button" disabled>Submit</button>
 		</div>
-		<textarea id="chat-user-message" class="chat-input"></textarea>
-		<button id="chat-user-submit" class="button chat-submit" type="button" disabled>Submit</button>
 	</div>
 	<button id="await-button" class="await-button" type="button" disabled>
 		<span class="spinner-border spinner-border-sm await-button-spinner" role="status" aria-hidden="true"></span>