Feat/meeting recorder

src/components/chat/ChatInterface.vue

@@ -334,6 +334,7 @@
     <ShareModal
       :show-dialog="showShareModal"
       :session-id="sessionToShare?.session_id"
+      :is-public="sessionToShare?.is_public"
       :on-make-public="makeSessionPublic"
       @close="showShareModal = false"
     />

src/components/hooks/useVideoDBAgent.js

@@ -208,6 +208,14 @@ export function useVideoDBAgent(config) {
       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,
+        };
+      }
     } catch (error) {
       res.status = "error";
       res.success = false;

src/components/modals/ShareModal.vue

@@ -24,9 +24,9 @@
       </div>
 
       <!-- Description -->
-      <p class="vdb-c-mb-16 vdb-c-text-sm vdb-c-text-gray-600">
-        A public link to your chat has been created. Manage previously shared
-        chats at any time via Settings.
+      <p class="vdb-c-mb-16 vdb-c-text-sm vdb-c-text-black">
+        Share the link with everyone to show all the cool things you made
+        {{ ":)" }}
       </p>
 
       <!-- Loading State -->
@@ -51,7 +51,7 @@
           <input
             :value="publicLink"
             readonly
-            class="vdb-c-flex-1 vdb-c-border-none vdb-c-bg-transparent vdb-c-text-sm vdb-c-text-gray-800 vdb-c-outline-none"
+            class="vdb-c-flex-1 vdb-c-border-none vdb-c-bg-transparent vdb-c-text-sm vdb-c-text-black vdb-c-outline-none"
           />
           <button
             @click="copyLink"
@@ -149,6 +149,10 @@ const props = defineProps({
     type: String,
     default: "",
   },
+  isPublic: {
+    type: Boolean,
+    default: false,
+  },
   onMakePublic: {
     type: Function,
     required: true,
@@ -184,7 +188,7 @@ const copyLink = async () => {
 };
 
 const shareOnLinkedIn = () => {
-  const url = `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(publicLink.value)}`;
+  const url = `https://www.linkedin.com/feed/?shareActive=true&text=${encodeURIComponent("Check out this chat session from VideoDB Director! \n" + publicLink.value)}`;
   window.open(url, "_blank");
 };
 
@@ -198,11 +202,41 @@ const shareOnX = () => {
   window.open(url, "_blank");
 };
 
+const initializeShare = async (sid) => {
+  if (!sid || !props.showDialog) return;
+  if (props.isPublic) {
+    publicLink.value = `${window.location.origin}/share/${sid}`;
+    isLoading.value = false;
+    error.value = "";
+    return;
+  }
+  isLoading.value = true;
+  error.value = "";
+  publicLink.value = "";
+  try {
+    const result = await props.onMakePublic(sid);
+    if (result.success) {
+      publicLink.value = `${window.location.origin}/share/${sid}`;
+    } else {
+      error.value = result.error || "Failed to create public link";
+    }
+  } catch (err) {
+    error.value = "Failed to create public link";
+    console.error("Error making session public:", err);
+  } finally {
+    isLoading.value = false;
+  }
+};
+
 // Watch for sessionId changes and make session public
 watch(
   () => props.sessionId,
   async (newSessionId) => {
     if (newSessionId && props.showDialog) {
+      if (props.isPublic) {
+        publicLink.value = `${window.location.origin}/share/${newSessionId}`;
+        return;
+      }
       isLoading.value = true;
       error.value = "";
       publicLink.value = "";
@@ -224,6 +258,16 @@ watch(
   },
   { immediate: true },
 );
+
+// Re-run initialization whenever the modal is opened
+watch(
+  () => props.showDialog,
+  async (isOpen) => {
+    if (isOpen) {
+      await initializeShare(props.sessionId);
+    }
+  },
+);
 </script>
 
 <style scoped>