nice pop effect on selection

packages/desktop/src/components/lines/lineRow.tsx/index.tsx

@@ -104,8 +104,11 @@ export default function LineRow({
   return (
     <div
       onClick={handleSelectLine}
-      className="flex flex-row items-center justify-start gap-2 p-2 px-4 h-14 hover:bg-gray-200 cursor-pointer transition-all
+      className={`flex flex-row items-center justify-start gap-2 p-2 px-4 h-14 hover:bg-gray-200 cursor-pointer transition-all
-  last:border-b-0 border-b border-b-gray-200"
+  last:border-b-0 border-b border-b-gray-200 ${
+    selectedLineId === masterLineData.lineDetails._id.toString() &&
+    "bg-gray-200 scale-110 shadow-2xl translate-x-3"
+  }`}
     >
       {/* status dot */}
       {renderActivityIcon}

packages/desktop/src/controller/index.tsx

@@ -38,6 +38,7 @@ export function useUserSearch(searchQuery: string) {
   });
 }
 
+/** query responsible solely for getting lines and the intersection with sockets happens elsewhere */
 export function useUserLines() {
   // todo: base/source of truth for getting all of the lines for the user
   // merge with sockets + audio clip data + master data + convomember data

packages/desktop/src/pages/overlay/index.tsx

@@ -84,7 +84,7 @@ export default function Overlay() {
     console.log("socket id", socket.id);
 
     navigator.mediaDevices
-      .getUserMedia({ video: true, audio: true })
+      .getUserMedia({ video: false, audio: true })
       .then((localStream: MediaStream) => {
         setLocalUserVideoStream(localStream);