gsadmin/sencho
1
0
Fork 0
mirror of https://github.com/Studio-Saelix/sencho.git synced 2026-08-19 14:56:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revert "fix: standardize all tooltips to match sidebar RowTooltip design"

Browse Source 
This reverts commit 9e1d97d39e.
This commit is contained in:
SaelixCode
2026-07-03 15:21:35 -04:00
parent 9e1d97d39e
commit f83f01417c
7 changed files with 18 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/NodeManager.tsx
+6 -6
View File
@@ -333,7 +333,7 @@ export function NodeManager() {
<TooltipTrigger> <TooltipTrigger>
<Star className="w-4 h-4 text-yellow-500 fill-yellow-500" /> <Star className="w-4 h-4 text-yellow-500 fill-yellow-500" />
</TooltipTrigger> </TooltipTrigger>
<TooltipContent><span className="font-mono text-xs tabular-nums text-stat-value">Default Node</span></TooltipContent> <TooltipContent>Default Node</TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider> </TooltipProvider>
)} )}
@@ -395,7 +395,7 @@ export function NodeManager() {
</span> </span>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent> <TooltipContent>
<span className="font-mono text-xs tabular-nums text-stat-value">{new Date(summary.next_run_at).toLocaleString()}</span> {new Date(summary.next_run_at).toLocaleString()}
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider> </TooltipProvider>
@@ -450,7 +450,7 @@ export function NodeManager() {
<Calendar className="w-4 h-4" strokeWidth={1.5} /> <Calendar className="w-4 h-4" strokeWidth={1.5} />
</Button> </Button>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent><span className="font-mono text-xs tabular-nums text-stat-value">View Schedules</span></TooltipContent> <TooltipContent>View Schedules</TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider> </TooltipProvider>
@@ -469,7 +469,7 @@ export function NodeManager() {
<Wifi className={`w-4 h-4 ${testing === node.id ? 'animate-pulse' : ''}`} /> <Wifi className={`w-4 h-4 ${testing === node.id ? 'animate-pulse' : ''}`} />
</Button> </Button>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent><span className="font-mono text-xs tabular-nums text-stat-value">Test Connection</span></TooltipContent> <TooltipContent>Test Connection</TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider> </TooltipProvider>
)} )}
@@ -488,7 +488,7 @@ export function NodeManager() {
<Pencil className="w-4 h-4" /> <Pencil className="w-4 h-4" />
</Button> </Button>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent><span className="font-mono text-xs tabular-nums text-stat-value">Edit Node</span></TooltipContent> <TooltipContent>Edit Node</TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider> </TooltipProvider>
)} )}
@@ -507,7 +507,7 @@ export function NodeManager() {
<Trash2 className="w-4 h-4" /> <Trash2 className="w-4 h-4" />
</Button> </Button>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent><span className="font-mono text-xs tabular-nums text-stat-value">Delete Node</span></TooltipContent> <TooltipContent>Delete Node</TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider> </TooltipProvider>
)} )}
frontend/src/components/StackAlertSheet.tsx
+1 -1
View File
@@ -384,7 +384,7 @@ function AlertsTab({ stackName }: { stackName: string }) {
<HelpCircle className="h-4 w-4 text-muted-foreground cursor-help" strokeWidth={1.5} /> <HelpCircle className="h-4 w-4 text-muted-foreground cursor-help" strokeWidth={1.5} />
</TooltipTrigger> </TooltipTrigger>
<TooltipContent> <TooltipContent>
<span className="font-mono text-xs tabular-nums text-stat-value max-w-[200px]">The system resource or metric to monitor. Select from CPU, Memory, Network I/O, or Restarts.</span> <p className="max-w-[200px] text-sm">The system resource or metric to monitor. Select from CPU, Memory, Network I/O, or Restarts.</p>
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</div> </div>
frontend/src/components/TopBar.tsx
+1 -1
View File
@@ -90,7 +90,7 @@ export function TopBar({
) : ( ) : (
<Tooltip key={value}> <Tooltip key={value}>
<TooltipTrigger asChild>{button}</TooltipTrigger> <TooltipTrigger asChild>{button}</TooltipTrigger>
<TooltipContent side="bottom"><span className="font-mono text-xs tabular-nums text-stat-value">{label}</span></TooltipContent> <TooltipContent side="bottom">{label}</TooltipContent>
</Tooltip> </Tooltip>
); );
})} })}
frontend/src/components/fleet/FleetConfiguration.tsx
+1 -1
View File
@@ -84,7 +84,7 @@ function PolicySyncRow({ state }: { state: PolicySyncState }) {
{state.kind === 'paused' ? 'paused' : 'degraded'} {state.kind === 'paused' ? 'paused' : 'degraded'}
</span> </span>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent><span className="font-mono text-xs tabular-nums text-stat-value">{tooltip}</span></TooltipContent> <TooltipContent>{tooltip}</TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider> </TooltipProvider>
</div> </div>
frontend/src/components/fleet/FleetTopology.tsx
+6 -8
View File
@@ -122,7 +122,7 @@ function FleetNodeCard({ data, selected }: { data: FleetNodeData; selected?: boo
</div> </div>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent side="top"> <TooltipContent side="top">
<span className="font-mono text-xs tabular-nums text-stat-value">{node.cordonedReason || 'Cordoned: scheduling paused.'}</span> {node.cordonedReason || 'Cordoned: scheduling paused.'}
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider> </TooltipProvider>
@@ -141,11 +141,9 @@ function FleetNodeCard({ data, selected }: { data: FleetNodeData; selected?: boo
<Clock className="h-3 w-3 text-warning" strokeWidth={2} aria-label="Pilot heartbeat stale" /> <Clock className="h-3 w-3 text-warning" strokeWidth={2} aria-label="Pilot heartbeat stale" />
</TooltipTrigger> </TooltipTrigger>
<TooltipContent side="top"> <TooltipContent side="top">
<span className="font-mono text-xs tabular-nums text-stat-value"> {node.pilotLastSeen
{node.pilotLastSeen ? `Pilot heartbeat ${formatRelative(node.pilotLastSeen)}`
? `Pilot heartbeat ${formatRelative(node.pilotLastSeen)}` : 'Pilot heartbeat stale'}
: 'Pilot heartbeat stale'}
</span>
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider> </TooltipProvider>
@@ -181,7 +179,7 @@ function FleetNodeCard({ data, selected }: { data: FleetNodeData; selected?: boo
</span> </span>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent side="top"> <TooltipContent side="top">
<span className="font-mono text-xs tabular-nums text-stat-value">{labels.slice(MAX_INLINE_LABELS).join(', ')}</span> {labels.slice(MAX_INLINE_LABELS).join(', ')}
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider> </TooltipProvider>
@@ -262,7 +260,7 @@ function TopologyToolbar({
</button> </button>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent side="bottom"> <TooltipContent side="bottom">
<span className="font-mono text-xs tabular-nums text-stat-value">{spec.description}</span> {spec.description}
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider> </TooltipProvider>
frontend/src/components/sidebar/SidebarActions.tsx
+2 -2
View File
@@ -30,7 +30,7 @@ export function SidebarActions({ createStackSlot, onScan, isScanning, bulkMode,
</Button> </Button>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent side="bottom"> <TooltipContent side="bottom">
<span className="font-mono text-xs tabular-nums text-stat-value">Bulk mode (B)</span> <p>Bulk mode (B)</p>
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider> </TooltipProvider>
@@ -50,7 +50,7 @@ export function SidebarActions({ createStackSlot, onScan, isScanning, bulkMode,
</Button> </Button>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent side="bottom"> <TooltipContent side="bottom">
<span className="font-mono text-xs tabular-nums text-stat-value">Scan stacks folder</span> <p>Scan stacks folder</p>
</TooltipContent> </TooltipContent>
</Tooltip> </Tooltip>
</TooltipProvider> </TooltipProvider>
frontend/src/components/sidebar/__tests__/StackRow.test.tsx
+1 -1
View File
@@ -43,7 +43,7 @@ describe('StackRow', () => {
}); });
it('wraps the partial pill in a hover tooltip', () => { it('wraps the partial pill in a hover tooltip', () => {
render(<StackRow {...base({ status: 'partial', running: 3, total: 5 })} />); const { container } = render(<StackRow {...base({ status: 'partial', running: 3, total: 5 })} />);
const trigger = screen.getByText('PT'); const trigger = screen.getByText('PT');
// Radix TooltipTrigger adds data-state to the wrapped element. // Radix TooltipTrigger adds data-state to the wrapped element.
expect(trigger.getAttribute('data-state')).toBe('closed'); expect(trigger.getAttribute('data-state')).toBe('closed');