Show terminal count in panel button

crates/project_panel/src/project_panel.rs

@@ -1327,11 +1327,7 @@ impl Entity for ProjectPanel {
     type Event = Event;
 }
 
-impl workspace::dock::Panel for ProjectPanel {
+impl workspace::dock::Panel for ProjectPanel {}
-    fn should_show_badge(&self, _: &AppContext) -> bool {
-        false
-    }
-}
 
 impl ClipboardEntry {
     fn is_cut(&self) -> bool {

crates/terminal_view/src/terminal_panel.rs

@@ -16,7 +16,7 @@ pub struct TerminalPanel {
     project: ModelHandle<Project>,
     pane: ViewHandle<Pane>,
     workspace: WeakViewHandle<Workspace>,
-    _subscription: Subscription,
+    _subscriptions: Vec<Subscription>,
 }
 
 impl TerminalPanel {
@@ -37,12 +37,15 @@ impl TerminalPanel {
             });
             pane
         });
-        let subscription = cx.subscribe(&pane, Self::handle_pane_event);
+        let subscriptions = vec![
+            cx.observe(&pane, |_, _, cx| cx.notify()),
+            cx.subscribe(&pane, Self::handle_pane_event),
+        ];
         Self {
             project: workspace.project().clone(),
             pane,
             workspace: workspace.weak_handle(),
-            _subscription: subscription,
+            _subscriptions: subscriptions,
         }
     }
 
@@ -108,4 +111,13 @@ impl Panel for TerminalPanel {
     fn should_close_on_event(&self, event: &Event, _: &AppContext) -> bool {
         matches!(event, Event::Close)
     }
+
+    fn label(&self, cx: &AppContext) -> Option<String> {
+        let count = self.pane.read(cx).items_len();
+        if count == 0 {
+            None
+        } else {
+            Some(count.to_string())
+        }
+    }
 }

crates/theme/src/theme.rs

@@ -346,7 +346,6 @@ pub struct StatusBarPanelButtons {
     pub group_bottom: ContainerStyle,
     pub group_right: ContainerStyle,
     pub button: Interactive<PanelButton>,
-    pub badge: ContainerStyle,
 }
 
 #[derive(Deserialize, Default)]

crates/workspace/src/dock.rs

@@ -14,8 +14,8 @@ pub trait Panel: View {
     fn should_close_on_event(&self, _: &Self::Event, _: &AppContext) -> bool {
         false
     }
-    fn should_show_badge(&self, _: &AppContext) -> bool {
+    fn label(&self, _: &AppContext) -> Option<String> {
-        false
+        None
     }
     fn contains_focused_view(&self, _: &AppContext) -> bool {
         false
@@ -24,7 +24,7 @@ pub trait Panel: View {
 
 pub trait PanelHandle {
     fn id(&self) -> usize;
-    fn should_show_badge(&self, cx: &WindowContext) -> bool;
+    fn label(&self, cx: &WindowContext) -> Option<String>;
     fn is_focused(&self, cx: &WindowContext) -> bool;
     fn as_any(&self) -> &AnyViewHandle;
 }
@@ -37,8 +37,8 @@ where
         self.id()
     }
 
-    fn should_show_badge(&self, cx: &WindowContext) -> bool {
+    fn label(&self, cx: &WindowContext) -> Option<String> {
-        self.read(cx).should_show_badge(cx)
+        self.read(cx).label(cx)
     }
 
     fn is_focused(&self, cx: &WindowContext) -> bool {
@@ -247,7 +247,6 @@ impl View for PanelButtons {
         let theme = &theme.workspace.status_bar.panel_buttons;
         let dock = self.dock.read(cx);
         let item_style = theme.button.clone();
-        let badge_style = theme.badge;
         let active_ix = dock.active_item_ix;
         let is_open = dock.is_open;
         let dock_position = dock.position;
@@ -274,23 +273,25 @@ impl View for PanelButtons {
                     MouseEventHandler::<Self, _>::new(ix, cx, |state, cx| {
                         let is_active = is_open && ix == active_ix;
                         let style = item_style.style_for(state, is_active);
-                        Stack::new()
+                        Flex::row()
-                            .with_child(Svg::new(icon_path).with_color(style.icon_color))
+                            .with_child(
-                            .with_children(if !is_active && item_view.should_show_badge(cx) {
+                                Svg::new(icon_path)
+                                    .with_color(style.icon_color)
+                                    .constrained()
+                                    .with_width(style.icon_size)
+                                    .aligned(),
+                            )
+                            .with_children(if let Some(label) = item_view.label(cx) {
                                 Some(
-                                    Empty::new()
+                                    Label::new(label, style.label.text.clone())
-                                        .collapsed()
                                         .contained()
-                                        .with_style(badge_style)
+                                        .with_style(style.label.container)
-                                        .aligned()
+                                        .aligned(),
-                                        .bottom()
-                                        .right(),
                                 )
                             } else {
                                 None
                             })
                             .constrained()
-                            .with_width(style.icon_size)
                             .with_height(style.icon_size)
                             .contained()
                             .with_style(style.container)