AI Generated Response

${response}

`); printWindow.document.close(); printWindow.print(); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white dark:bg-gray-900 p-4 md:p-8", __source: { fileName: "", lineNumber: 104, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto space-y-8", __source: { fileName: "", lineNumber: 105, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 106, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }, "AI Response Generator"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 dark:text-gray-300", __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, "Simply paste any message or email you've received into the text box below, or upload a file. The AI will generate a professional and appropriate response for you. Perfect for handling customer inquiries, order confirmations, or any other professional communication."), /*#__PURE__*/ React.createElement("p", { className: "text-blue-500 dark:text-blue-400", __source: { fileName: "", lineNumber: 117, columnNumber: 11 }, __self: this }, "App created by MAZ"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-2 border-dashed border-gray-200 dark:border-gray-700 rounded-lg p-4", __source: { fileName: "", lineNumber: 120, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", onChange: (e)=>e.target.files?.[0] && handleFileUpload(e.target.files[0]), className: "w-full text-gray-700 dark:text-gray-300", accept: ".txt,.doc,.docx", __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 131, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { value: input, onChange: (e)=>setInput(e.target.value), placeholder: "Paste the message you received here, and I'll help you write a response...", className: "w-full h-48 p-4 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800", __source: { fileName: "", lineNumber: 132, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500 dark:text-gray-400", __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this }, "Characters: ", input.length)), /*#__PURE__*/ React.createElement("button", { onClick: handleGenerateResponse, disabled: loading || !input.trim(), className: "w-full md:w-auto px-6 py-2 bg-gray-900 dark:bg-gray-700 text-white rounded hover:bg-gray-700 dark:hover:bg-gray-600 disabled:opacity-50", __source: { fileName: "", lineNumber: 144, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 151, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 152, columnNumber: 19 }, __self: this }), "Generating...") : "Generate Response"))), error && /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400 rounded-lg", __source: { fileName: "", lineNumber: 163, columnNumber: 11 }, __self: this }, error), (streamingMessage || response || loading) && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 169, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 170, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 171, columnNumber: 15 }, __self: this }, "Generated Response"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 174, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleCopy, className: "px-4 py-2 border border-gray-200 dark:border-gray-700 rounded text-gray-900 dark:text-gray-100 hover:bg-gray-900 hover:text-white dark:hover:bg-gray-700", __source: { fileName: "", lineNumber: 175, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy mr-2", __source: { fileName: "", lineNumber: 181, columnNumber: 19 }, __self: this }), "Copy"), /*#__PURE__*/ React.createElement("button", { onClick: handlePrint, className: "px-4 py-2 border border-gray-200 dark:border-gray-700 rounded text-gray-900 dark:text-gray-100 hover:bg-gray-900 hover:text-white dark:hover:bg-gray-700", __source: { fileName: "", lineNumber: 183, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-print mr-2", __source: { fileName: "", lineNumber: 189, columnNumber: 19 }, __self: this }), "Print"))), /*#__PURE__*/ React.createElement("textarea", { value: streamingMessage || response, onChange: (e)=>setResponse(e.target.value), placeholder: loading ? "Generating response..." : "AI response will appear here...", className: "w-full h-64 p-4 border border-gray-200 dark:border-gray-700 rounded-lg text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800", disabled: loading, __source: { fileName: "", lineNumber: 194, columnNumber: 13 }, __self: this })))); }