Add step logging functionality to ProgressModal and useProgressModal
- Introduced stepLogs to ProgressModal and useProgressModal for enhanced debugging. - Updated ProgressModal to display step logs with status indicators. - Modified useProgressModal to manage step logs, collecting and sorting steps from AI requests. - Adjusted Clusters and Ideas pages to pass stepLogs to ProgressModal for improved user feedback during asynchronous tasks. - Fixed a typo in Usage.tsx header for clarity.
This commit is contained in:
@@ -207,7 +207,7 @@ export default function Clusters() {
|
||||
|
||||
if (result.success && result.task_id) {
|
||||
// Async task - show progress modal
|
||||
progressModal.openModal(result.task_id, 'Generating Ideas', 'ai-generate-ideas-01');
|
||||
progressModal.openModal(result.task_id, 'Generating Ideas', 'ai-generate-ideas-01-desktop');
|
||||
} else if (result.success && result.ideas_created) {
|
||||
// Synchronous completion
|
||||
toast.success(result.message || 'Ideas generated successfully');
|
||||
@@ -249,7 +249,7 @@ export default function Clusters() {
|
||||
if (result.task_id) {
|
||||
// Async task - open progress modal
|
||||
hasReloadedRef.current = false;
|
||||
progressModal.openModal(result.task_id, 'Generating Content Ideas', 'ai-generate-ideas-01');
|
||||
progressModal.openModal(result.task_id, 'Generating Content Ideas', 'ai-generate-ideas-01-desktop');
|
||||
// Don't show toast - progress modal will show status
|
||||
} else {
|
||||
// Synchronous completion
|
||||
@@ -482,6 +482,7 @@ export default function Clusters() {
|
||||
details={progressModal.progress.details}
|
||||
taskId={progressModal.taskId || undefined}
|
||||
functionId={progressModal.functionId}
|
||||
stepLogs={progressModal.stepLogs}
|
||||
onClose={() => {
|
||||
progressModal.closeModal();
|
||||
// Reload once when modal closes if task was completed
|
||||
|
||||
@@ -401,6 +401,7 @@ export default function Ideas() {
|
||||
details={progressModal.progress.details}
|
||||
taskId={progressModal.taskId || undefined}
|
||||
functionId={progressModal.functionId}
|
||||
stepLogs={progressModal.stepLogs}
|
||||
onClose={() => {
|
||||
const wasCompleted = progressModal.progress.status === 'completed';
|
||||
progressModal.closeModal();
|
||||
|
||||
Reference in New Issue
Block a user