From 184732fc2097166921dd46fbb9a8ce433a96b237 Mon Sep 17 00:00:00 2001
From: David Hill <1879069+iamdavidhill@users.noreply.github.com>
Date: Thu, 12 Mar 2026 18:26:50 +0000
Subject: fix(app): titlebar cleanup (#17206)
---
packages/ui/src/components/button.css | 12 ++++++++++++
packages/ui/src/components/dropdown-menu.css | 10 ++++++++++
packages/ui/src/components/icon.tsx | 22 +++++++++++++++++++---
packages/ui/src/components/message-part.css | 3 ++-
4 files changed, 43 insertions(+), 4 deletions(-)
(limited to 'packages/ui/src/components')
diff --git a/packages/ui/src/components/button.css b/packages/ui/src/components/button.css
index 4a6eeaf69..e26ace611 100644
--- a/packages/ui/src/components/button.css
+++ b/packages/ui/src/components/button.css
@@ -180,3 +180,15 @@
[data-component="button"].titlebar-icon[data-variant="ghost"][aria-expanded="true"]:hover:not(:disabled) {
background-color: var(--surface-base-active);
}
+
+[data-component="button"].titlebar-icon[data-variant="ghost"][aria-current="page"] {
+ background-color: var(--surface-base-active);
+}
+
+[data-component="button"].titlebar-icon[data-variant="ghost"][aria-current="page"] [data-slot="icon-svg"] {
+ color: var(--icon-strong-base);
+}
+
+[data-component="button"].titlebar-icon[data-variant="ghost"][aria-current="page"]:hover:not(:disabled) {
+ background-color: var(--surface-base-active);
+}
diff --git a/packages/ui/src/components/dropdown-menu.css b/packages/ui/src/components/dropdown-menu.css
index cba041613..edc2eee9a 100644
--- a/packages/ui/src/components/dropdown-menu.css
+++ b/packages/ui/src/components/dropdown-menu.css
@@ -58,6 +58,11 @@
}
}
+ [data-slot="dropdown-menu-checkbox-item"],
+ [data-slot="dropdown-menu-radio-item"] {
+ padding-right: 28px;
+ }
+
[data-slot="dropdown-menu-sub-trigger"] {
&[data-expanded] {
background: var(--surface-raised-base-hover);
@@ -70,6 +75,10 @@
justify-content: center;
width: 16px;
height: 16px;
+ position: absolute;
+ right: 8px;
+ top: 50%;
+ transform: translateY(-50%);
}
[data-slot="dropdown-menu-item-label"] {
@@ -88,6 +97,7 @@
}
[data-slot="dropdown-menu-group-label"] {
+ display: block;
padding: 4px 8px;
font-family: var(--font-family-sans);
font-size: var(--font-size-x-small);
diff --git a/packages/ui/src/components/icon.tsx b/packages/ui/src/components/icon.tsx
index 7f4598f29..aacfa476b 100644
--- a/packages/ui/src/components/icon.tsx
+++ b/packages/ui/src/components/icon.tsx
@@ -22,6 +22,12 @@ const icons = {
"close-small": ``,
checklist: ``,
console: ``,
+ terminal: ``,
+ "terminal-active": `
+`,
+ review: ``,
+ "review-active": `
+`,
expand: ``,
collapse: ``,
code: ``,
@@ -31,12 +37,15 @@ const icons = {
eye: ``,
enter: ``,
folder: ``,
- "file-tree": ``,
- "file-tree-active": ``,
+ "file-tree": ``,
+ "file-tree-active": `
+`,
"magnifying-glass": ``,
"plus-small": ``,
plus: ``,
- "new-session": ``,
+ "new-session": ``,
+ "new-session-active": `
+`,
"pencil-line": ``,
mcp: ``,
glasses: ``,
@@ -44,6 +53,13 @@ const icons = {
"window-cursor": ``,
task: ``,
stop: ``,
+ status: ``,
+ "status-active": `
+
+`,
+ sidebar: ``,
+ "sidebar-active": `
+`,
"layout-left": ``,
"layout-left-partial": ``,
"layout-left-full": ``,
diff --git a/packages/ui/src/components/message-part.css b/packages/ui/src/components/message-part.css
index 7ee537884..1052a591c 100644
--- a/packages/ui/src/components/message-part.css
+++ b/packages/ui/src/components/message-part.css
@@ -614,7 +614,7 @@
align-items: center;
justify-content: flex-start;
gap: 0px;
- cursor: pointer;
+ cursor: default;
[data-slot="context-tool-group-title"] {
flex-shrink: 1;
@@ -623,6 +623,7 @@
[data-slot="collapsible-arrow"] {
color: var(--icon-weaker);
+ cursor: pointer;
}
}
--
cgit v1.2.3