with open("App.tsx", "r") as f:
    content = f.read()

# Replace the previous modal entirely and explicitly close the <SettingsModal /> properly which might be the real issue!
# Looking closely at lines 1133-1141:
# 1140-        }}
# 1141-      />
# Wait, this looks like the SettingsModal is closed properly. But let's check.

import re
modal_regex = re.compile(r'<TemplateFillerModal\s+note=\{selectedNoteForTemplate\}(.*?)\/>', re.DOTALL)

# Let's just output the exact syntax
new_modal = """<TemplateFillerModal
        note={selectedNoteForTemplate}
        isOpen={templateModalOpen}
        onClose={function() {
            setTemplateModalOpen(false);
            if (activeWorkflow && activeWorkflow.stepIndex > 0) {
                if (window.confirm('Cancel the rest of the workflow?')) {
                    setActiveWorkflow(null);
                }
            } else {
                setActiveWorkflow(null);
            }
        }}
        onSubmit={async function(text: string) {
            if (activeWorkflow && activeWorkflow.stepIndex > 0 && activeWorkflow.sessionId) {
                const delay = activeWorkflow.workflow.steps[activeWorkflow.stepIndex].delayMinutes;
                queueWorkflowStep(text, activeWorkflow.sessionId, delay);

                const nextIndex = activeWorkflow.stepIndex + 1;
                if (nextIndex < activeWorkflow.workflow.steps.length) {
                    setActiveWorkflow({ ...activeWorkflow, stepIndex: nextIndex });
                    const nextTemplate = notes.find(n => n.id === activeWorkflow.workflow.steps[nextIndex].templateId);
                    if (nextTemplate) {
                        setTimeout(() => handleUseTemplate(nextTemplate), 100);
                    }
                } else {
                    setActiveWorkflow(null);
                    setTemplateModalOpen(false);
                }
            } else {
                await handleTemplateSubmitted(text, false);
                setTemplateModalOpen(false);
                if (!activeWorkflow) {
                    setInputText(text);
                    setActiveTab('chat');
                    if (window.innerWidth < 1024) {
                        setTemplatesOpen(false);
                        setSidebarOpen(false);
                    }
                }
            }
        }}
        onStartNewChat={function(text: string) {
            if (activeWorkflow) {
                handleTemplateSubmitted(text, true);
            }
            handleStartNewChatFromTemplate(text);
        }}
        hfProfileData={hfProfiles[currentAgent.id]}
        workflowContext={activeWorkflow ? {
            stepIndex: activeWorkflow.stepIndex,
            totalSteps: activeWorkflow.workflow.steps.length,
            delayMinutes: activeWorkflow.workflow.steps[activeWorkflow.stepIndex].delayMinutes
        } : undefined}
      />"""

content = modal_regex.sub(new_modal, content)

with open("App.tsx", "w") as f:
    f.write(content)