| @@ -8,9 +8,9 @@ | ||
| 8 | 8 | import { useQuickEditStore } from '@quick-edit/state/store'; |
| 9 | 9 | import { useEffect } from '@wordpress/element'; |
| 10 | 10 | import { SidebarLayout } from './components/layouts/SidebarLayout'; |
| 11 | 11 | |
| 12 | -export const Chat = ({ busy, working, children }) => { | |
| 12 | +export const Chat = ({ busy, working, waiting, taskActive, children }) => { | |
| 13 | 13 | const { setIsMobile, isMobile, mode } = useGlobalStore(); |
| 14 | 14 | const canvasModal = useCanvasSeat() === 'modal'; |
| 15 | 15 | const editModeOn = useEditModeStore((s) => s.on); |
| 16 | 16 | const block = useQuickEditStore((s) => s.agentBlock); |
| @@ -75,9 +75,16 @@ | ||
| 75 | 75 | className="flex min-h-0 flex-1 grow flex-col font-sans" |
| 76 | 76 | > |
| 77 | 77 | {children} |
| 78 | 78 | </div> |
| 79 | - {editModeOn && <DOMHighlighter busy={busy} working={working} />} | |
| 79 | + {editModeOn && ( | |
| 80 | + <DOMHighlighter | |
| 81 | + busy={busy} | |
| 82 | + working={working} | |
| 83 | + waiting={waiting} | |
| 84 | + taskActive={taskActive} | |
| 85 | + /> | |
| 86 | + )} | |
| 80 | 87 | </SidebarLayout> |
| 81 | 88 | ); |
| 82 | 89 | } |
| 83 | 90 | |
| @@ -88,8 +95,15 @@ | ||
| 88 | 95 | className="flex min-h-0 flex-1 grow flex-col font-sans" |
| 89 | 96 | > |
| 90 | 97 | {children} |
| 91 | 98 | </div> |
| 92 | - {editModeOn && <DOMHighlighter busy={busy} working={working} />} | |
| 99 | + {editModeOn && ( | |
| 100 | + <DOMHighlighter | |
| 101 | + busy={busy} | |
| 102 | + working={working} | |
| 103 | + waiting={waiting} | |
| 104 | + taskActive={taskActive} | |
| 105 | + /> | |
| 106 | + )} | |
| 93 | 107 | </DragResizeLayout> |
| 94 | 108 | ); |
| 95 | 109 | }; |