diff --git a/packages/ui/src/components/layout/Header.tsx b/packages/ui/src/components/layout/Header.tsx
index d0d74b93..4f5a3559 100644
--- a/packages/ui/src/components/layout/Header.tsx
+++ b/packages/ui/src/components/layout/Header.tsx
@@ -20,6 +20,7 @@ interface TabConfig {
label: string;
icon: RemixiconComponentType;
badge?: number;
+ showDot?: boolean;
}
export const FixedSessionsButton: React.FC = () => {
@@ -265,7 +266,12 @@ export const Header: React.FC = () => {
badge: !isMobile && diffFileCount > 0 ? diffFileCount : undefined,
},
{ id: 'terminal', label: 'Terminal', icon: RiTerminalBoxLine },
- { id: 'git', label: 'Git', icon: RiGitBranchLine },
+ {
+ id: 'git',
+ label: 'Git',
+ icon: RiGitBranchLine,
+ showDot: isMobile && diffFileCount > 0,
+ },
], [diffFileCount, isMobile]);
useEffect(() => {
@@ -469,6 +475,7 @@ export const Header: React.FC = () => {
role="tab"
className={cn(
headerIconButtonClass,
+ 'relative',
isActive && 'text-foreground'
)}
>
@@ -478,6 +485,12 @@ export const Header: React.FC = () => {
{tab.badge}
)}
+ {tab.showDot && (
+
+ )}
diff --git a/packages/ui/src/components/views/DiffView.tsx b/packages/ui/src/components/views/DiffView.tsx
index 763abd37..b7752810 100644
--- a/packages/ui/src/components/views/DiffView.tsx
+++ b/packages/ui/src/components/views/DiffView.tsx
@@ -305,8 +305,10 @@ export const DiffView: React.FC = () => {
const diffLayoutPreference = useUIStore((state) => state.diffLayoutPreference);
const diffFileLayout = useUIStore((state) => state.diffFileLayout);
const setDiffFileLayout = useUIStore((state) => state.setDiffFileLayout);
- const diffWrapLines = useUIStore((state) => state.diffWrapLines);
+ const diffWrapLinesStore = useUIStore((state) => state.diffWrapLines);
const setDiffWrapLines = useUIStore((state) => state.setDiffWrapLines);
+ // Default to wrap on mobile
+ const diffWrapLines = isMobile || diffWrapLinesStore;
const changedFiles: FileEntry[] = React.useMemo(() => {
if (!status?.files) return [];
@@ -564,7 +566,7 @@ export const DiffView: React.FC = () => {
{selectedFileEntry && (