\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":432,"_118":433},-425.5803185705904,-142.34600262382918,{"_14":76,"_98":347,"_102":435,"_114":439},{"_153":436,"_350":351,"_102":437,"_249":438,"_156":7,"_172":238},"Rejected Tweet",{"_156":7},"Rejected tweet: {{iteration-1774980104214-efe3cb.item.text}}",{"_116":440,"_118":441},2702.637945795573,452.5932013210193,{"_14":80,"_98":363,"_100":443,"_102":444,"_112":451,"_114":452},350,{"_153":445,"_286":446},"Connect Google",[447],{"_16":448,"_98":370,"_153":449,"_18":450,"_229":341},"google_cred","Google Account","Select the Google account to create and write to the tracking sheet",280,{"_116":453,"_118":454},1576.4421599062553,962.7080487017197,{"_14":83,"_98":378,"_102":456,"_114":460},{"_380":457},[458],{"_202":459,"_384":385},"{{interface-form-1775030136704-0dd340.google_cred}}",{"_116":461,"_118":462},2046.4223836885687,1057.5611693994877,{"_14":92,"_98":464,"_102":465,"_114":476},"state-manager",{"_466":467,"_172":179,"_474":475},"state",{"_468":469},"twitter_monitor_config",{"_470":471,"_472":473,"_201":203},"criteria","complaining","reply_style","nice and short","mcpAnimationState","adding",{"_116":477,"_118":478},-634.3328529641238,224.50335354863807,"interface",{"_481":482,"_494":495},"layout",[483],{"_484":485,"_486":93,"_487":488,"_116":489,"_118":489,"_490":491,"_492":493},"h",4,"i","w",6,0,"minH",2,"minW",3,"tabOrder",[],"variables",{},"display_metadata",{"_500":501,"_506":507,"_508":509,"_515":-5},"viewport",{"_116":502,"_118":503,"_504":505},385.1210148956866,167.1443093819011,"zoom",0.32638229240222427,"activeTab","canvas","flowHelperView",{"_112":510,"_506":511,"_512":7,"_513":385,"_514":7},385,"home","isExpanded","searchQuery","isFullScreen","selectedNodeId","owner_name","Dhruv Yadav","template_slug","twitterx-community-monitor-with-ai-analysis-auto-r","isEmbed","autoFork","initialView","actionData","errors"]