@saadnvd1/agent-os 0.3.601 → 0.3.602
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -120,7 +120,7 @@ export function DesktopTabBar({
|
|
|
120
120
|
className={cn(
|
|
121
121
|
"group relative flex shrink-0 cursor-pointer items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors",
|
|
122
122
|
tab.id === activeTabId
|
|
123
|
-
? "bg-foreground/[0.07] text-foreground after:bg-primary after:absolute after:inset-x-3 after
|
|
123
|
+
? "bg-foreground/[0.07] text-foreground [[data-split][data-focused]_&]:after:bg-primary [[data-split][data-focused]_&]:after:absolute [[data-split][data-focused]_&]:after:inset-x-3 [[data-split][data-focused]_&]:after:bottom-0 [[data-split][data-focused]_&]:after:h-0.5"
|
|
124
124
|
: "text-muted-foreground hover:text-foreground/80 hover:bg-foreground/[0.04]"
|
|
125
125
|
)}
|
|
126
126
|
>
|
|
@@ -164,6 +164,7 @@ export const Pane = memo(function Pane({
|
|
|
164
164
|
? (terminalRefs.current.get(activeTab.id) ?? null)
|
|
165
165
|
: null;
|
|
166
166
|
const isFocused = focusedPaneId === paneId;
|
|
167
|
+
const isSplit = canClose;
|
|
167
168
|
const session = activeTab
|
|
168
169
|
? sessions.find((s) => s.id === activeTab.sessionId)
|
|
169
170
|
: null;
|
|
@@ -433,9 +434,17 @@ export const Pane = memo(function Pane({
|
|
|
433
434
|
"flex h-full w-full flex-col overflow-hidden",
|
|
434
435
|
!isMobile &&
|
|
435
436
|
"bg-card rounded-xl shadow-(--elevation) ring-1 transition-shadow duration-200",
|
|
436
|
-
!isMobile &&
|
|
437
|
+
!isMobile &&
|
|
438
|
+
(isSplit && isFocused
|
|
439
|
+
? "ring-foreground/[0.16]"
|
|
440
|
+
: "ring-foreground/[0.07]"),
|
|
441
|
+
!isMobile &&
|
|
442
|
+
"[&>*]:transition-opacity [&>*]:duration-150 focus-within:[&>*]:opacity-100 hover:[&>*]:opacity-100",
|
|
443
|
+
!isMobile && isSplit && !isFocused && "[&>*]:opacity-60"
|
|
437
444
|
)}
|
|
438
445
|
data-pane-id={paneId}
|
|
446
|
+
data-split={isSplit || undefined}
|
|
447
|
+
data-focused={isFocused || undefined}
|
|
439
448
|
onClick={handleFocus}
|
|
440
449
|
>
|
|
441
450
|
{/* Tab Bar - Mobile vs Desktop */}
|