added mac-like traffic lights to the top of tabshellview

ShhShell/SSH/SSHHandler.swift

@@ -185,8 +185,8 @@ class SSHHandler: @unchecked Sendable, ObservableObject {
 	}
 	
 	func setTitle(_ newTitle: String) {
-		DispatchQueue.main.async {
+		Task { @MainActor in
-			self.title = newTitle
+			withAnimation { self.title = newTitle }
 		}
 	}
 	

ShhShell/Views/Terminal/ShellTabView.swift

@@ -19,7 +19,40 @@ struct ShellTabView: View {
 	var body: some View {
 		GeometryReader { geo in
 			VStack {
-				let oneTabWidth = max(60, geo.size.width/CGFloat(container.sessionIDs.count))
+				HStack(alignment: .center, spacing: 10) {
+					Button() {
+						for session in container.sessions.values {
+							session.handler.disconnect()
+						}
+					} label: {
+						Image(systemName: "xmark.circle.fill")
+							.resizable().scaledToFit()
+							.symbolRenderingMode(.palette)
+							.foregroundStyle(
+								ColorCodable(red: 0.5411764706, green: 0, blue: 0).stColor.suiColor,
+								.red
+							)
+					}
+					Button() {
+						dismiss()
+					} label: {
+						Image(systemName: "minus.circle.fill")
+							.resizable().scaledToFit()
+							.symbolRenderingMode(.palette)
+							.foregroundStyle(
+								ColorCodable(red: 0.5764705882, green: 0.5333333333, blue: 0.2784313725).stColor.suiColor,
+								.yellow
+							)
+					}
+					Spacer()
+					Text(container.sessions[selectedID ?? UUID()]?.handler.title ?? "title")
+					Spacer()
+				}
+				.frame(height: 30)
+				.padding(10)
+				
+				let oneTabWidth = max(60, (geo.size.width-35)/CGFloat(container.sessionIDs.count))
+				HStack(alignment: .center, spacing: 0) {
 					ScrollView(.horizontal, showsIndicators: false) {
 						HStack(spacing: 0) {
 							ForEach(container.sessionIDs, id: \.self) { id in
@@ -31,15 +64,6 @@ struct ShellTabView: View {
 									Rectangle()
 										.fill(selected ? ansi7 : background)
 									HStack {
-									if selected {
-										Button() {
-											container.sessions[id]?.handler.disconnect()
-										} label: {
-											Image(systemName: "xmark.app.fill")
-												.resizable().scaledToFit()
-										}
-										.padding()
-									}
 										Spacer()
 										VStack {
 											Text(container.sessions[id]!.handler.title)
@@ -60,12 +84,17 @@ struct ShellTabView: View {
 									withAnimation { selectedID = id }
 								}
 							}
+						}
+					}
 					Button() {
 						dismiss()
 					} label: {
 						Image(systemName: "arrow.down.right.and.arrow.up.left")
+							.resizable().scaledToFit()
 					}
-					}
+					.buttonStyle(.plain)
+					.frame(width: 30)
+					.padding(.horizontal, 2.5)
 				}
 				.frame(height: 30)
 				.onAppear {