From 6c02a39cb2bc71bc9858061b69abbf57b53ce967 Mon Sep 17 00:00:00 2001
From: Gleb <glebmilkevich@icloud.com>
Date: Wed, 17 Jun 2026 00:27:34 -0400
Subject: [PATCH 1/2] fix(ui): refine session header and status bar

---
 .../react-app/domains/session/chat/session-page.tsx    |  4 ++--
 .../src/react-app/domains/session/chat/status-bar.tsx  | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/app/src/react-app/domains/session/chat/session-page.tsx b/apps/app/src/react-app/domains/session/chat/session-page.tsx
index 996457e2f..64f408177 100644
--- a/apps/app/src/react-app/domains/session/chat/session-page.tsx
+++ b/apps/app/src/react-app/domains/session/chat/session-page.tsx
@@ -801,7 +801,7 @@ export function SessionPage(props: SessionPageProps) {
           >
             <ResizablePanel minSize="360px" className="min-w-0">
               <main className="flex h-full min-w-0 flex-col overflow-hidden border-r border-border">
-          <header className="z-10 flex h-10 shrink-0 items-center justify-between border-b border-border px-4 md:px-6 mac:titlebar-drag  mac:backdrop-blur-2xl mac:backdrop-saturate-150 @container/titlebar">
+          <header className="z-10 flex shrink-0 items-center justify-between border-b border-border py-1.5 pl-3 pr-1 mac:titlebar-drag  mac:backdrop-blur-2xl mac:backdrop-saturate-150 @container/titlebar">
             <div className="flex min-w-0 items-center gap-3">
               {shellConfig.sidebar ? <SidebarTrigger className="mac:hidden" /> : null}
               <h1 className="truncate text-[15px] font-semibold text-dls-text">
@@ -894,7 +894,7 @@ export function SessionPage(props: SessionPageProps) {
               {!showDelayedSessionLoadingState && canRenderReactSurface ? (
                 <div className="flex h-full min-h-0 flex-col">
                   {sessionTabs.length > 0 ? (
-                    <div className="flex h-10 shrink-0 items-center gap-1 overflow-x-auto border-b border-border bg-background/80 px-2 mac:backdrop-blur-xl">
+                    <div className="flex py-2 shrink-0 items-center gap-1 overflow-x-auto border-b border-border bg-background/80 px-2 mac:backdrop-blur-xl">
                       {sessionTabs.map((tab) => {
                         const title = sessionTitleForId(props.sidebar.workspaceSessionGroups, tab.sessionId) || t("session.default_title");
                         const active = tab.sessionId === props.selectedSessionId;
diff --git a/apps/app/src/react-app/domains/session/chat/status-bar.tsx b/apps/app/src/react-app/domains/session/chat/status-bar.tsx
index c61c09050..a93813387 100644
--- a/apps/app/src/react-app/domains/session/chat/status-bar.tsx
+++ b/apps/app/src/react-app/domains/session/chat/status-bar.tsx
@@ -68,7 +68,7 @@ type StatusIndicatorProps = {
 function StatusIndicator(props: StatusIndicatorProps) {
   if (props.loading || (props.openworkServerStatus === "disconnected" && props.initializing)) {
     return (
-      <div className="flex min-w-0 items-center gap-2.5">
+      <div className="flex min-w-0 items-center gap-2.5 px-1">
         <StatusDot variant="loading" />
         <span className="shrink-0 font-medium text-foreground text-xs">
           {t("session.preparing_workspace")}
@@ -82,7 +82,7 @@ function StatusIndicator(props: StatusIndicatorProps) {
 
   if (props.clientConnected) {
     return (
-      <div className="flex min-w-0 items-center gap-2.5">
+      <div className="flex min-w-0 items-center gap-2.5 px-1">
         <Tooltip>
           <TooltipTrigger render={<span className="inline-flex" />}>
             <StatusDot variant="connected" />
@@ -105,7 +105,7 @@ function StatusIndicator(props: StatusIndicatorProps) {
 
   if (props.openworkServerStatus === "limited") {
     return (
-      <div className="flex min-w-0 items-center gap-2.5">
+      <div className="flex min-w-0 items-center gap-2.5 px-1">
         <StatusDot variant="partial" />
         <span className="shrink-0 font-medium text-foreground text-xs">
           {t("status.limited_mode")}
@@ -120,7 +120,7 @@ function StatusIndicator(props: StatusIndicatorProps) {
   }
 
   return (
-    <div className="flex min-w-0 items-center gap-2.5">
+    <div className="flex min-w-0 items-center gap-2.5 px-1">
       <StatusDot variant="disconnected" />
       <span className="shrink-0 font-medium text-foreground text-xs">
         {t("status.disconnected_label")}
@@ -266,7 +266,7 @@ export function StatusBar(props: StatusBarProps) {
 
   return (
     <div className="border-t border-border bg-background">
-      <div className="flex h-8 items-center justify-between gap-3 px-4 md:px-6">
+      <div className="flex h-8 items-center justify-between gap-3 px-2 md:px-2">
         <StatusIndicator
           clientConnected={props.clientConnected}
           openworkServerStatus={props.openworkServerStatus}

From 8ca8b56268c4ce31a883f92cbf63e6c02f99e55c Mon Sep 17 00:00:00 2001
From: Gleb <glebmilkevich@icloud.com>
Date: Wed, 17 Jun 2026 00:55:18 -0400
Subject: [PATCH 2/2] fix:settings-header-height

---
 .../app/src/react-app/domains/settings/shell/settings-shell.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/app/src/react-app/domains/settings/shell/settings-shell.tsx b/apps/app/src/react-app/domains/settings/shell/settings-shell.tsx
index 2806eaa9a..231d62702 100644
--- a/apps/app/src/react-app/domains/settings/shell/settings-shell.tsx
+++ b/apps/app/src/react-app/domains/settings/shell/settings-shell.tsx
@@ -55,7 +55,7 @@ export function SettingsShell(props: SettingsShellProps) {
   if (props.compact) {
     return (
       <div className="flex h-full min-h-0 w-full flex-col overflow-hidden bg-background">
-        <header className="flex h-11 shrink-0 items-center justify-between gap-2 border-b border-dls-border px-3 mac:titlebar-drag">
+        <header className="flex py-1.5 px-1.5 shrink-0 items-center justify-between gap-2 border-b border-dls-border mac:titlebar-drag">
           <div className="flex min-w-0 items-center gap-2 mac:titlebar-no-drag">
             <SettingsSectionMenu
               activeTab={props.activeTab}