\n {/* Header */}\n

\n 📄 TLDR This\n

\n Summarize any article or text in seconds\n

\n Paste a URL or article text below to get a concise 1-3 sentence summary\n

\n\n {/* Main Form */}\n

\n {/* Input Section */}\n

\n \n {isUrl ? \"🔗 Article URL\" : \"📝 Article Text\"}\n \n

\n \n Try Example\n \n {content && (\n \n Clear\n \n )}\n

\n \n handleContentChange(e.target.value)}\n placeholder={isUrl \n ? \"https://example.com/article-to-summarize\" \n : \"Paste your article text here...\"\n }\n className=\"w-full h-32 md:h-40 p-4 rounded-xl bg-white/10 border border-white/20 text-white placeholder-white/50 focus:outline-none focus:ring-2 focus:ring-white/30 focus:border-transparent resize-none\"\n disabled={isLoading}\n />\n \n {content && (\n

\n {isUrl ? \"🔗 Detected as URL\" : `📝 ${content.length} characters`}\n

\n )}\n

\n\n {/* Submit Button */}\n \n {isLoading ? (\n <>\n

\n {isUrl ? \"Fetching & Summarizing...\" : \"Summarizing...\"}\n \n ) : (\n <>\n ✨ Summarize\n \n )}\n \n \n

\n\n {/* Results Section */}\n {result && (\n

\n {result.success ? (\n

\n {/* Success Result */}\n

✅

\n Summary\n

\n {result.title && result.title !== \"User Content\" && (\n

\n Title: {result.title}\n

\n )}\n

\n {result.summary}\n

\n {result.originalUrl && (\n

\n Source:{\" \"}\n \n {result.originalUrl}\n \n

\n )}\n

\n ) : (\n

\n {/* Error Result */}\n

❌

\n Error\n

\n {result.error}\n

\n )}\n

\n )}\n\n {/* Footer */}\n

\n Powered by OpenAI • Built with ❤️ on Val Town\n

\n );\n}","deleted","label",[170,171,151],"frontend","components","permalink","https://www.val.town/x/Kymmsy/TLDR/code/frontend/components/App.tsx","extension","actionData","errors"]