diff --git a/web/src/components/AgentPanel.vue b/web/src/components/AgentPanel.vue
index 4fbedc12..c852c77c 100644
--- a/web/src/components/AgentPanel.vue
+++ b/web/src/components/AgentPanel.vue
@@ -5,27 +5,22 @@
-
-
@@ -675,6 +670,26 @@ watch(useInlinePreview, (isInline) => {
flex-shrink: 0;
}
+.header-action-btn {
+ width: 28px;
+ height: 28px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ border: none;
+ border-radius: 6px;
+ background: transparent;
+ color: var(--gray-600);
+ cursor: pointer;
+ padding: 0;
+ transition: all 0.15s ease;
+
+ &:hover {
+ background: var(--gray-100);
+ color: var(--gray-900);
+ }
+}
+
.panel-title {
display: flex;
align-items: center;
@@ -694,6 +709,13 @@ watch(useInlinePreview, (isInline) => {
gap: 4px;
}
+.header-divider {
+ width: 1px;
+ height: 16px;
+ background: var(--gray-300);
+ margin: 0 4px;
+}
+
.close-btn {
border: none;
background: transparent;
@@ -712,67 +734,6 @@ watch(useInlinePreview, (isInline) => {
}
}
-.tabs {
- display: flex;
- background: var(--gray-25);
- position: relative;
- align-items: center;
- padding: 8px 10px;
- padding-top: 0px;
- gap: 4px;
- flex-shrink: 0;
- border-bottom: 1px solid var(--gray-150);
-}
-
-.tab-actions {
- margin-left: auto;
- display: flex;
- align-items: center;
- gap: 6px;
-}
-
-.tab {
- padding: 4px 12px;
- border: none;
- background: none;
- color: var(--gray-600);
- cursor: pointer;
- font-size: 12px;
- font-weight: 500;
- transition: all 0.15s ease;
- border-radius: 999px;
-
- &:hover {
- background: var(--gray-150);
- color: var(--gray-900);
- }
-
- &.active {
- background: var(--gray-150);
- color: var(--gray-900);
- }
-}
-
-.tab-action-btn {
- width: 28px;
- height: 28px;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- border: none;
- border-radius: 999px;
- background: transparent;
- color: var(--gray-600);
- cursor: pointer;
- padding: 0;
- transition: all 0.15s ease;
-
- &:hover {
- background: var(--gray-150);
- color: var(--gray-900);
- }
-}
-
.tab-content {
flex: 1;
overflow-y: auto;