@saadnvd1/agent-os 0.3.601 → 0.3.603

package/components/Pane/DesktopTabBar.tsx

@@ -120,7 +120,7 @@ export function DesktopTabBar({
             className={cn(
               "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",
               tab.id === activeTabId
-                ? "bg-foreground/[0.07] text-foreground after:bg-primary after:absolute after:inset-x-3 after:-bottom-1.5 after:h-px"
+                ? "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"
                 : "text-muted-foreground hover:text-foreground/80 hover:bg-foreground/[0.04]"
             )}
           >

package/components/Pane/index.tsx

@@ -164,6 +164,7 @@ export const Pane = memo(function Pane({
     ? (terminalRefs.current.get(activeTab.id) ?? null)
     : null;
   const isFocused = focusedPaneId === paneId;
+  const isSplit = canClose;
   const session = activeTab
     ? sessions.find((s) => s.id === activeTab.sessionId)
     : null;
@@ -433,9 +434,17 @@ export const Pane = memo(function Pane({
         "flex h-full w-full flex-col overflow-hidden",
         !isMobile &&
           "bg-card rounded-xl shadow-(--elevation) ring-1 transition-shadow duration-200",
-        !isMobile && (isFocused ? "ring-primary/40" : "ring-foreground/[0.07]")
+        !isMobile &&
+          (isSplit && isFocused
+            ? "ring-foreground/[0.16]"
+            : "ring-foreground/[0.07]"),
+        !isMobile &&
+          "[&>*]:transition-opacity [&>*]:duration-150 focus-within:[&>*]:opacity-100 hover:[&>*]:opacity-100",
+        !isMobile && isSplit && !isFocused && "[&>*]:opacity-60"
       )}
       data-pane-id={paneId}
+      data-split={isSplit || undefined}
+      data-focused={isFocused || undefined}
       onClick={handleFocus}
     >
       {/* Tab Bar - Mobile vs Desktop */}

package/components/SessionList/OrchestratorPinRow.tsx

@@ -14,6 +14,7 @@ import { cn } from "@/lib/utils";
 import { orchestratorOpenActions } from "@/stores/orchestratorOpen";
 import { useRowContext } from "./RowContext";
 import { SessionRowMenu } from "./SessionRowMenu";
+import { ActiveTick } from "./RowShell";
 import { RowRename, UnreadDot } from "./RowParts";
 import { QuickChangeRow } from "./QuickChangeRow";
 import { NestRail } from "./RowParts";
@@ -59,10 +60,11 @@ export const OrchestratorPinRow = memo(function OrchestratorPinRow({
       onActivate={() => !renaming && ctx.onSelect(session.id)}
       className={
         active
-          ? "bg-primary/10 border-primary/30"
+          ? "bg-foreground/[0.07]"
           : "bg-muted/50 hover:bg-muted has-[[data-chip]:hover]:bg-muted/50"
       }
     >
+      {active && <ActiveTick />}
       <Workflow
         aria-hidden
         className={cn(

package/components/SessionList/RowShell.tsx

@@ -7,6 +7,17 @@ import * as DM from "@/components/ui/dropdown-menu";
 import * as CM from "@/components/ui/context-menu";
 import { cn } from "@/lib/utils";
 
+// The open row's accent: a thin rounded tick at the left edge, inside the
+// row so the list's overflow can't clip it.
+export function ActiveTick() {
+  return (
+    <span
+      aria-hidden
+      className="bg-primary pointer-events-none absolute inset-y-[9px] left-0 w-[3px] rounded-full"
+    />
+  );
+}
+
 export type RowMenuKind = "dropdown" | "context";
 
 // Every sidebar row's frame: a leading mark, title over subtitle, what's on
@@ -66,10 +77,11 @@ export function RowShell({
         highlight === "selected"
           ? "bg-primary/15"
           : highlight === "active"
-            ? "bg-primary/10"
-            : "hover:bg-foreground/[0.04]"
+            ? "bg-foreground/[0.07]"
+            : "hover:bg-foreground/[0.025]"
       )}
     >
+      {highlight === "active" && <ActiveTick />}
       {leading}
       <span className="@container flex min-w-0 flex-1 flex-col leading-tight">
         {children}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saadnvd1/agent-os",
-  "version": "0.3.601",
+  "version": "0.3.603",
   "description": "Self-hosted web UI for managing Claude Code sessions",
   "bin": {
     "agent-os": "scripts/agent-os"