Merge branch 'main' into feat/linting

Author: matheusmaldaner

frontend/src/components/views/manager.tsx

@@ -364,8 +364,13 @@ export const SessionManager: React.FC = () => {
 
   const chatViews = useMemo(() => {
     return sessions.map((s: Session) => {
+<<<<<<< feat/linting
       const status = s.id ? sessionRunStatuses[s.id] as RunStatus : undefined;
       const isSessionPotentiallyActive = status ? [
+=======
+      const status = (s.id ? sessionRunStatuses[s.id] : undefined) as RunStatus;
+      const isSessionPotentiallyActive = [
+>>>>>>> main
         "active",
         "awaiting_input",
         "pausing",

frontend/src/components/views/sidebar.tsx

@@ -111,7 +111,7 @@ export const Sidebar: React.FC<SidebarProps> = ({
         return (
           <div key={s.id} className="relative">
             <div
-              className={`group flex items-center justify-between p-2 py-1 text-sm ${
+              className={`group flex items-center p-2 py-1 text-sm ${
                 isLoading
                   ? "pointer-events-none opacity-50"
                   : "cursor-pointer hover:bg-tertiary"
@@ -131,18 +131,17 @@ export const Sidebar: React.FC<SidebarProps> = ({
               tabIndex={isLoading ? -1 : 0}
               aria-label={`Select session ${s.name}`}
             >
-              <div className="flex items-center gap-2 flex-1">
-                <span className="truncate text-sm">
-                  {s.name.slice(0, 20)}
-                  {s.name.length > 20 ? "..." : ""}
+              <div className="flex items-center gap-2 flex-1 min-w-0">
+                <span className="truncate text-sm max-w-[140px]">
+                  {s.name}
                 </span>
                 {s.id && (
                   <SessionRunStatusIndicator
                     status={sessionRunStatuses[s.id]}
                   />
                 )}
               </div>
-              <div className="flex gap-2 opacity-0 group-hover:opacity-100 transition-opacity">
+              <div className="flex gap-2 opacity-0 group-hover:opacity-100 transition-opacity w-8 justify-end flex-shrink-0">
                 <Dropdown
                   trigger={["click"]}
                   overlay={

src/magentic_ui/tools/playwright/browser/headless_docker_playwright_browser.py

@@ -35,7 +35,7 @@ class HeadlessDockerPlaywrightBrowser(
 
     Properties:
         browser_address (str): Returns the WebSocket address for connecting to the browser.
-            Format: "ws://localhost:{playwright_port}"
+            Format: "ws://127.0.0.1:{playwright_port}" (or container name if inside_docker=True)
 
     Example:
         ```python
@@ -61,7 +61,7 @@ def __init__(
         self._hostname = (
             f"magentic-ui-headless-browser_{self._playwright_port}"
             if inside_docker
-            else "localhost"
+            else "127.0.0.1"
         )
 
     @property

src/magentic_ui/tools/playwright/browser/vnc_docker_playwright_browser.py

@@ -97,7 +97,7 @@ def __init__(
         self._hostname = (
             f"magentic-ui-vnc-browser_{self._playwright_websocket_path}_{self._novnc_port}"
             if inside_docker
-            else "localhost"
+            else "127.0.0.1"
         )
         self._docker_name = f"magentic-ui-vnc-browser_{self._playwright_websocket_path}_{self._novnc_port}"
 
@@ -117,7 +117,7 @@ def _generate_new_browser_address(self) -> None:
         self._hostname = (
             f"magentic-ui-vnc-browser_{self._playwright_websocket_path}_{self._novnc_port}"
             if self._inside_docker
-            else "localhost"
+            else "127.0.0.1"
         )
         self._docker_name = f"magentic-ui-vnc-browser_{self._playwright_websocket_path}_{self._novnc_port}"
         playwright_sock.close()