Fix allowed origin config and fix scrolling issue in FE

Author: radaron

app/core/config.py

@@ -21,5 +21,8 @@ class Settings(BaseSettings):
     def get_custom_messages(self) -> list[str]:
         return self.custom_messages.split(",")
 
+    def get_allowed_origins(self) -> list[str]:
+        return [origin.strip() for origin in self.allowed_origins.split(",")]
+
 
 settings = Settings() # type: ignore[call-arg]

app/main.py

@@ -32,7 +32,7 @@ async def lifespan(app_obj: FastAPI) -> AsyncGenerator[None, None]:
 
 app.add_middleware(
     CORSMiddleware,
-    allow_origins=[settings.allowed_origins],
+    allow_origins=settings.get_allowed_origins(),
     allow_credentials=True,
     allow_methods=["*"],
     allow_headers=["*"],

frontend/src/components/Manage/ClientCard/TerminalCard.tsx

@@ -9,10 +9,15 @@ interface TerminalProps {
 }
 
 const TerminalCard: React.FC<TerminalProps> = ({ clientName, messages, onClose }) => {
-  const terminalEndRef = useRef<HTMLDivElement>(null);
+  const terminalContainerRef = useRef<HTMLDivElement>(null);
 
   useEffect(() => {
-    terminalEndRef.current?.scrollIntoView({ behavior: 'smooth' });
+    if (terminalContainerRef.current) {
+      terminalContainerRef.current.scrollTo({
+        top: terminalContainerRef.current.scrollHeight,
+        behavior: 'smooth'
+      });
+    }
   }, [messages]);
 
   return (
@@ -50,6 +55,7 @@ const TerminalCard: React.FC<TerminalProps> = ({ clientName, messages, onClose }
 
       {/* Terminal Content */}
       <Box
+        ref={terminalContainerRef}
         sx={{
           flexGrow: 1,
           bgcolor: '#1e1e1e',
@@ -87,7 +93,6 @@ const TerminalCard: React.FC<TerminalProps> = ({ clientName, messages, onClose }
             {message}
           </Box>
         ))}
-        <div ref={terminalEndRef} />
       </Box>
     </>
   );

pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "backchannelserver"
-version = "0.3.1"
+version = "0.3.2"
 description = "BackChannel Server"
 readme = "README.md"
 requires-python = ">=3.12"