function MainComponent() { const [activeTab, setActiveTab] = useState("vote"); const [priorities, setPriorities] = useState([]); const [decisionMaking, setDecisionMaking] = useState(""); const [techRole, setTechRole] = useState(""); const [balance, setBalance] = useState(""); const [values, setValues] = useState([]); const [showNotification, setShowNotification] = useState(false); const [notificationMessage, setNotificationMessage] = useState(""); const [notificationColor, setNotificationColor] = useState("green"); const [categoryFilter, setCategoryFilter] = useState(""); const [statusFilter, setStatusFilter] = useState(""); const [selectedVote, setSelectedVote] = useState(null); const [loading, setLoading] = useState(false); const [votingInProgress, setVotingInProgress] = useState(false); const [votes, setVotes] = useState([ { id: 1, question: "Should we develop a 15M new business district in the downtown area?", category: "business", status: "open", details: "Proposal for developing a new business district in the downtown area. This project aims to boost the local economy by attracting new businesses and creating job opportunities. The development will include office spaces, retail outlets, and recreational areas. Environmental impact assessments have been conducted to ensure sustainability. Community feedback sessions will be held to address any concerns.", budget: "$15M", timeline: "2 years", deadline: "March 15, 2025" }, { id: 2, question: "Should we implement solar panels in public buildings?", category: "environment", status: "open", details: "Implementation of solar panels in public buildings to reduce carbon footprint and promote renewable energy usage. This initiative is expected to save on energy costs in the long run and set an example for private sectors. The project will be rolled out in phases, starting with government offices and schools. Public awareness campaigns will be conducted to educate citizens on the benefits of solar energy.", budget: "$5M", timeline: "1 year", deadline: "March 20, 2025" }, { id: 3, question: "Should we adjust the property tax rates?", category: "taxes", status: "closed", details: "Annual review of property tax rates to ensure they are fair and equitable. The review considers inflation rates, public service funding needs, and economic conditions. Public consultations were held to gather input from residents and businesses. The proposed adjustments aim to balance the budget while minimizing the financial burden on taxpayers.", budget: "N/A", timeline: "N/A", deadline: "February 28, 2025" } ]); const isAgentConfigured = ()=>{ return priorities.length > 0 && decisionMaking && techRole && balance && values.length > 0; }; const handlePrioritiesChange = (e)=>{ const selected = Array.from(e.target.selectedOptions).map((option)=>option.value); if (selected.length <= 3) { setPriorities(selected); } }; const handleValuesChange = (e)=>{ const selected = Array.from(e.target.selectedOptions).map((option)=>option.value); if (selected.length <= 3) { setValues(selected); } }; const handleUpdate = ()=>{ setNotificationColor("green"); setNotificationMessage("Clone configuration updated successfully!"); setShowNotification(true); setTimeout(()=>setShowNotification(false), 3000); }; const handleVote = async (voteId)=>{ if (!isAgentConfigured()) { setNotificationColor("red"); setNotificationMessage("Please configure your agent before voting"); setShowNotification(true); setTimeout(()=>setShowNotification(false), 3000); return; } setVotingInProgress(true); try { const vote = votes.find((v)=>v.id === voteId); const response = await fetch("/integrations/anthropic-claude-sonnet-3-5/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: `Based on the following user preferences, should they vote yes or no on this proposal? Respond with just "yes" or "no". Proposal: ${vote.question} Details: ${vote.details} Budget: ${vote.budget} Timeline: ${vote.timeline} User preferences: Priorities: ${priorities.join(", ")} Decision making style: ${decisionMaking} View on technology: ${techRole} Balance between individual/collective: ${balance} Core values: ${values.join(", ")}` } ] }) }); const data = await response.json(); const decision = data.choices[0].message.content.toLowerCase().includes("yes"); setVotes((currentVotes)=>currentVotes.map((v)=>v.id === voteId ? { ...v, agentVote: decision } : v)); setNotificationColor("green"); setNotificationMessage("Vote submitted successfully!"); setShowNotification(true); setTimeout(()=>setShowNotification(false), 3000); } catch (error) { console.error("Error voting:", error); } finally{ setVotingInProgress(false); } }; const filteredVotes = votes.filter((vote)=>{ if (categoryFilter && vote.category !== categoryFilter) return false; if (statusFilter && vote.status !== statusFilter) return false; return true; }); return /*#__PURE__*/ React.createElement("div", { className: "flex h-screen w-full", __source: { fileName: "", lineNumber: 159, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-64 bg-[#1a1a1a] text-white p-6 flex flex-col", __source: { fileName: "", lineNumber: 160, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-10", __source: { fileName: "", lineNumber: 161, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold font-roboto mb-2", __source: { fileName: "", lineNumber: 162, columnNumber: 11 }, __self: this }, "Agentic Civic Engagement"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto text-gray-400", __source: { fileName: "", lineNumber: 165, columnNumber: 11 }, __self: this }, "Digital Clones Voting for Community Change")), /*#__PURE__*/ React.createElement("nav", { className: "space-y-2", __source: { fileName: "", lineNumber: 170, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("vote"), className: `w-full text-left px-4 py-2 rounded-lg font-roboto flex items-center ${activeTab === "vote" ? "bg-[#2a2a2a] text-white" : "text-gray-400 hover:bg-[#2a2a2a]"}`, __source: { fileName: "", lineNumber: 171, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-vote-yea mr-3", __source: { fileName: "", lineNumber: 179, columnNumber: 13 }, __self: this }), "Vote"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("config"), className: `w-full text-left px-4 py-2 rounded-lg font-roboto flex items-center ${activeTab === "config" ? "bg-[#2a2a2a] text-white" : "text-gray-400 hover:bg-[#2a2a2a]"}`, __source: { fileName: "", lineNumber: 183, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog mr-3", __source: { fileName: "", lineNumber: 191, columnNumber: 13 }, __self: this }), "Configuration"))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 bg-[#f5f5f5] p-6 overflow-y-auto", __source: { fileName: "", lineNumber: 197, columnNumber: 7 }, __self: this }, activeTab === "vote" && /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 199, columnNumber: 11 }, __self: this }, selectedVote ? /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-sm", __source: { fileName: "", lineNumber: 201, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedVote(null), className: "mb-6 flex items-center text-gray-600 hover:text-gray-800", __source: { fileName: "", lineNumber: 202, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 206, columnNumber: 19 }, __self: this }), "Back to proposals"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 209, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 210, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-roboto mb-2", __source: { fileName: "", lineNumber: 211, columnNumber: 21 }, __self: this }, selectedVote.question), /*#__PURE__*/ React.createElement("span", { className: `px-3 py-1 rounded-full text-sm ${selectedVote.status === "open" ? "bg-green-100 text-green-800" : "bg-red-100 text-red-800"}`, __source: { fileName: "", lineNumber: 214, columnNumber: 21 }, __self: this }, selectedVote.status)), /*#__PURE__*/ React.createElement("span", { className: "inline-block px-3 py-1 bg-gray-100 rounded-full text-sm", __source: { fileName: "", lineNumber: 224, columnNumber: 19 }, __self: this }, selectedVote.category)), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 228, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 229, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2 font-roboto", __source: { fileName: "", lineNumber: 230, columnNumber: 21 }, __self: this }, "Details"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 231, columnNumber: 21 }, __self: this }, selectedVote.details)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 233, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2 font-roboto", __source: { fileName: "", lineNumber: 234, columnNumber: 21 }, __self: this }, "Budget Impact"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 237, columnNumber: 21 }, __self: this }, selectedVote.budget)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 239, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2 font-roboto", __source: { fileName: "", lineNumber: 240, columnNumber: 21 }, __self: this }, "Timeline"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 241, columnNumber: 21 }, __self: this }, selectedVote.timeline)), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500 mb-6", __source: { fileName: "", lineNumber: 243, columnNumber: 19 }, __self: this }, "Deadline: ", selectedVote.deadline), selectedVote.status === "open" && !selectedVote.agentVote && /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 248, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: (e)=>{ e.stopPropagation(); handleVote(selectedVote.id); }, disabled: votingInProgress, className: "flex-1 bg-blue-500 text-white py-2 px-4 rounded-lg hover:bg-blue-600 transition-colors font-roboto disabled:bg-gray-400", __source: { fileName: "", lineNumber: 249, columnNumber: 25 }, __self: this }, votingInProgress ? "Voting in progress..." : "Vote")), selectedVote.agentVote !== undefined && /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4 rounded-lg", __source: { fileName: "", lineNumber: 262, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 263, columnNumber: 23 }, __self: this }, "Your agent voted:", " ", selectedVote.agentVote ? "Yes" : "No")))) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 273, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-roboto", __source: { fileName: "", lineNumber: 274, columnNumber: 19 }, __self: this }, "Active Proposals"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 277, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: categoryFilter, onChange: (e)=>setCategoryFilter(e.target.value), className: "p-2 border rounded-lg", __source: { fileName: "", lineNumber: 278, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 283, columnNumber: 23 }, __self: this }, "All Categories"), /*#__PURE__*/ React.createElement("option", { value: "business", __source: { fileName: "", lineNumber: 284, columnNumber: 23 }, __self: this }, "Business"), /*#__PURE__*/ React.createElement("option", { value: "environment", __source: { fileName: "", lineNumber: 285, columnNumber: 23 }, __self: this }, "Environment"), /*#__PURE__*/ React.createElement("option", { value: "taxes", __source: { fileName: "", lineNumber: 286, columnNumber: 23 }, __self: this }, "Taxes")), /*#__PURE__*/ React.createElement("select", { value: statusFilter, onChange: (e)=>setStatusFilter(e.target.value), className: "p-2 border rounded-lg", __source: { fileName: "", lineNumber: 288, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 293, columnNumber: 23 }, __self: this }, "All Status"), /*#__PURE__*/ React.createElement("option", { value: "open", __source: { fileName: "", lineNumber: 294, columnNumber: 23 }, __self: this }, "Open"), /*#__PURE__*/ React.createElement("option", { value: "closed", __source: { fileName: "", lineNumber: 295, columnNumber: 23 }, __self: this }, "Closed")))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 299, columnNumber: 17 }, __self: this }, filteredVotes.map((vote)=>/*#__PURE__*/ React.createElement("div", { key: vote.id, onClick: ()=>setSelectedVote(vote), className: "bg-white p-6 rounded-lg shadow-sm hover:shadow-md transition-shadow cursor-pointer", __source: { fileName: "", lineNumber: 301, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-4", __source: { fileName: "", lineNumber: 306, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold font-roboto", __source: { fileName: "", lineNumber: 307, columnNumber: 25 }, __self: this }, vote.question), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 310, columnNumber: 25 }, __self: this }, vote.agentVote !== undefined && /*#__PURE__*/ React.createElement("span", { className: `px-3 py-1 rounded-full text-sm ${vote.agentVote ? "bg-blue-100 text-blue-800" : "bg-orange-100 text-orange-800"}`, __source: { fileName: "", lineNumber: 312, columnNumber: 29 }, __self: this }, "Voted: ", vote.agentVote ? "Yes" : "No"), /*#__PURE__*/ React.createElement("span", { className: `px-3 py-1 rounded-full text-sm ${vote.status === "open" ? "bg-green-100 text-green-800" : "bg-red-100 text-red-800"}`, __source: { fileName: "", lineNumber: 322, columnNumber: 27 }, __self: this }, vote.status))), /*#__PURE__*/ React.createElement("span", { className: "inline-block px-3 py-1 bg-gray-100 rounded-full text-sm mb-4", __source: { fileName: "", lineNumber: 333, columnNumber: 23 }, __self: this }, vote.category), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 336, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 337, columnNumber: 25 }, __self: this }, "Deadline: ", vote.deadline))))))), activeTab === "config" && /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 349, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-roboto mb-6", __source: { fileName: "", lineNumber: 350, columnNumber: 13 }, __self: this }, "Configure Your Digital Clone"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-8 font-roboto", __source: { fileName: "", lineNumber: 353, columnNumber: 13 }, __self: this }, "Your clone will vote on your behalf so needs to know your beliefs."), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 357, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 358, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2 font-roboto", __source: { fileName: "", lineNumber: 359, columnNumber: 17 }, __self: this }, "What are your top priorities for community improvement? (Select up to 3)"), /*#__PURE__*/ React.createElement("select", { multiple: true, value: priorities, onChange: handlePrioritiesChange, className: "w-full p-2 border rounded-lg", __source: { fileName: "", lineNumber: 363, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "environmental", __source: { fileName: "", lineNumber: 369, columnNumber: 19 }, __self: this }, "Environmental sustainability"), /*#__PURE__*/ React.createElement("option", { value: "safety", __source: { fileName: "", lineNumber: 372, columnNumber: 19 }, __self: this }, "Public safety"), /*#__PURE__*/ React.createElement("option", { value: "education", __source: { fileName: "", lineNumber: 373, columnNumber: 19 }, __self: this }, "Education and youth development"), /*#__PURE__*/ React.createElement("option", { value: "healthcare", __source: { fileName: "", lineNumber: 376, columnNumber: 19 }, __self: this }, "Healthcare access and affordability"), /*#__PURE__*/ React.createElement("option", { value: "housing", __source: { fileName: "", lineNumber: 379, columnNumber: 19 }, __self: this }, "Affordable housing"), /*#__PURE__*/ React.createElement("option", { value: "economic", __source: { fileName: "", lineNumber: 380, columnNumber: 19 }, __self: this }, "Economic growth and job creation"), /*#__PURE__*/ React.createElement("option", { value: "infrastructure", __source: { fileName: "", lineNumber: 383, columnNumber: 19 }, __self: this }, "Infrastructure and transportation"), /*#__PURE__*/ React.createElement("option", { value: "social", __source: { fileName: "", lineNumber: 386, columnNumber: 19 }, __self: this }, "Social justice and equity"), /*#__PURE__*/ React.createElement("option", { value: "arts", __source: { fileName: "", lineNumber: 387, columnNumber: 19 }, __self: this }, "Arts and culture"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 390, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2 font-roboto", __source: { fileName: "", lineNumber: 391, columnNumber: 17 }, __self: this }, "How do you typically approach decision-making in group settings?"), /*#__PURE__*/ React.createElement("select", { value: decisionMaking, onChange: (e)=>setDecisionMaking(e.target.value), className: "w-full p-2 border rounded-lg", __source: { fileName: "", lineNumber: 395, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 400, columnNumber: 19 }, __self: this }, "Select an option"), /*#__PURE__*/ React.createElement("option", { value: "majority", __source: { fileName: "", lineNumber: 401, columnNumber: 19 }, __self: this }, "Prioritize majority opinion"), /*#__PURE__*/ React.createElement("option", { value: "minority", __source: { fileName: "", lineNumber: 402, columnNumber: 19 }, __self: this }, "Advocate for minority or underrepresented voices"), /*#__PURE__*/ React.createElement("option", { value: "consensus", __source: { fileName: "", lineNumber: 405, columnNumber: 19 }, __self: this }, "Seek compromise and consensus"), /*#__PURE__*/ React.createElement("option", { value: "data", __source: { fileName: "", lineNumber: 408, columnNumber: 19 }, __self: this }, "Rely on data and expert opinions"), /*#__PURE__*/ React.createElement("option", { value: "authority", __source: { fileName: "", lineNumber: 409, columnNumber: 19 }, __self: this }, "Defer to leadership or authority figures"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 414, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2 font-roboto", __source: { fileName: "", lineNumber: 415, columnNumber: 17 }, __self: this }, "What role should technology play in shaping community policies?"), /*#__PURE__*/ React.createElement("select", { value: techRole, onChange: (e)=>setTechRole(e.target.value), className: "w-full p-2 border rounded-lg", __source: { fileName: "", lineNumber: 419, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 424, columnNumber: 19 }, __self: this }, "Select an option"), /*#__PURE__*/ React.createElement("option", { value: "integrated", __source: { fileName: "", lineNumber: 425, columnNumber: 19 }, __self: this }, "Heavily integrated into decision-making processes"), /*#__PURE__*/ React.createElement("option", { value: "cautious", __source: { fileName: "", lineNumber: 428, columnNumber: 19 }, __self: this }, "Cautiously adopted with strict oversight"), /*#__PURE__*/ React.createElement("option", { value: "minimal", __source: { fileName: "", lineNumber: 431, columnNumber: 19 }, __self: this }, "Minimally involved, with human judgment as primary driver"), /*#__PURE__*/ React.createElement("option", { value: "data", __source: { fileName: "", lineNumber: 434, columnNumber: 19 }, __self: this }, "Used only for data collection and analysis"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 439, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2 font-roboto", __source: { fileName: "", lineNumber: 440, columnNumber: 17 }, __self: this }, "How do you balance individual freedoms with collective responsibility?"), /*#__PURE__*/ React.createElement("select", { value: balance, onChange: (e)=>setBalance(e.target.value), className: "w-full p-2 border rounded-lg", __source: { fileName: "", lineNumber: 444, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 449, columnNumber: 19 }, __self: this }, "Select an option"), /*#__PURE__*/ React.createElement("option", { value: "individual", __source: { fileName: "", lineNumber: 450, columnNumber: 19 }, __self: this }, "Prioritize individual freedoms above all else"), /*#__PURE__*/ React.createElement("option", { value: "collective", __source: { fileName: "", lineNumber: 453, columnNumber: 19 }, __self: this }, "Emphasize collective responsibility and communal well-being"), /*#__PURE__*/ React.createElement("option", { value: "balanced", __source: { fileName: "", lineNumber: 456, columnNumber: 19 }, __self: this }, "Seek a balanced approach between the two"), /*#__PURE__*/ React.createElement("option", { value: "context", __source: { fileName: "", lineNumber: 459, columnNumber: 19 }, __self: this }, "Depends on the specific issue or context"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 464, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2 font-roboto", __source: { fileName: "", lineNumber: 465, columnNumber: 17 }, __self: this }, "What values guide your decisions when voting or supporting policies? (Select up to 3)"), /*#__PURE__*/ React.createElement("select", { multiple: true, value: values, onChange: handleValuesChange, className: "w-full p-2 border rounded-lg", __source: { fileName: "", lineNumber: 469, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "equity", __source: { fileName: "", lineNumber: 475, columnNumber: 19 }, __self: this }, "Equity and fairness"), /*#__PURE__*/ React.createElement("option", { value: "growth", __source: { fileName: "", lineNumber: 476, columnNumber: 19 }, __self: this }, "Economic growth and prosperity"), /*#__PURE__*/ React.createElement("option", { value: "environment", __source: { fileName: "", lineNumber: 477, columnNumber: 19 }, __self: this }, "Environmental conservation"), /*#__PURE__*/ React.createElement("option", { value: "rights", __source: { fileName: "", lineNumber: 480, columnNumber: 19 }, __self: this }, "Social justice and human rights"), /*#__PURE__*/ React.createElement("option", { value: "tradition", __source: { fileName: "", lineNumber: 483, columnNumber: 19 }, __self: this }, "Tradition and cultural preservation"), /*#__PURE__*/ React.createElement("option", { value: "innovation", __source: { fileName: "", lineNumber: 486, columnNumber: 19 }, __self: this }, "Innovation and progress"), /*#__PURE__*/ React.createElement("option", { value: "fiscal", __source: { fileName: "", lineNumber: 487, columnNumber: 19 }, __self: this }, "Fiscal responsibility"), /*#__PURE__*/ React.createElement("option", { value: "community", __source: { fileName: "", lineNumber: 488, columnNumber: 19 }, __self: this }, "Community and family values"))), /*#__PURE__*/ React.createElement("button", { onClick: handleUpdate, className: "w-full bg-[#1a1a1a] text-white py-2 px-4 rounded-lg hover:bg-[#2a2a2a] transition-colors font-roboto", __source: { fileName: "", lineNumber: 491, columnNumber: 15 }, __self: this }, "Update Clone Configuration")))), showNotification && /*#__PURE__*/ React.createElement("div", { className: `fixed bottom-4 right-4 ${notificationColor === "green" ? "bg-green-500" : "bg-red-500"} text-white px-6 py-3 rounded-lg shadow-lg`, __source: { fileName: "", lineNumber: 502, columnNumber: 9 }, __self: this }, notificationMessage)); }