function FinancialWidget({ balance = 50000, expenses = 30000, income = 80000, transactions = [ { amount: 5000, date: "2024-01" }, { amount: 6000, date: "2024-02" }, { amount: 4500, date: "2024-03" }, { amount: 7000, date: "2024-04" } ] }) { const [selectedMetric, setSelectedMetric] = useState("balance"); const [showAIInsights, setShowAIInsights] = useState(false); const [forecastPeriod, setForecastPeriod] = useState(3); const chartData = transactions.map((t)=>t.amount); const months = transactions.map((t)=>{ const date = new Date(t.date); return date.toLocaleString("it-IT", { month: "short" }); }); const generateForecast = ()=>{ const lastValues = chartData.slice(-3); const avg = lastValues.reduce((a, b)=>a + b, 0) / lastValues.length; const trend = (lastValues[lastValues.length - 1] - lastValues[0]) / lastValues.length; return Array(forecastPeriod).fill(0).map((_, i)=>{ return Math.max(0, avg + trend * (i + 1)); }); }; const forecastData = generateForecast(); const forecastMonths = Array(forecastPeriod).fill(0).map((_, i)=>{ const lastDate = new Date(transactions[transactions.length - 1].date); lastDate.setMonth(lastDate.getMonth() + i + 1); return lastDate.toLocaleString("it-IT", { month: "short" }); }); const allData = [ ...chartData, ...forecastData ]; const allMonths = [ ...months, ...forecastMonths ]; return /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-6 w-full max-w-[800px]", __source: { fileName: "", lineNumber: 48, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold font-roboto", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, "Analisi Finanziaria"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAIInsights(!showAIInsights), className: "bg-blue-500 text-white px-4 py-2 rounded-lg flex items-center space-x-2", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "Insights AI"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mb-6", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8fafc] p-4 rounded-lg", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm text-gray-600 font-roboto mb-1", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, "Saldo"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-semibold font-roboto", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, "€", balance.toLocaleString())), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8fafc] p-4 rounded-lg", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm text-gray-600 font-roboto mb-1", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, "Entrate"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-semibold font-roboto text-green-600", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, "€", income.toLocaleString())), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8fafc] p-4 rounded-lg", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm text-gray-600 font-roboto mb-1", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, "Uscite"), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-semibold font-roboto text-red-600", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, "€", expenses.toLocaleString()))), showAIInsights && /*#__PURE__*/ React.createElement("div", { className: "bg-blue-50 p-4 rounded-lg mb-6", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2 text-blue-800", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, "Analisi AI"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2 text-sm text-blue-700", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line mr-2", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }), "Trend al rialzo del", " ", ((forecastData[0] / chartData[chartData.length - 1] - 1) * 100).toFixed(1), "% previsto"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bullseye mr-2", __source: { fileName: "", lineNumber: 96, columnNumber: 15 }, __self: this }), "Obiettivo suggerito per il prossimo trimestre: €", Math.round(forecastData[2]).toLocaleString()))), /*#__PURE__*/ React.createElement("div", { className: "h-[300px] relative", __source: { fileName: "", lineNumber: 104, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 left-0 right-0 h-[200px] flex items-end space-x-4", __source: { fileName: "", lineNumber: 105, columnNumber: 9 }, __self: this }, allData.map((value, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex-1 flex flex-col items-center", __source: { fileName: "", lineNumber: 107, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-full rounded-t ${index >= chartData.length ? "bg-blue-300 bg-opacity-50" : "bg-blue-500"}`, style: { height: `${value / Math.max(...allData) * 100}%` }, __source: { fileName: "", lineNumber: 108, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xs mt-2 font-roboto", __source: { fileName: "", lineNumber: 118, columnNumber: 15 }, __self: this }, allMonths[index], index >= chartData.length && /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line text-blue-500 ml-1", __source: { fileName: "", lineNumber: 121, columnNumber: 19 }, __self: this }))))))); } function FinancialWidgetStory() { const mockData = { balance: 75000, expenses: 45000, income: 120000, transactions: [ { amount: 8000, date: "2024-01" }, { amount: 9500, date: "2024-02" }, { amount: 7500, date: "2024-03" }, { amount: 11000, date: "2024-04" } ] }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-100 min-h-screen", __source: { fileName: "", lineNumber: 146, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(FinancialWidget, { ...mockData, __source: { fileName: "", lineNumber: 147, columnNumber: 7 }, __self: this })); } function ProjectCard({ type, client, status, progress, address, notifications = [], recommendations = [] }) { const [showNotifications, setShowNotifications] = useState(false); const [showRecommendations, setShowRecommendations] = useState(false); return /*#__PURE__*/ React.createElement("div", { className: "border border-gray-200 rounded-lg p-4 bg-white shadow-sm", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-3", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-lg font-roboto text-gray-800", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, client), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-sm", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, type)), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, notifications.length > 0 && /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowNotifications(!showNotifications), className: "relative", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bell text-blue-500", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "absolute -top-1 -right-1 bg-red-500 text-white text-xs w-4 h-4 rounded-full flex items-center justify-center", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, notifications.length)), recommendations.length > 0 && /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowRecommendations(!showRecommendations), className: "relative", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot text-green-500", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "absolute -top-1 -right-1 bg-green-500 text-white text-xs w-4 h-4 rounded-full flex items-center justify-center", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, recommendations.length)), /*#__PURE__*/ React.createElement("span", { className: `px-2 py-1 rounded-full text-sm ${status === "In Corso" ? "bg-blue-100 text-blue-800" : status === "Pianificazione" ? "bg-orange-100 text-orange-800" : "bg-green-100 text-green-800"}`, __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, status))), showNotifications && notifications.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mb-3 bg-blue-50 rounded-lg p-2", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, notifications.map((notification, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "text-sm text-blue-800 mb-1", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle mr-2", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }), notification))), showRecommendations && recommendations.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mb-3 bg-green-50 rounded-lg p-2", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, recommendations.map((recommendation, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "text-sm text-green-800 mb-1", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lightbulb mr-2", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }), recommendation))), /*#__PURE__*/ React.createElement("div", { className: "mb-3", __source: { fileName: "", lineNumber: 81, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-sm", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt mr-2", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }), address)), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 88, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-sm text-gray-600 mb-1", __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, "Progresso"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, progress, "%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-green-600 h-2 rounded-full transition-all duration-300", style: { width: `${progress}%` }, __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this })))); } function ProjectCardStory() { const exampleProjects = [ { type: "Pompa di Calore", client: "Mario Rossi", status: "In Corso", progress: 65, address: "Via Roma 123, Milano", notifications: [ "Ispezione programmata per domani", "Materiali in arrivo oggi" ], recommendations: [ "Ottimizza il consumo energetico aumentando l'isolamento", "Considera l'installazione di un sistema di monitoraggio smart" ] }, { type: "Pannelli Solari", client: "Giuseppe Verdi", status: "Pianificazione", progress: 25, address: "Via Dante 45, Roma", notifications: [ "Approvazione comunale ricevuta" ], recommendations: [ "Analisi dell'orientamento ottimale dei pannelli consigliata" ] }, { type: "Impianto Fotovoltaico", client: "Anna Bianchi", status: "Completato", progress: 100, address: "Via Garibaldi 78, Torino", notifications: [], recommendations: [ "Pianifica la manutenzione preventiva", "Considera l'upgrade del sistema di accumulo" ] } ]; return /*#__PURE__*/ React.createElement("div", { className: "p-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 147, columnNumber: 5 }, __self: this }, exampleProjects.map((project, index)=>/*#__PURE__*/ React.createElement(ProjectCard, { key: index, ...project, __source: { fileName: "", lineNumber: 149, columnNumber: 9 }, __self: this }))); } function MainComponent() { const [selectedProject, setSelectedProject] = useState(null); const projects = [ { id: 1, name: "Progetto Alpha", progress: 75, stato: "In corso" }, { id: 2, name: "Progetto Beta", progress: 30, stato: "In revisione" }, { id: 3, name: "Progetto Gamma", progress: 90, stato: "Quasi completato" } ]; const stats = [ { titolo: "Entrate Mensili", valore: "€12,500", trend: "+12%", icon: "fa-solid fa-arrow-trend-up" }, { titolo: "Spese", valore: "€4,200", trend: "-5%", icon: "fa-solid fa-arrow-trend-down" }, { titolo: "Profitto", valore: "€8,300", trend: "+8%", icon: "fa-solid fa-arrow-trend-up" } ]; const quickActions = [ { titolo: "Nuovo Progetto", icon: "fa-solid fa-plus" }, { titolo: "Gestione Team", icon: "fa-solid fa-users" }, { titolo: "Report", icon: "fa-solid fa-chart-line" }, { titolo: "Impostazioni", icon: "fa-solid fa-gear" } ]; const [activeTab, setActiveTab] = useState("timeline"); const [showAIInsights, setShowAIInsights] = useState(false); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f8f9fa] p-6", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center mb-8", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold font-poppins text-[#2c3e50]", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "Dashboard"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#3498db] text-white px-4 py-2 rounded-lg hover:bg-[#2980b9] transition-colors", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-bell mr-2", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }), "Notifiche"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#2ecc71] text-white px-4 py-2 rounded-lg hover:bg-[#27ae60] transition-colors", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-plus mr-2", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }), "Nuovo"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 mb-8", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, stats.map((stat, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white p-6 rounded-xl shadow-sm", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-[#7f8c8d] font-poppins", __source: { fileName: "", lineNumber: 61, columnNumber: 17 }, __self: this }, stat.titolo), /*#__PURE__*/ React.createElement("i", { className: `${stat.icon} text-2xl text-[#3498db]`, __source: { fileName: "", lineNumber: 62, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold mt-2 font-poppins", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, stat.valore), /*#__PURE__*/ React.createElement("p", { className: `text-sm ${stat.trend.includes("+") ? "text-[#2ecc71]" : "text-[#e74c3c]"}`, __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, stat.trend, " questo mese")))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-4 mb-8", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, quickActions.map((action, index)=>/*#__PURE__*/ React.createElement("button", { key: index, className: "flex items-center justify-center gap-3 bg-white p-4 rounded-xl shadow-sm hover:bg-[#f1f2f6] transition-colors", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${action.icon} text-[#3498db]`, __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-poppins", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, action.titolo)))), /*#__PURE__*/ React.createElement("div", { className: "mb-8 bg-white rounded-xl shadow-sm p-6", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 mb-6", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("timeline"), className: `px-4 py-2 rounded-lg ${activeTab === "timeline" ? "bg-[#3498db] text-white" : "bg-[#f1f2f6]"}`, __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-timeline mr-2", __source: { fileName: "", lineNumber: 98, columnNumber: 15 }, __self: this }), "Timeline"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("resources"), className: `px-4 py-2 rounded-lg ${activeTab === "resources" ? "bg-[#3498db] text-white" : "bg-[#f1f2f6]"}`, __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-people-group mr-2", __source: { fileName: "", lineNumber: 108, columnNumber: 15 }, __self: this }), "Risorse"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAIInsights(!showAIInsights), className: `px-4 py-2 rounded-lg ${showAIInsights ? "bg-[#3498db] text-white" : "bg-[#f1f2f6]"}`, __source: { fileName: "", lineNumber: 110, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-robot mr-2", __source: { fileName: "", lineNumber: 116, columnNumber: 15 }, __self: this }), "AI Insights")), activeTab === "timeline" && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, projects.map((project)=>/*#__PURE__*/ React.createElement("div", { key: project.id, className: "flex items-center gap-4 p-4 border-l-4 border-[#3498db] bg-[#f8f9fa] rounded-r-lg", __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-32 text-sm text-[#7f8c8d]", __source: { fileName: "", lineNumber: 127, columnNumber: 19 }, __self: this }, new Date().toLocaleDateString()), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 130, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold", __source: { fileName: "", lineNumber: 131, columnNumber: 21 }, __self: this }, project.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#7f8c8d]", __source: { fileName: "", lineNumber: 132, columnNumber: 21 }, __self: this }, project.stato)), /*#__PURE__*/ React.createElement("div", { className: "w-24 text-right", __source: { fileName: "", lineNumber: 134, columnNumber: 19 }, __self: this }, project.progress, "%")))), activeTab === "resources" && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 141, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border rounded-lg", __source: { fileName: "", lineNumber: 142, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 143, columnNumber: 17 }, __self: this }, "Team Alpha"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 144, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 145, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 146, columnNumber: 21 }, __self: this }, "Capacità"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 147, columnNumber: 21 }, __self: this }, "85%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-[#f1f2f6] rounded-full h-2", __source: { fileName: "", lineNumber: 149, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#3498db] h-2 rounded-full", style: { width: "85%" }, __source: { fileName: "", lineNumber: 150, columnNumber: 21 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "p-4 border rounded-lg", __source: { fileName: "", lineNumber: 157, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 158, columnNumber: 17 }, __self: this }, "Team Beta"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 159, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 160, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 161, columnNumber: 21 }, __self: this }, "Capacità"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 162, columnNumber: 21 }, __self: this }, "65%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-[#f1f2f6] rounded-full h-2", __source: { fileName: "", lineNumber: 164, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#3498db] h-2 rounded-full", style: { width: "65%" }, __source: { fileName: "", lineNumber: 165, columnNumber: 21 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "p-4 border rounded-lg", __source: { fileName: "", lineNumber: 172, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 173, columnNumber: 17 }, __self: this }, "Team Gamma"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 174, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 175, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 176, columnNumber: 21 }, __self: this }, "Capacità"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 177, columnNumber: 21 }, __self: this }, "45%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-[#f1f2f6] rounded-full h-2", __source: { fileName: "", lineNumber: 179, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#3498db] h-2 rounded-full", style: { width: "45%" }, __source: { fileName: "", lineNumber: 180, columnNumber: 21 }, __self: this }))))), showAIInsights && /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 bg-[#f8f9fa] rounded-lg", __source: { fileName: "", lineNumber: 191, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-4", __source: { fileName: "", lineNumber: 192, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-lightbulb text-[#f1c40f] mr-2", __source: { fileName: "", lineNumber: 193, columnNumber: 17 }, __self: this }), "Insights AI"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3", __source: { fileName: "", lineNumber: 196, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-start gap-2", __source: { fileName: "", lineNumber: 197, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-chart-line text-[#3498db] mt-1", __source: { fileName: "", lineNumber: 198, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 199, columnNumber: 19 }, __self: this }, "Il Team Alpha sta mostrando un'efficienza superiore del 15% rispetto alla media")), /*#__PURE__*/ React.createElement("li", { className: "flex items-start gap-2", __source: { fileName: "", lineNumber: 204, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-triangle-exclamation text-[#e74c3c] mt-1", __source: { fileName: "", lineNumber: 205, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 206, columnNumber: 19 }, __self: this }, "Possibile ritardo nel Progetto Beta - Consigliato intervento preventivo")), /*#__PURE__*/ React.createElement("li", { className: "flex items-start gap-2", __source: { fileName: "", lineNumber: 211, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-check text-[#2ecc71] mt-1", __source: { fileName: "", lineNumber: 212, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 213, columnNumber: 19 }, __self: this }, "Il Progetto Gamma è in anticipo sulla tabella di marcia del 10%"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-sm p-6", __source: { fileName: "", lineNumber: 223, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6 font-poppins text-[#2c3e50]", __source: { fileName: "", lineNumber: 224, columnNumber: 11 }, __self: this }, "Progetti Attivi"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 227, columnNumber: 11 }, __self: this }, projects.map((project)=>/*#__PURE__*/ React.createElement("div", { key: project.id, className: "border border-[#e0e0e0] rounded-lg p-4", __source: { fileName: "", lineNumber: 229, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 233, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold font-poppins", __source: { fileName: "", lineNumber: 234, columnNumber: 19 }, __self: this }, project.name), /*#__PURE__*/ React.createElement("span", { className: "text-sm bg-[#f1f2f6] px-3 py-1 rounded-full", __source: { fileName: "", lineNumber: 235, columnNumber: 19 }, __self: this }, project.stato)), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-[#f1f2f6] rounded-full h-2", __source: { fileName: "", lineNumber: 239, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#3498db] h-2 rounded-full", style: { width: `${project.progress}%` }, __source: { fileName: "", lineNumber: 240, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-right mt-2 text-sm text-[#7f8c8d]", __source: { fileName: "", lineNumber: 245, columnNumber: 17 }, __self: this }, project.progress, "%"))))))); }