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:
Desktop
2025-11-10 19:53:51 +05:00
parent c49223f097
commit 2e6aa6f140
5 changed files with 145 additions and 4 deletions

View File

@@ -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

View File

@@ -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();