function MainComponent() { const [activeTab, setActiveTab] = useState("progress"); const [dailyReport, setDailyReport] = useState(""); const [tasks, setTasks] = useState([ { id: 1, title: "文献調査", status: "進行中" }, { id: 2, title: "データ収集", status: "未着手" }, { id: 3, title: "分析", status: "未着手" } ]); const [memo, setMemo] = useState(""); const progress = { 計画: 80, 実行: 60, 分析: 40, まとめ: 20 }; const moveTask = (taskId, newStatus)=>{ setTasks(tasks.map((task)=>task.id === taskId ? { ...task, status: newStatus } : task)); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 py-8 px-4", __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-6", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 mb-6", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `px-4 py-2 rounded-lg font-noto ${activeTab === "progress" ? "bg-blue-600 text-white" : "bg-gray-100"}`, onClick: ()=>setActiveTab("progress"), __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "進捗状況"), /*#__PURE__*/ React.createElement("button", { className: `px-4 py-2 rounded-lg font-noto ${activeTab === "reports" ? "bg-blue-600 text-white" : "bg-gray-100"}`, onClick: ()=>setActiveTab("reports"), __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "日報・週報"), /*#__PURE__*/ React.createElement("button", { className: `px-4 py-2 rounded-lg font-noto ${activeTab === "tasks" ? "bg-blue-600 text-white" : "bg-gray-100"}`, onClick: ()=>setActiveTab("tasks"), __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "タスク管理"), /*#__PURE__*/ React.createElement("button", { className: `px-4 py-2 rounded-lg font-noto ${activeTab === "memo" ? "bg-blue-600 text-white" : "bg-gray-100"}`, onClick: ()=>setActiveTab("memo"), __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "メモ")), activeTab === "progress" && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, Object.entries(progress).map(([phase, value])=>/*#__PURE__*/ React.createElement("div", { key: phase, className: "bg-gray-50 p-4 rounded-lg", __source: { fileName: "", lineNumber: 59, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mb-2", __source: { fileName: "", lineNumber: 60, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-noto", __source: { fileName: "", lineNumber: 61, columnNumber: 23 }, __self: this }, phase), /*#__PURE__*/ React.createElement("span", { className: "font-noto", __source: { fileName: "", lineNumber: 62, columnNumber: 23 }, __self: this }, value, "%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2.5", __source: { fileName: "", lineNumber: 64, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-600 h-2.5 rounded-full", style: { width: `${value}%` }, __source: { fileName: "", lineNumber: 65, columnNumber: 23 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-6 rounded-lg", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-full pt-[100%]", __source: { fileName: "", lineNumber: 74, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0", __source: { fileName: "", lineNumber: 75, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full h-full flex items-center justify-center", __source: { fileName: "", lineNumber: 76, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-4/5 h-4/5", __source: { fileName: "", lineNumber: 77, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { viewBox: "0 0 100 100", className: "transform -rotate-90", __source: { fileName: "", lineNumber: 78, columnNumber: 25 }, __self: this }, Object.entries(progress).map(([phase, value], index)=>{ const rotation = 360 / Object.keys(progress).length * index; const percentage = value / 100; const radius = 40; const circumference = 2 * Math.PI * radius; const strokeDasharray = `${percentage * circumference} ${circumference}`; return /*#__PURE__*/ React.createElement("circle", { key: phase, cx: "50", cy: "50", r: radius, fill: "none", stroke: `hsl(${210 + index * 30}, 70%, 60%)`, strokeWidth: "8", strokeDasharray: strokeDasharray, transform: `rotate(${rotation} 50 50)`, className: "transition-all duration-1000", __source: { fileName: "", lineNumber: 92, columnNumber: 33 }, __self: this }); })), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center justify-center", __source: { fileName: "", lineNumber: 108, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 109, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold text-blue-600", __source: { fileName: "", lineNumber: 110, columnNumber: 29 }, __self: this }, Math.round(Object.values(progress).reduce((a, b)=>a + b, 0) / Object.keys(progress).length), "%"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600 font-noto", __source: { fileName: "", lineNumber: 119, columnNumber: 29 }, __self: this }, "全体進捗"))))))))), activeTab === "reports" && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 133, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-4 border rounded-lg font-noto", rows: "6", placeholder: "本日の活動内容を入力してください", value: dailyReport, onChange: (e)=>setDailyReport(e.target.value), __source: { fileName: "", lineNumber: 134, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-600 text-white px-6 py-2 rounded-lg font-noto", __source: { fileName: "", lineNumber: 141, columnNumber: 15 }, __self: this }, "保存")), activeTab === "tasks" && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 148, columnNumber: 13 }, __self: this }, [ "未着手", "進行中", "完了" ].map((status)=>/*#__PURE__*/ React.createElement("div", { key: status, className: "bg-gray-50 p-4 rounded-lg", __source: { fileName: "", lineNumber: 150, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-4 font-noto", __source: { fileName: "", lineNumber: 151, columnNumber: 19 }, __self: this }, status), tasks.filter((task)=>task.status === status).map((task)=>/*#__PURE__*/ React.createElement("div", { key: task.id, className: "bg-white p-3 rounded shadow mb-2", __source: { fileName: "", lineNumber: 155, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-noto", __source: { fileName: "", lineNumber: 159, columnNumber: 25 }, __self: this }, task.title), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2 mt-2", __source: { fileName: "", lineNumber: 160, columnNumber: 25 }, __self: this }, [ "未着手", "進行中", "完了" ].filter((s)=>s !== task.status).map((newStatus)=>/*#__PURE__*/ React.createElement("button", { key: newStatus, onClick: ()=>moveTask(task.id, newStatus), className: "text-sm text-blue-600 hover:text-blue-800 font-noto", __source: { fileName: "", lineNumber: 164, columnNumber: 31 }, __self: this }, newStatus, "へ移動")))))))), activeTab === "memo" && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 181, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-4 border rounded-lg font-noto", rows: "8", placeholder: "メモを入力してください", value: memo, onChange: (e)=>setMemo(e.target.value), __source: { fileName: "", lineNumber: 182, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-600 text-white px-6 py-2 rounded-lg font-noto", __source: { fileName: "", lineNumber: 189, columnNumber: 15 }, __self: this }, "保存"))))); }