function ToolCard({ icon, title, description, route }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 rounded-lg p-6 inline-block", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl text-gray-600", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: icon, __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold text-gray-800", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, description), /*#__PURE__*/ React.createElement("a", { href: route, className: "bg-blue-600 text-white px-4 py-2 rounded-md inline-block hover:bg-blue-700 transition-colors font-medium text-center", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "EXPLORE"))); } function ToolCardStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ToolCard, { icon: "fas fa-robot", title: "AI Assistant", description: "Get help with your tasks using our advanced AI assistant.", route: "/ai-assistant", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(ToolCard, { icon: "fas fa-image", title: "Image Generator", description: "Create beautiful images using AI technology.", route: "/image-generator", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(ToolCard, { icon: "fas fa-code", title: "Code Helper", description: "Get assistance with your coding projects.", route: "/code-helper", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this })); } function MainComponent() { const [content, setContent] = useState(""); const [summaryLength, setSummaryLength] = useState("medium"); const [summary, setSummary] = useState(""); const [error, setError] = useState(null); const [loading, setLoading] = useState(false); const [streamingMessage, setStreamingMessage] = useState(""); const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: (message)=>{ setSummary(message); setStreamingMessage(""); } }); const generateSummary = async ()=>{ if (!content.trim()) { setError("Please enter some content to summarize"); return; } setLoading(true); setError(null); setSummary(""); try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: `Please provide a ${summaryLength} summary of the following text: ${content}` } ], stream: true }) }); handleStreamResponse(response); } catch (err) { setError("Failed to generate summary. Please try again."); console.error(err); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto p-6 space-y-8", __source: { fileName: "", lineNumber: 51, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center space-y-4", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "Summary Generator"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, "Transform your long text into a concise summary")), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { value: content, onChange: (e)=>setContent(e.target.value), className: "w-full h-64 p-4 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-none", placeholder: "Paste your text here...", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-4 items-center", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: summaryLength, onChange: (e)=>setSummaryLength(e.target.value), className: "p-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "short", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, "Short"), /*#__PURE__*/ React.createElement("option", { value: "medium", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "Medium"), /*#__PURE__*/ React.createElement("option", { value: "long", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, "Long")), /*#__PURE__*/ React.createElement("button", { onClick: generateSummary, disabled: loading, className: "bg-blue-600 text-white px-6 py-2 rounded-lg hover:bg-blue-700 transition-colors disabled:bg-blue-300 disabled:cursor-not-allowed flex-1 sm:flex-none", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, loading ? "Generating..." : "Generate Summary")), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-center", __source: { fileName: "", lineNumber: 89, columnNumber: 19 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-6 rounded-lg min-h-[200px]", __source: { fileName: "", lineNumber: 91, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, "Summary"), /*#__PURE__*/ React.createElement("div", { className: "prose", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, streamingMessage || summary || "Your summary will appear here...")))); }