daonanchao/vibe-kanban
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge task: Limit length of execution output into refactor-executors

Browse Source
This commit is contained in:
Louis Knight-Webb
2025-06-21 23:48:59 +01:00
parent 246c747aa5 461e9dd6d0
commit 5a18656be3
1 changed files with 49 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
frontend/src/components/tasks/TaskDetailsPanel.tsx
View File

@@ -139,6 +139,7 @@ export function TaskDetailsPanel({
const [isDescriptionExpanded, setIsDescriptionExpanded] = useState(false);
const [selectedExecutor, setSelectedExecutor] = useState<string>("claude");
const [isStopping, setIsStopping] = useState(false);
const [expandedOutputs, setExpandedOutputs] = useState<Set<string>>(new Set());
const { config } = useConfig();
// Available executors
@@ -377,6 +378,18 @@ export function TaskDetailsPanel({
}
};
const toggleOutputExpansion = (processId: string) => {
setExpandedOutputs(prev => {
const newSet = new Set(prev);
if (newSet.has(processId)) {
newSet.delete(processId);
} else {
newSet.add(processId);
}
return newSet;
});
};
if (!task) return null;
return (
@@ -673,16 +686,42 @@ export function TaskDetailsPanel({
activity.execution_process_id
] && (
<div className="mt-2">
<ExecutionOutputViewer
executionProcess={
executionProcesses[
activity.execution_process_id
]
}
executor={
selectedAttempt?.executor || undefined
}
/>
<div
className={`transition-all duration-200 ${
expandedOutputs.has(activity.execution_process_id)
? ''
: 'max-h-64 overflow-hidden'
}`}
>
<ExecutionOutputViewer
executionProcess={
executionProcesses[
activity.execution_process_id
]
}
executor={
selectedAttempt?.executor || undefined
}
/>
</div>
<Button
variant="ghost"
size="sm"
onClick={() => toggleOutputExpansion(activity.execution_process_id)}
className="mt-2 p-0 h-auto text-xs text-muted-foreground hover:text-foreground"
>
{expandedOutputs.has(activity.execution_process_id) ? (
<>
<ChevronUp className="h-3 w-3 mr-1" />
Show less
</>
) : (
<>
<ChevronDown className="h-3 w-3 mr-1" />
Show more
</>
)}
</Button>
</div>
)}
</div>