\n \n

\n Connected as {credential.name}\n

\n );\n }\n return (\n \n \n

\n Connect your X account to enable monitoring. Connect now\n

\n \n );\n}\n\nfunction HowToSection() {\n const [open, setOpen] = useState(false);\n\n const steps = [\n {\n title: 'Write a search query',\n desc: 'Use X search operators to target specific content. Combine with OR for multiple terms. Examples: #buildinpublic, from:openai, \"large language model\" -spam'\n },\n {\n title: 'Define quality criteria',\n desc: 'Describe what makes a tweet worth reviewing. The AI analyzer will use this to filter tweets. Be specific about engagement thresholds, content types, or topics.'\n },\n {\n title: 'Set your reply style',\n desc: 'Describe the tone and style for auto-drafted replies. These drafts appear in the Approval Feed for you to review and edit before posting.'\n },\n {\n title: 'Review in the Approval Feed',\n desc: 'High-quality tweets appear in the Approval Feed with AI summaries and drafted replies. Approve to post the reply and log to your Google Sheet, or reject to skip.'\n }\n ];\n\n return (\n

\n setOpen(!open)}\n className=\"w-full flex items-center justify-between px-4 py-3 text-left hover:bg-white/[0.02] transition-colors\"\n >\n How it works\n \n \n \n \n {open && (\n

\n {steps.map((step, i) => (\n

\n {i + 1}\n

{step.title}

{step.desc}

\n ))}\n

\n )}\n

\n );\n}\n\nfunction TwitterMonitorForm() {\n const [searchQuery, setSearchQuery] = useState('');\n const [criteria, setCriteria] = useState('');\n const [replyStyle, setReplyStyle] = useState('');\n const [saving, setSaving] = useState(false);\n const [saved, setSaved] = useState(false);\n const [credential, setCredential] = useState(null);\n const workflowId = useRef('');\n\n useEffect(() => {\n workflow.getInfo().then(info => { workflowId.current = info.id; });\n state.get('twitter_monitor_config').then(config => {\n if (config) {\n setSearchQuery(config.search_query || '');\n setCriteria(config.criteria || '');\n setReplyStyle(config.reply_style || '');\n }\n });\n auth.listCredentials().then(creds => {\n const tw = creds.find(c => c.type === 'twitter_oauth');\n if (tw) setCredential(tw);\n }).catch(() => {});\n }, []);\n\n async function connectTwitter() {\n try {\n const cred = await auth.requestCredential('twitter_oauth');\n if (cred) setCredential(cred);\n } catch (e) {\n console.error('OAuth failed:', e);\n }\n }\n\n function goToFeed() {\n const target = window.parent !== window ? window.parent : window;\n target.dispatchEvent(new CustomEvent('noclick:switch-to-feed', {\n detail: { workflowFilter: workflowId.current },\n bubbles: true,\n }));\n }\n\n const handleSave = async () => {\n setSaving(true);\n try {\n await state.set('twitter_monitor_config', {\n search_query: searchQuery,\n criteria,\n reply_style: replyStyle\n });\n\n await nodes.setConfig('automation-serverless-function-1774980103702-08508a', {\n function_inputs: [\n { name: 'search_query', value: searchQuery }\n ]\n });\n\n await nodes.setConfig('agent-1774980104459-46c127', {\n context: `Monitoring criteria: ${criteria || 'high quality, insightful content'}`\n });\n\n await nodes.setConfig('agent-1774980104939-da028f', {\n system_prompt: `You are a social media engagement expert. Draft a thoughtful reply that adds value to the conversation. Keep it concise (under 280 characters), authentic, and engaging. Do not be promotional or spammy.\\n\\nReply style instructions: ${replyStyle || 'Be conversational, add genuine insight, and engage authentically.'}`\n });\n\n setSaved(true);\n setSaving(false);\n\n await execution.runNodesInBackground(['automation-serverless-function-1774980103702-08508a']);\n } catch (err) {\n console.error(err);\n setSaving(false);\n }\n };\n\n return (\n

\n \n

Tweet Monitor

Surface high-quality tweets from any topic or community.

\n \n \n Feed\n \n

\n\n

\n \n\n \n\n

\n \n Search Query\n \n setSearchQuery(e.target.value)}\n className=\"w-full px-3.5 py-2.5 rounded-xl bg-zinc-900 text-white border border-zinc-800 focus:border-zinc-600 outline-none text-sm placeholder:text-zinc-700 transition-colors\"\n placeholder=\"#buildinpublic OR #indiehacker OR from:levelsio\"\n />\n

\n #hashtag{' '}\n from:user{' '}\n @mention{' '}\n \"phrase\"{' '}\n OR{' '}\n -exclude\n

\n\n

\n \n Quality Criteria\n \n setCriteria(e.target.value)}\n rows={3}\n className=\"w-full px-3.5 py-2.5 rounded-xl bg-zinc-900 text-white border border-zinc-800 focus:border-zinc-600 outline-none text-sm placeholder:text-zinc-700 transition-colors resize-none\"\n placeholder={\"What makes a tweet worth reviewing?\\n\\n\\u2022 Original insights or analysis\\n\\u2022 High engagement (5+ likes)\\n\\u2022 Not promotional or spam\"}\n />\n

\n\n

\n \n Reply Style\n \n setReplyStyle(e.target.value)}\n rows={3}\n className=\"w-full px-3.5 py-2.5 rounded-xl bg-zinc-900 text-white border border-zinc-800 focus:border-zinc-600 outline-none text-sm placeholder:text-zinc-700 transition-colors resize-none\"\n placeholder={\"How should drafted replies sound?\\n\\n\\u2022 Casual and friendly, like a peer\\n\\u2022 Ask a follow-up question when relevant\\n\\u2022 Never use emojis or hashtags\"}\n />\n

\n\n

\n \n {saving ? 'Saving...' : saved ? 'Saved \\u2014 Running now' : 'Save & Start Monitoring'}\n \n

\n\n {saved && (\n

\n Monitoring active. Check the{' '}\n \n {' '}for results.\n

\n )}\n

\n );\n}\n\nReactDOM.createRoot(document.getElementById('root')).render();",824,{"_116":410,"_118":411},-425.5803185705904,-142.34600262382918,{"_14":76,"_98":325,"_102":413,"_114":416},{"_153":414,"_328":329,"_233":415},"Rejected Tweet","Rejected tweet: {{iteration-1774980104214-efe3cb.item.text}}",{"_116":417,"_118":418},2702.637945795573,452.5932013210193,{"_14":80,"_98":341,"_100":420,"_102":421,"_112":429,"_114":430},350,{"_153":422,"_269":423},"Connect Google",[424],{"_16":425,"_98":348,"_153":426,"_18":427,"_351":428},"google_cred","Google Account","Select the Google account to create and write to the tracking sheet","google_sheets_oauth",280,{"_116":431,"_118":432},1576.4421599062553,962.7080487017197,{"_14":83,"_98":358,"_102":434,"_114":439},{"_360":435},[436],{"_193":437,"_364":438},"{{interface-form-1775030136704-0dd340.google_cred}}","sheet_cred",{"_116":440,"_118":441},2046.4223836885687,1057.5611693994877,{"_14":92,"_98":443,"_102":444,"_114":455},"state-manager",{"_445":446,"_453":454},"state",{"_447":448},"twitter_monitor_config",{"_449":450,"_451":452,"_192":194},"criteria","complaining","reply_style","nice and short","mcpAnimationState","adding",{"_116":456,"_118":457},-634.3328529641238,224.50335354863807,"variables",{"_438":460,"_425":460,"_347":461,"_462":158},"98952996-8b09-4f1d-8dc9-c00e7f738ecd","3f53d90c-acaa-401f-b4e4-346542910fa7","setup_completed","display_metadata",{"_465":466,"_470":471,"_472":473,"_479":-5},"viewport",{"_116":467,"_118":467,"_468":469},0,"zoom",1,"activeTab","canvas","flowHelperView",{"_112":474,"_470":475,"_476":7,"_477":365,"_478":7},385,"home","isExpanded","searchQuery","isFullScreen","selectedNodeId","owner_name","Sanskar Pandey","template_slug","twitterx-community-monitor-with-ai-analysis-auto-r","isEmbed","autoFork","initialView","actionData","errors"]