gsadmin/sencho
1
0
Fork 0
mirror of https://github.com/Studio-Saelix/sencho.git synced 2026-09-04 14:45:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add copy button to execution history details column

Browse Source 
Replaced the plain truncated Details cell with a flex layout containing
a copy button. Users can now copy the full error/output text instead
of relying on the native title tooltip to read long messages.
This commit is contained in:
SaelixCode
2026-07-03 23:16:17 -04:00
parent dd6874f1ae
commit 9117ca13cf
1 changed files with 28 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/ScheduledOperationsView.tsx
+28 -3
View File
@@ -9,8 +9,9 @@ import { SystemSheet, SheetSection } from '@/components/ui/system-sheet';
import { TogglePill } from '@/components/ui/toggle-pill'; import { TogglePill } from '@/components/ui/toggle-pill';
import { Label } from '@/components/ui/label'; import { Label } from '@/components/ui/label';
import { Checkbox } from '@/components/ui/checkbox'; import { Checkbox } from '@/components/ui/checkbox';
import { Clock, Plus, Pencil, Trash2, History, RefreshCw, Play, ChevronLeft, ChevronRight, Download, CalendarClock, Table2 } from 'lucide-react'; import { Clock, Plus, Pencil, Trash2, History, RefreshCw, Play, ChevronLeft, ChevronRight, Download, CalendarClock, Table2, Copy } from 'lucide-react';
import { toast } from '@/components/ui/toast-store'; import { toast } from '@/components/ui/toast-store';
import { copyToClipboard } from '@/lib/clipboard';
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'; import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
import { apiFetch, fetchForNode } from '@/lib/api'; import { apiFetch, fetchForNode } from '@/lib/api';
import { Combobox } from '@/components/ui/combobox'; import { Combobox } from '@/components/ui/combobox';
@@ -1058,8 +1059,32 @@ export default function ScheduledOperationsView({ filterNodeId, onClearFilter, p
)} )}
</TableCell> </TableCell>
<TableCell className="text-xs text-muted-foreground">{duration}</TableCell> <TableCell className="text-xs text-muted-foreground">{duration}</TableCell>
<TableCell className="text-xs text-muted-foreground max-w-[200px] truncate" title={run.output || run.error || ''}> <TableCell className="text-xs text-muted-foreground max-w-[200px]">
{run.error || run.output || '-'} <div className="flex items-center gap-1.5">
<span className="truncate" title={run.output || run.error || ''}>
{run.error || run.output || '-'}
</span>
{(run.output || run.error) ? (
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button
variant="ghost"
size="icon"
className="h-6 w-6 shrink-0 text-muted-foreground hover:text-foreground"
onClick={() => {
copyToClipboard(run.output || run.error || '');
toast.info('Copied to clipboard');
}}
>
<Copy className="w-3 h-3" strokeWidth={1.5} />
</Button>
</TooltipTrigger>
<TooltipContent>Copy details</TooltipContent>
</Tooltip>
</TooltipProvider>
) : null}
</div>
</TableCell> </TableCell>
</TableRow> </TableRow>
); );