@burdenoff/microfe-buildmyiq 2026.509.101

package/dist/buildmyiq/pages/CommunicationForumsPagePage.js

@@ -0,0 +1,154 @@
+import { useBuildMyIQStore as e } from "../store/buildmyiqStore.js";
+import { useState as t } from "react";
+import { Eye as n, MessageCircle as r, MessageSquare as i, Pin as a, Plus as o, Search as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Badge as u, Button as d, Card as f, CardContent as p, Input as m } from "@burdenoff/fe-libs/ui";
+//#region src/buildmyiq/pages/CommunicationForumsPagePage.tsx
+var h = [
+	"All",
+	"Questions",
+	"Study Groups",
+	"Resources",
+	"Study Tips",
+	"Discussion"
+];
+function g() {
+	let { forumTopics: g } = e(), [_, v] = t(""), [y, b] = t("All"), x = g.filter((e) => {
+		let t = e.title.toLowerCase().includes(_.toLowerCase()) || e.author.toLowerCase().includes(_.toLowerCase()), n = y === "All" || e.category === y;
+		return t && n;
+	}).sort((e, t) => e.pinned === t.pinned ? 0 : e.pinned ? -1 : 1), S = g.reduce((e, t) => e + t.replies, 0), C = g.reduce((e, t) => e + t.views, 0);
+	return /* @__PURE__ */ l("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
+					className: "text-2xl font-semibold",
+					children: "Discussion Forums"
+				}), /* @__PURE__ */ c("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Engage in course discussions and study groups"
+				})] }), /* @__PURE__ */ l(d, {
+					size: "sm",
+					children: [/* @__PURE__ */ c(o, { className: "mr-2 h-4 w-4" }), "New Topic"]
+				})]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+				children: [
+					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+						className: "pt-6",
+						children: [/* @__PURE__ */ c("p", {
+							className: "text-sm text-muted-foreground",
+							children: "Total Topics"
+						}), /* @__PURE__ */ c("p", {
+							className: "text-2xl font-bold",
+							children: g.length
+						})]
+					}) }),
+					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+						className: "pt-6",
+						children: [/* @__PURE__ */ c("p", {
+							className: "text-sm text-muted-foreground",
+							children: "Total Replies"
+						}), /* @__PURE__ */ c("p", {
+							className: "text-2xl font-bold",
+							children: S
+						})]
+					}) }),
+					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+						className: "pt-6",
+						children: [/* @__PURE__ */ c("p", {
+							className: "text-sm text-muted-foreground",
+							children: "Total Views"
+						}), /* @__PURE__ */ c("p", {
+							className: "text-2xl font-bold",
+							children: C
+						})]
+					}) })
+				]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "flex flex-col sm:flex-row gap-3",
+				children: [/* @__PURE__ */ l("div", {
+					className: "relative flex-1",
+					children: [/* @__PURE__ */ c(s, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ c(m, {
+						placeholder: "Search topics...",
+						value: _,
+						onChange: (e) => v(e.target.value),
+						className: "pl-10"
+					})]
+				}), /* @__PURE__ */ c("div", {
+					className: "flex gap-1 flex-wrap",
+					children: h.map((e) => /* @__PURE__ */ c(d, {
+						variant: y === e ? "default" : "outline",
+						size: "sm",
+						onClick: () => b(e),
+						children: e
+					}, e))
+				})]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "space-y-3",
+				children: x.length === 0 ? /* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+					className: "py-12 text-center",
+					children: [/* @__PURE__ */ c(i, { className: "h-12 w-12 mx-auto mb-3 text-muted-foreground" }), /* @__PURE__ */ c("p", {
+						className: "text-muted-foreground",
+						children: "No topics found"
+					})]
+				}) }) : x.map((e) => /* @__PURE__ */ c(f, {
+					className: "hover:shadow-md transition-shadow cursor-pointer",
+					children: /* @__PURE__ */ c(p, {
+						className: "py-4",
+						children: /* @__PURE__ */ l("div", {
+							className: "flex items-start gap-4",
+							children: [/* @__PURE__ */ l("div", {
+								className: "flex-1 min-w-0",
+								children: [/* @__PURE__ */ l("div", {
+									className: "flex items-center gap-2 mb-1",
+									children: [e.pinned && /* @__PURE__ */ c(a, { className: "h-3.5 w-3.5 text-blue-500" }), /* @__PURE__ */ c("h3", {
+										className: "font-medium truncate",
+										children: e.title
+									})]
+								}), /* @__PURE__ */ l("div", {
+									className: "flex flex-wrap items-center gap-2 text-xs text-muted-foreground",
+									children: [
+										/* @__PURE__ */ l("span", { children: ["by ", e.author] }),
+										/* @__PURE__ */ l("span", { children: ["in ", e.course] }),
+										/* @__PURE__ */ c(u, {
+											variant: "outline",
+											className: "text-xs",
+											children: e.category
+										})
+									]
+								})]
+							}), /* @__PURE__ */ l("div", {
+								className: "flex items-center gap-4 text-sm text-muted-foreground shrink-0",
+								children: [
+									/* @__PURE__ */ l("div", {
+										className: "flex items-center gap-1",
+										title: "Replies",
+										children: [/* @__PURE__ */ c(r, { className: "h-4 w-4" }), e.replies]
+									}),
+									/* @__PURE__ */ l("div", {
+										className: "flex items-center gap-1",
+										title: "Views",
+										children: [/* @__PURE__ */ c(n, { className: "h-4 w-4" }), e.views]
+									}),
+									/* @__PURE__ */ c("span", {
+										className: "text-xs",
+										children: e.lastReply
+									})
+								]
+							})]
+						})
+					})
+				}, e.id))
+			})
+		]
+	});
+}
+//#endregion
+export { g as CommunicationForumsPagePage };
+
+//# sourceMappingURL=CommunicationForumsPagePage.js.map

package/dist/buildmyiq/pages/CommunicationForumsPagePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommunicationForumsPagePage.js","names":[],"sources":["../../../src/buildmyiq/pages/CommunicationForumsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { MessageSquare, Search, Pin, Eye, MessageCircle, Plus, Filter } from 'lucide-react';\nimport { useBuildMyIQStore } from '../store/buildmyiqStore';\n\nconst categories = ['All', 'Questions', 'Study Groups', 'Resources', 'Study Tips', 'Discussion'];\n\nexport function CommunicationForumsPagePage() {\n  const { forumTopics } = useBuildMyIQStore();\n  const [search, setSearch] = useState('');\n  const [selectedCategory, setSelectedCategory] = useState('All');\n\n  const filtered = forumTopics\n    .filter((t) => {\n      const matchesSearch =\n        t.title.toLowerCase().includes(search.toLowerCase()) ||\n        t.author.toLowerCase().includes(search.toLowerCase());\n      const matchesCategory = selectedCategory === 'All' || t.category === selectedCategory;\n      return matchesSearch && matchesCategory;\n    })\n    .sort((a, b) => (a.pinned === b.pinned ? 0 : a.pinned ? -1 : 1));\n\n  const totalReplies = forumTopics.reduce((sum, t) => sum + t.replies, 0);\n  const totalViews = forumTopics.reduce((sum, t) => sum + t.views, 0);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Discussion Forums</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Engage in course discussions and study groups\n          </p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"mr-2 h-4 w-4\" />\n          New Topic\n        </Button>\n      </div>\n\n      <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n        <Card>\n          <CardContent className=\"pt-6\">\n            <p className=\"text-sm text-muted-foreground\">Total Topics</p>\n            <p className=\"text-2xl font-bold\">{forumTopics.length}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-6\">\n            <p className=\"text-sm text-muted-foreground\">Total Replies</p>\n            <p className=\"text-2xl font-bold\">{totalReplies}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-6\">\n            <p className=\"text-sm text-muted-foreground\">Total Views</p>\n            <p className=\"text-2xl font-bold\">{totalViews}</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"flex flex-col sm:flex-row gap-3\">\n        <div className=\"relative flex-1\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n          <Input\n            placeholder=\"Search topics...\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            className=\"pl-10\"\n          />\n        </div>\n        <div className=\"flex gap-1 flex-wrap\">\n          {categories.map((cat) => (\n            <Button\n              key={cat}\n              variant={selectedCategory === cat ? 'default' : 'outline'}\n              size=\"sm\"\n              onClick={() => setSelectedCategory(cat)}\n            >\n              {cat}\n            </Button>\n          ))}\n        </div>\n      </div>\n\n      <div className=\"space-y-3\">\n        {filtered.length === 0 ? (\n          <Card>\n            <CardContent className=\"py-12 text-center\">\n              <MessageSquare className=\"h-12 w-12 mx-auto mb-3 text-muted-foreground\" />\n              <p className=\"text-muted-foreground\">No topics found</p>\n            </CardContent>\n          </Card>\n        ) : (\n          filtered.map((topic) => (\n            <Card key={topic.id} className=\"hover:shadow-md transition-shadow cursor-pointer\">\n              <CardContent className=\"py-4\">\n                <div className=\"flex items-start gap-4\">\n                  <div className=\"flex-1 min-w-0\">\n                    <div className=\"flex items-center gap-2 mb-1\">\n                      {topic.pinned && <Pin className=\"h-3.5 w-3.5 text-blue-500\" />}\n                      <h3 className=\"font-medium truncate\">{topic.title}</h3>\n                    </div>\n                    <div className=\"flex flex-wrap items-center gap-2 text-xs text-muted-foreground\">\n                      <span>by {topic.author}</span>\n                      <span>in {topic.course}</span>\n                      <Badge variant=\"outline\" className=\"text-xs\">\n                        {topic.category}\n                      </Badge>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-4 text-sm text-muted-foreground shrink-0\">\n                    <div className=\"flex items-center gap-1\" title=\"Replies\">\n                      <MessageCircle className=\"h-4 w-4\" />\n                      {topic.replies}\n                    </div>\n                    <div className=\"flex items-center gap-1\" title=\"Views\">\n                      <Eye className=\"h-4 w-4\" />\n                      {topic.views}\n                    </div>\n                    <span className=\"text-xs\">{topic.lastReply}</span>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          ))\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/buildmyiq/pages/CommunicationIndexPage.d.ts

@@ -0,0 +1,2 @@
+export declare function CommunicationIndexPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CommunicationIndexPage.d.ts.map

package/dist/buildmyiq/pages/CommunicationIndexPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommunicationIndexPage.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/pages/CommunicationIndexPage.tsx"],"names":[],"mappings":"AAYA,wBAAgB,sBAAsB,4CAyKrC"}

package/dist/buildmyiq/pages/CommunicationIndexPage.js

@@ -0,0 +1,191 @@
+import { useBuildMyIQStore as e } from "../store/buildmyiqStore.js";
+import { ArrowRight as t, Bell as n, Megaphone as r, MessageSquare as i, MessagesSquare as a, TrendingUp as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Badge as l, Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m } from "@burdenoff/fe-libs/ui";
+//#region src/buildmyiq/pages/CommunicationIndexPage.tsx
+function h() {
+	let { forumTopics: h, announcements: g } = e(), _ = g.filter((e) => e.unread).length, v = h.reduce((e, t) => e + t.replies, 0), y = [...h.map((e) => ({
+		id: e.id,
+		type: "forum",
+		title: e.title,
+		subtitle: `by ${e.author} in ${e.course}`,
+		time: e.lastReply
+	})), ...g.map((e) => ({
+		id: e.id,
+		type: "announcement",
+		title: e.title,
+		subtitle: `by ${e.author}`,
+		time: new Date(e.timestamp).toLocaleDateString()
+	}))].slice(0, 8);
+	return /* @__PURE__ */ c("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h1", {
+					className: "text-2xl font-semibold",
+					children: "Communication Hub"
+				}), /* @__PURE__ */ s("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Stay connected with forums, messages, and announcements"
+				})] }), /* @__PURE__ */ c("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ c(u, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ s(a, { className: "mr-2 h-4 w-4" }), "New Message"]
+					}), /* @__PURE__ */ c(u, {
+						size: "sm",
+						children: [/* @__PURE__ */ s(r, { className: "mr-2 h-4 w-4" }), "New Announcement"]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "grid grid-cols-1 md:grid-cols-4 gap-4",
+				children: [
+					/* @__PURE__ */ s(d, { children: /* @__PURE__ */ s(f, {
+						className: "pt-6",
+						children: /* @__PURE__ */ c("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ s("div", {
+								className: "rounded-lg bg-blue-100 p-2 dark:bg-blue-900/30",
+								children: /* @__PURE__ */ s(i, { className: "h-5 w-5 text-blue-600 dark:text-blue-400" })
+							}), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Forum Topics"
+							}), /* @__PURE__ */ s("p", {
+								className: "text-2xl font-bold",
+								children: h.length
+							})] })]
+						})
+					}) }),
+					/* @__PURE__ */ s(d, { children: /* @__PURE__ */ s(f, {
+						className: "pt-6",
+						children: /* @__PURE__ */ c("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ s("div", {
+								className: "rounded-lg bg-purple-100 p-2 dark:bg-purple-900/30",
+								children: /* @__PURE__ */ s(o, { className: "h-5 w-5 text-purple-600 dark:text-purple-400" })
+							}), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Total Replies"
+							}), /* @__PURE__ */ s("p", {
+								className: "text-2xl font-bold",
+								children: v
+							})] })]
+						})
+					}) }),
+					/* @__PURE__ */ s(d, { children: /* @__PURE__ */ s(f, {
+						className: "pt-6",
+						children: /* @__PURE__ */ c("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ s("div", {
+								className: "rounded-lg bg-orange-100 p-2 dark:bg-orange-900/30",
+								children: /* @__PURE__ */ s(r, { className: "h-5 w-5 text-orange-600 dark:text-orange-400" })
+							}), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Announcements"
+							}), /* @__PURE__ */ s("p", {
+								className: "text-2xl font-bold",
+								children: g.length
+							})] })]
+						})
+					}) }),
+					/* @__PURE__ */ s(d, { children: /* @__PURE__ */ s(f, {
+						className: "pt-6",
+						children: /* @__PURE__ */ c("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ s("div", {
+								className: "rounded-lg bg-red-100 p-2 dark:bg-red-900/30",
+								children: /* @__PURE__ */ s(n, { className: "h-5 w-5 text-red-600 dark:text-red-400" })
+							}), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Unread"
+							}), /* @__PURE__ */ s("p", {
+								className: "text-2xl font-bold",
+								children: _
+							})] })]
+						})
+					}) })
+				]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+				children: [
+					{
+						title: "Discussion Forums",
+						desc: "Join course discussions and study groups",
+						icon: i,
+						count: `${h.length} active topics`,
+						color: "text-blue-600"
+					},
+					{
+						title: "Messages",
+						desc: "Direct messages with instructors and peers",
+						icon: a,
+						count: "3 unread",
+						color: "text-purple-600"
+					},
+					{
+						title: "Announcements",
+						desc: "Important updates from instructors and admin",
+						icon: r,
+						count: `${_} unread`,
+						color: "text-orange-600"
+					}
+				].map((e) => /* @__PURE__ */ c(d, {
+					className: "hover:shadow-md transition-shadow cursor-pointer",
+					children: [/* @__PURE__ */ s(p, {
+						className: "pb-2",
+						children: /* @__PURE__ */ c("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ s(e.icon, { className: `h-6 w-6 ${e.color}` }), /* @__PURE__ */ s(m, {
+								className: "text-lg",
+								children: e.title
+							})]
+						})
+					}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ s("p", {
+						className: "text-sm text-muted-foreground mb-3",
+						children: e.desc
+					}), /* @__PURE__ */ c("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ s(l, {
+							variant: "secondary",
+							children: e.count
+						}), /* @__PURE__ */ s(t, { className: "h-4 w-4 text-muted-foreground" })]
+					})] })]
+				}, e.title))
+			}),
+			/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(m, {
+				className: "text-lg",
+				children: "Recent Activity"
+			}) }), /* @__PURE__ */ s(f, { children: /* @__PURE__ */ s("div", {
+				className: "space-y-3",
+				children: y.map((e) => /* @__PURE__ */ c("div", {
+					className: "flex items-center gap-3 rounded-lg border p-3 hover:bg-muted/50 transition-colors",
+					children: [
+						e.type === "forum" ? /* @__PURE__ */ s(i, { className: "h-4 w-4 text-blue-500 shrink-0" }) : /* @__PURE__ */ s(r, { className: "h-4 w-4 text-orange-500 shrink-0" }),
+						/* @__PURE__ */ c("div", {
+							className: "flex-1 min-w-0",
+							children: [/* @__PURE__ */ s("p", {
+								className: "text-sm font-medium truncate",
+								children: e.title
+							}), /* @__PURE__ */ s("p", {
+								className: "text-xs text-muted-foreground",
+								children: e.subtitle
+							})]
+						}),
+						/* @__PURE__ */ s("span", {
+							className: "text-xs text-muted-foreground shrink-0",
+							children: e.time
+						})
+					]
+				}, `${e.type}-${e.id}`))
+			}) })] })
+		]
+	});
+}
+//#endregion
+export { h as CommunicationIndexPage };
+
+//# sourceMappingURL=CommunicationIndexPage.js.map

package/dist/buildmyiq/pages/CommunicationIndexPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommunicationIndexPage.js","names":[],"sources":["../../../src/buildmyiq/pages/CommunicationIndexPage.tsx"],"sourcesContent":["import { Badge, Button, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport {\n  MessageSquare,\n  Megaphone,\n  MessagesSquare,\n  Users,\n  ArrowRight,\n  Bell,\n  TrendingUp,\n} from 'lucide-react';\nimport { useBuildMyIQStore } from '../store/buildmyiqStore';\n\nexport function CommunicationIndexPage() {\n  const { forumTopics, announcements } = useBuildMyIQStore();\n\n  const unreadAnnouncements = announcements.filter((a) => a.unread).length;\n  const totalReplies = forumTopics.reduce((sum, t) => sum + t.replies, 0);\n\n  const recentActivity = [\n    ...forumTopics.map((t) => ({\n      id: t.id,\n      type: 'forum' as const,\n      title: t.title,\n      subtitle: `by ${t.author} in ${t.course}`,\n      time: t.lastReply,\n    })),\n    ...announcements.map((a) => ({\n      id: a.id,\n      type: 'announcement' as const,\n      title: a.title,\n      subtitle: `by ${a.author}`,\n      time: new Date(a.timestamp).toLocaleDateString(),\n    })),\n  ].slice(0, 8);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Communication Hub</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Stay connected with forums, messages, and announcements\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\">\n            <MessagesSquare className=\"mr-2 h-4 w-4\" />\n            New Message\n          </Button>\n          <Button size=\"sm\">\n            <Megaphone className=\"mr-2 h-4 w-4\" />\n            New Announcement\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-1 md:grid-cols-4 gap-4\">\n        <Card>\n          <CardContent className=\"pt-6\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"rounded-lg bg-blue-100 p-2 dark:bg-blue-900/30\">\n                <MessageSquare className=\"h-5 w-5 text-blue-600 dark:text-blue-400\" />\n              </div>\n              <div>\n                <p className=\"text-sm text-muted-foreground\">Forum Topics</p>\n                <p className=\"text-2xl font-bold\">{forumTopics.length}</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-6\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"rounded-lg bg-purple-100 p-2 dark:bg-purple-900/30\">\n                <TrendingUp className=\"h-5 w-5 text-purple-600 dark:text-purple-400\" />\n              </div>\n              <div>\n                <p className=\"text-sm text-muted-foreground\">Total Replies</p>\n                <p className=\"text-2xl font-bold\">{totalReplies}</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-6\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"rounded-lg bg-orange-100 p-2 dark:bg-orange-900/30\">\n                <Megaphone className=\"h-5 w-5 text-orange-600 dark:text-orange-400\" />\n              </div>\n              <div>\n                <p className=\"text-sm text-muted-foreground\">Announcements</p>\n                <p className=\"text-2xl font-bold\">{announcements.length}</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-6\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"rounded-lg bg-red-100 p-2 dark:bg-red-900/30\">\n                <Bell className=\"h-5 w-5 text-red-600 dark:text-red-400\" />\n              </div>\n              <div>\n                <p className=\"text-sm text-muted-foreground\">Unread</p>\n                <p className=\"text-2xl font-bold\">{unreadAnnouncements}</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n        {[\n          {\n            title: 'Discussion Forums',\n            desc: 'Join course discussions and study groups',\n            icon: MessageSquare,\n            count: `${forumTopics.length} active topics`,\n            color: 'text-blue-600',\n          },\n          {\n            title: 'Messages',\n            desc: 'Direct messages with instructors and peers',\n            icon: MessagesSquare,\n            count: '3 unread',\n            color: 'text-purple-600',\n          },\n          {\n            title: 'Announcements',\n            desc: 'Important updates from instructors and admin',\n            icon: Megaphone,\n            count: `${unreadAnnouncements} unread`,\n            color: 'text-orange-600',\n          },\n        ].map((item) => (\n          <Card key={item.title} className=\"hover:shadow-md transition-shadow cursor-pointer\">\n            <CardHeader className=\"pb-2\">\n              <div className=\"flex items-center gap-3\">\n                <item.icon className={`h-6 w-6 ${item.color}`} />\n                <CardTitle className=\"text-lg\">{item.title}</CardTitle>\n              </div>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm text-muted-foreground mb-3\">{item.desc}</p>\n              <div className=\"flex items-center justify-between\">\n                <Badge variant=\"secondary\">{item.count}</Badge>\n                <ArrowRight className=\"h-4 w-4 text-muted-foreground\" />\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-lg\">Recent Activity</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-3\">\n            {recentActivity.map((item) => (\n              <div\n                key={`${item.type}-${item.id}`}\n                className=\"flex items-center gap-3 rounded-lg border p-3 hover:bg-muted/50 transition-colors\"\n              >\n                {item.type === 'forum' ? (\n                  <MessageSquare className=\"h-4 w-4 text-blue-500 shrink-0\" />\n                ) : (\n                  <Megaphone className=\"h-4 w-4 text-orange-500 shrink-0\" />\n                )}\n                <div className=\"flex-1 min-w-0\">\n                  <p className=\"text-sm font-medium truncate\">{item.title}</p>\n                  <p className=\"text-xs text-muted-foreground\">{item.subtitle}</p>\n                </div>\n                <span className=\"text-xs text-muted-foreground shrink-0\">{item.time}</span>\n              </div>\n            ))}\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/buildmyiq/pages/CommunicationMessagesPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function CommunicationMessagesPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CommunicationMessagesPagePage.d.ts.map

package/dist/buildmyiq/pages/CommunicationMessagesPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommunicationMessagesPagePage.d.ts","sourceRoot":"","sources":["../../../src/buildmyiq/pages/CommunicationMessagesPagePage.tsx"],"names":[],"mappings":"AAsFA,wBAAgB,6BAA6B,4CAmK5C"}