From bbbfd3d1f9fad0e911cd93d15e9fd315068621f0 Mon Sep 17 00:00:00 2001
From: omgate234 <om@videodb.io>
Date: Wed, 24 Sep 2025 18:24:10 +0530
Subject: [PATCH 1/4] custom canvas handling with accurate scroll to bottom

---
 src/components/chat/ChatInterface.vue        | 32 ++++++++++++++++----
 src/components/chat/ChatMessage.vue          |  7 ++++-
 src/components/chat/ChatMessageContainer.vue |  6 ++--
 3 files changed, 35 insertions(+), 10 deletions(-)

diff --git a/src/components/chat/ChatInterface.vue b/src/components/chat/ChatInterface.vue
index a082cd3..b43a19f 100644
--- a/src/components/chat/ChatInterface.vue
+++ b/src/components/chat/ChatInterface.vue
@@ -472,6 +472,10 @@ const props = defineProps({
     type: Boolean,
     default: true,
   },
+  customCanvasHandlers: {
+    type: Array,
+    default: () => [],
+  },
 });
 const emit = defineEmits([]);
 
@@ -579,6 +583,14 @@ registerMessageHandler("meeting_recorder", MeetingRecorder);
 
 registerCanvasHandler("meeting_recorder", MeetingRecorderCanvas);
 
+if (Array.isArray(props.customCanvasHandlers)) {
+  for (const handler of props.customCanvasHandlers) {
+    if (handler && handler.type && handler.component) {
+      registerCanvasHandler(handler.type, handler.component);
+    }
+  }
+}
+
 const isStaticPage = ref(false);
 const chatWindowRef = ref(null);
 const headerRef = ref(null);
@@ -729,20 +741,28 @@ watch(
   { immediate: true },
 );
 
-const scrollToBottom = () => {
+const scrollToLatestUserMessage = () => {
   const chatWindow = chatWindowRef.value;
   if (!chatWindow) return;
+
   nextTick(() => {
-    chatWindow.scroll({
-      top: chatWindow.scrollHeight,
-      behavior: "smooth",
-    });
+    const userMessages = chatWindow.querySelectorAll('[data-msg-type="input"]');
+
+    if (userMessages.length > 0) {
+      const latestUserMessage = userMessages[userMessages.length - 1];
+
+      latestUserMessage.scrollIntoView({
+        behavior: "smooth",
+        block: "start",
+        inline: "nearest",
+      });
+    }
   });
 };
 
 watch(chatLoading, (val) => {
   if (val) {
-    scrollToBottom();
+    scrollToLatestUserMessage();
   }
 });
 
diff --git a/src/components/chat/ChatMessage.vue b/src/components/chat/ChatMessage.vue
index 090969c..4e70979 100644
--- a/src/components/chat/ChatMessage.vue
+++ b/src/components/chat/ChatMessage.vue
@@ -4,7 +4,8 @@
     :class="[
       'vdb-c-flex vdb-c-h-auto vdb-c-w-full vdb-c-justify-start vdb-c-py-8 md:vdb-c-py-12',
       {
-        'vdb-c-border-b vdb-c-border-kilvish-300 vdb-c-bg-white': isUser,
+        'user-message vdb-c-border-b vdb-c-border-kilvish-300 vdb-c-bg-white':
+          isUser,
       },
     ]"
   >
@@ -105,6 +106,10 @@ const isUser = computed(() => props.message.msg_type === "input");
 const isAssistant = computed(() => props.message.msg_type === "output");
 const isSystem = computed(() => props.message.msg_type === "system");
 
+if (props.isLastConv) {
+  console.log("last message!", props.message);
+}
+
 const finalStatus = computed(() => {
   if (props.message.status === "error") {
     return "error";
diff --git a/src/components/chat/ChatMessageContainer.vue b/src/components/chat/ChatMessageContainer.vue
index 6b46b15..97539dd 100644
--- a/src/components/chat/ChatMessageContainer.vue
+++ b/src/components/chat/ChatMessageContainer.vue
@@ -1,11 +1,11 @@
 <template>
-  <div
-    class="vdb-c-relative vdb-c-h-auto vdb-c-w-full"
-  >
+  <div class="vdb-c-relative vdb-c-h-auto vdb-c-w-full">
     <div
       v-for="(message, i) in messages"
       :key="message.msg_id"
       class="vdb-c-w-full"
+      :data-msg-id="message.msg_id"
+      :data-msg-type="message.msg_type"
     >
       <chat-message
         :message="message"

From 471b17965f33de628471fc08375c55a0bb67aead Mon Sep 17 00:00:00 2001
From: omgate234 <om@videodb.io>
Date: Fri, 24 Oct 2025 21:50:18 +0530
Subject: [PATCH 2/4] removed share session feature

---
 src/components/chat/ChatInterface.vue    |  6 ------
 src/components/chat/elements/Sidebar.vue | 14 --------------
 src/components/hooks/useVideoDBAgent.js  | 24 +-----------------------
 3 files changed, 1 insertion(+), 43 deletions(-)

diff --git a/src/components/chat/ChatInterface.vue b/src/components/chat/ChatInterface.vue
index b43a19f..3c1e738 100644
--- a/src/components/chat/ChatInterface.vue
+++ b/src/components/chat/ChatInterface.vue
@@ -44,7 +44,6 @@
         "
         @session-click="handleSessionClick"
         @collection-click="handleCollectionClick"
-        @share-session="handleShareSession"
       />
 
       <!-- Main Content -->
@@ -834,11 +833,6 @@ const handleUpdateSessionName = async ({ sessionId: _sessionId, name }) => {
   }
 };
 
-const handleShareSession = (session) => {
-  sessionToShare.value = session;
-  showShareModal.value = true;
-};
-
 // --- Upload Dialog Handlers ---
 const showUploadDialog = ref(false);
 const handleUpload = async (uploadData) => {
diff --git a/src/components/chat/elements/Sidebar.vue b/src/components/chat/elements/Sidebar.vue
index d4d930a..10a52b2 100644
--- a/src/components/chat/elements/Sidebar.vue
+++ b/src/components/chat/elements/Sidebar.vue
@@ -327,15 +327,6 @@
                           >Rename</span
                         >
                       </button>
-                      <button
-                        @click.stop="shareSession(session)"
-                        class="vdb-c-mb-[2.5px] vdb-c-flex vdb-c-w-full vdb-c-items-center vdb-c-gap-8 vdb-c-rounded-lg vdb-c-px-12 vdb-c-py-8 hover:vdb-c-bg-roy"
-                      >
-                        <ShareIcon />
-                        <span class="vdb-c-text-sm vdb-c-text-black"
-                          >Share</span
-                        >
-                      </button>
                       <div
                         class="vdb-c-my-2 vdb-c-mb-[2.5px] vdb-c-h-px vdb-c-bg-[#EDEDED]"
                       ></div>
@@ -525,7 +516,6 @@ const emit = defineEmits([
   "create-collection",
   "delete-collection",
   "update-session-name",
-  "share-session",
 ]);
 
 const closeSidebar = () => {
@@ -641,10 +631,6 @@ const copySessionId = async (sessionId) => {
     console.error("Failed to copy session ID", error);
   }
 };
-
-const shareSession = (session) => {
-  emit("share-session", session);
-};
 </script>
 
 <style>
diff --git a/src/components/hooks/useVideoDBAgent.js b/src/components/hooks/useVideoDBAgent.js
index 2d6d130..054e9be 100644
--- a/src/components/hooks/useVideoDBAgent.js
+++ b/src/components/hooks/useVideoDBAgent.js
@@ -191,31 +191,9 @@ export function useVideoDBAgent(config) {
   const makeSessionPublic = async (sessionId, isPublic = true) => {
     const res = {};
     try {
-      const response = await fetch(`${httpUrl}/session/${sessionId}/public`, {
-        method: "PUT",
-        headers: {
-          Accept: "application/json",
-          "Content-Type": "application/json",
-        },
-        body: JSON.stringify({ is_public: isPublic }),
-      });
-
-      if (!response.ok) {
-        throw new Error("Network response was not ok");
-      }
-
-      const data = await response.json();
       res.status = "success";
       res.success = true;
-      res.data = data;
-
-      const idx = sessions.value.findIndex((s) => s.session_id === sessionId);
-      if (idx !== -1) {
-        sessions.value[idx] = {
-          ...sessions.value[idx],
-          is_public: isPublic,
-        };
-      }
+      res.data = {};
     } catch (error) {
       res.status = "error";
       res.success = false;

From f66927a833c51c47f30eeeefeca34ed43a59d963 Mon Sep 17 00:00:00 2001
From: omgate234 <om@videodb.io>
Date: Fri, 24 Oct 2025 21:56:50 +0530
Subject: [PATCH 3/4] feat: prepare script for git install

---
 package.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 02c5e90..d951ad1 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,8 @@
     "lint": "eslint 'src/**/*.{ts,vue}'",
     "test": "vitest",
     "test-ci": "vitest --run",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "prepare": "npm run build"
   },
   "peerDependencies": {
     "vue": "^3.0.4"

From ff5fb89cb27b8a3a54238c3d54ba069e06c945cd Mon Sep 17 00:00:00 2001
From: omgate234 <om@videodb.io>
Date: Fri, 24 Oct 2025 22:10:34 +0530
Subject: [PATCH 4/4] remove logs

---
 src/components/chat/ChatInterface.vue          | 2 +-
 src/components/chat/ChatMessage.vue            | 4 ----
 src/components/chat/elements/DefaultScreen.vue | 2 --
 3 files changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/components/chat/ChatInterface.vue b/src/components/chat/ChatInterface.vue
index 3c1e738..f73ba51 100644
--- a/src/components/chat/ChatInterface.vue
+++ b/src/components/chat/ChatInterface.vue
@@ -566,7 +566,7 @@ watch(chatAttachments, async (newAttachments) => {
           throw Error("Upload failed");
         }
       } catch (e) {
-        console.log("something went wrong", e);
+        console.error("something went wrong", e);
         attachment.upload_status = "error";
       }
     }
diff --git a/src/components/chat/ChatMessage.vue b/src/components/chat/ChatMessage.vue
index 4e70979..41dba8b 100644
--- a/src/components/chat/ChatMessage.vue
+++ b/src/components/chat/ChatMessage.vue
@@ -106,10 +106,6 @@ const isUser = computed(() => props.message.msg_type === "input");
 const isAssistant = computed(() => props.message.msg_type === "output");
 const isSystem = computed(() => props.message.msg_type === "system");
 
-if (props.isLastConv) {
-  console.log("last message!", props.message);
-}
-
 const finalStatus = computed(() => {
   if (props.message.status === "error") {
     return "error";
diff --git a/src/components/chat/elements/DefaultScreen.vue b/src/components/chat/elements/DefaultScreen.vue
index 334882f..cf724f8 100644
--- a/src/components/chat/elements/DefaultScreen.vue
+++ b/src/components/chat/elements/DefaultScreen.vue
@@ -259,8 +259,6 @@ const props = defineProps({
   },
 });
 
-console.log(props.isContentLoading, props.previewMedia);
-
 const collectionName = computed(() => props.collectionData?.name);
 
 defineEmits([