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 && (