feat(hosts): keep compact row actions inline (#1547)

src/ui/sidebar/tree/HostItem/HostItem.tsx

@@ -1096,7 +1096,10 @@ export function HostItem({
         className={`flex flex-col flex-1 min-w-0 ${tokens.rowPadding} ${isCompact ? "" : "gap-[3.5px]"}`}
       >
         {/* Name row */}
-        <div data-drag-label className="flex items-center gap-1.5 min-w-0">
+        <div
+          data-drag-label
+          className={`flex items-center gap-1.5 min-w-0 ${isCompact ? "min-h-[19px]" : ""}`}
+        >
           {onToggleExpand && (
             <button
               type="button"
@@ -1190,6 +1193,23 @@ export function HostItem({
               {host.ip}
             </span>
           )}
+          {isCompact && !selectionMode && (
+            <div
+              data-testid="host-inline-actions"
+              className={`flex items-center gap-[2px] min-w-0 max-w-[60%] overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden [&>*]:shrink-0 ${alwaysShowTray || actionsOnly || trayOpenState || hoverTrayOpen ? "" : "hidden"}`}
+            >
+              {connectionButtons}
+              <div
+                className={
+                  alwaysShowTray || trayOpenState || hoverTrayOpen
+                    ? "flex items-center gap-[2px]"
+                    : "hidden"
+                }
+              >
+                {managementButtons}
+              </div>
+            </div>
+          )}
           {!selectionMode && (shouldUseClickTray || actionsOnly) && (
             <button
               title={
@@ -1239,7 +1259,8 @@ export function HostItem({
         )}
 
         {/* Connection buttons: permanent in "always"/"actionsOnly" modes, or shown once the chevron opens the tray in click mode */}
-        {!selectionMode &&
+        {!isCompact &&
+          !selectionMode &&
           (alwaysShowTray ||
             actionsOnly ||
             (shouldUseClickTray && isTrayOpen)) && (
@@ -1251,6 +1272,7 @@ export function HostItem({
           )}
 
         {/* Action tray — slides open on hover (default) or via chevron in click-tray mode */}
+        {!isCompact && (
           <div className={trayVisibilityClass}>
             {tokens.showResourceRow &&
               isOnline &&
@@ -1306,6 +1328,7 @@ export function HostItem({
               </div>
             </div>
           </div>
+        )}
         {authOverrideProtocol && (
           <HostAuthOverrideModal
             open

src/ui/sidebar/tree/SidebarTree.tsx

@@ -754,6 +754,7 @@ export function SidebarTree({
       const row = visibleRows[index];
       if (!row) return FOLDER_ROW_HEIGHT;
       if (isFolder(row.item)) return FOLDER_ROW_HEIGHT;
+      if (isCompactDensity) return 29;
       const tagExtra = showTags && row.item.tags?.length ? TAG_ROW_EXTRA : 0;
       // The resource bars only render for an online host that reported CPU/RAM.
       // Reserving their height unconditionally left a gap under every offline