npm - @burdenoff/microfe-buildmyiq - Versions diffs - 2026.705.13 → 2026.706.10 - Mend

@burdenoff/microfe-buildmyiq 2026.705.13 → 2026.706.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (67) hide show

package/dist/buildmyiq/pages/skills/SkillsPage.js CHANGED Viewed

@@ -1,230 +1,323 @@
 import { PageLayout as e } from "../../components/PageLayout.js";
-import { MetricsCard as t } from "../../components/MetricsCard.js";
-import { formatEnumLabel as n, formatRelativeTime as r } from "../../utils/formatters.js";
-import { StatusBadge as i } from "../../components/StatusBadge.js";
-import { EmptyState as a } from "../../components/EmptyState.js";
-import { ErrorView as o, LoadingView as s } from "../../components/StateViews.js";
-import { FilterTabs as c } from "../../components/FilterTabs.js";
-import { useBuiCreateSkill as l, useBuiSkills as u } from "../../hooks/useBuildmyiqApi.js";
+import { formatEnumLabel as t, formatRelativeTime as n } from "../../utils/formatters.js";
+import { EmptyState as r } from "../../components/EmptyState.js";
+import { ErrorView as i, LoadingView as a } from "../../components/StateViews.js";
+import { FilterTabs as o } from "../../components/FilterTabs.js";
+import { ProgressRing as s } from "../../components/Viz.js";
+import { useBuiCreateSkill as c, useBuiSkills as l } from "../../hooks/useBuildmyiqApi.js";
 import "../../hooks/index.js";
 import "../../components/index.js";
-import { SKILL_CATEGORIES as d } from "../../types/index.js";
-import { useMemo as f, useState as p } from "react";
-import { CheckCircle2 as m, CircleSlash as h, Plus as g, Sparkles as _ } from "lucide-react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { Button as b, GlassCard as x, Input as S, Label as C, ResponsiveDialog as w, ResponsiveDialogContent as T, ResponsiveDialogDescription as E, ResponsiveDialogFooter as D, ResponsiveDialogHeader as O, ResponsiveDialogTitle as k, Select as A, SelectContent as j, SelectItem as M, SelectTrigger as N, SelectValue as P, Textarea as F } from "@burdenoff/fe-libs/ui";
+import { SKILL_CATEGORIES as u } from "../../types/index.js";
+import { useMemo as d, useState as f } from "react";
+import { BarChart3 as p, Brain as m, Briefcase as h, Code2 as g, Languages as _, Palette as v, Plus as y, Sparkles as b, Users as x } from "lucide-react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { Button as w, GlassCard as T, Input as E, Label as D, ResponsiveDialog as O, ResponsiveDialogContent as k, ResponsiveDialogDescription as ee, ResponsiveDialogFooter as A, ResponsiveDialogHeader as j, ResponsiveDialogTitle as M, Select as N, SelectContent as P, SelectItem as F, SelectTrigger as I, SelectValue as L, Textarea as R } from "@burdenoff/fe-libs/ui";
 //#region src/buildmyiq/pages/skills/SkillsPage.tsx
-var I = [{
+var z = [{
 	value: "ALL",
 	label: "All"
-}, ...d.map((e) => ({
+}, ...u.map((e) => ({
 	value: e,
-	label: n(e)
-}))], L = {
+	label: t(e)
+}))], B = {
+	TECHNICAL: {
+		icon: g,
+		color: "var(--color-accent-teal)"
+	},
+	BUSINESS: {
+		icon: h,
+		color: "var(--color-accent-blue)"
+	},
+	CREATIVE: {
+		icon: v,
+		color: "var(--color-status-warning-text)"
+	},
+	COGNITIVE: {
+		icon: m,
+		color: "var(--color-accent-purple)"
+	},
+	SOCIAL: {
+		icon: x,
+		color: "var(--color-status-success-text)"
+	},
+	LANGUAGE: {
+		icon: _,
+		color: "var(--color-accent-indigo)"
+	}
+}, V = {
 	name: "",
 	category: "TECHNICAL",
 	description: ""
-}, R = ({ skill: e }) => /* @__PURE__ */ y(x, {
-	treatment: "plain",
-	className: "flex flex-col gap-3 p-5",
-	children: [
-		/* @__PURE__ */ y("div", {
-			className: "flex items-start justify-between gap-3",
-			children: [/* @__PURE__ */ v("h3", {
-				className: "min-w-0 break-words font-semibold text-text-primary",
-				children: e.name
-			}), /* @__PURE__ */ v(i, {
-				status: e.category,
-				className: "shrink-0"
-			})]
-		}),
-		e.description ? /* @__PURE__ */ v("p", {
-			className: "line-clamp-3 text-sm text-text-secondary",
-			children: e.description
-		}) : /* @__PURE__ */ v("p", {
-			className: "text-sm italic text-text-secondary/70",
-			children: "No description provided."
-		}),
-		/* @__PURE__ */ y("div", {
-			className: "mt-auto flex items-center justify-between gap-3 pt-2",
-			children: [/* @__PURE__ */ y("span", {
-				className: e.isActive ? "inline-flex items-center gap-1.5 text-xs font-medium text-status-success-text" : "inline-flex items-center gap-1.5 text-xs font-medium text-text-secondary",
-				children: [/* @__PURE__ */ v("span", {
+}, H = ({ skill: e }) => {
+	let r = B[e.category], i = r.icon;
+	return /* @__PURE__ */ C(T, {
+		treatment: "plain",
+		className: "flex flex-col gap-3 p-5",
+		children: [
+			/* @__PURE__ */ C("div", {
+				className: "flex items-start gap-3",
+				children: [/* @__PURE__ */ S("span", {
 					"aria-hidden": "true",
-					className: e.isActive ? "size-1.5 rounded-full bg-status-success-text" : "size-1.5 rounded-full bg-text-secondary"
-				}), e.isActive ? "Active" : "Inactive"]
-			}), /* @__PURE__ */ y("span", {
-				className: "text-xs text-text-secondary",
-				children: ["Added ", r(e.createdAt)]
-			})]
-		})
-	]
-}), z = () => {
-	let [r, i] = p("ALL"), [x, z] = p(!1), [B, V] = p(L), [H, U] = p(null), { data: W, isLoading: G, isError: K, refetch: q } = u(r === "ALL" ? void 0 : r), J = l(), Y = f(() => W ?? [], [W]), X = f(() => {
-		let e = Y.length, t = Y.filter((e) => e.isActive).length;
+					className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl",
+					style: {
+						backgroundColor: `color-mix(in srgb, ${r.color} 15%, transparent)`,
+						color: r.color
+					},
+					children: /* @__PURE__ */ S(i, { className: "h-5 w-5" })
+				}), /* @__PURE__ */ C("div", {
+					className: "flex min-w-0 flex-1 items-start justify-between gap-2",
+					children: [/* @__PURE__ */ S("h3", {
+						className: "min-w-0 break-words font-semibold leading-snug text-text-primary",
+						children: e.name
+					}), /* @__PURE__ */ S("span", {
+						className: "inline-flex shrink-0 items-center rounded-full border px-2.5 py-0.5 text-xs font-medium",
+						style: {
+							color: r.color,
+							borderColor: `color-mix(in srgb, ${r.color} 40%, transparent)`
+						},
+						children: t(e.category)
+					})]
+				})]
+			}),
+			e.description ? /* @__PURE__ */ S("p", {
+				className: "line-clamp-3 text-sm text-text-secondary",
+				children: e.description
+			}) : /* @__PURE__ */ S("p", {
+				className: "text-sm italic text-text-secondary/70",
+				children: "No description provided."
+			}),
+			/* @__PURE__ */ C("div", {
+				className: "mt-auto flex items-center justify-between gap-3 border-t border-border-seam/60 pt-3",
+				children: [/* @__PURE__ */ C("span", {
+					className: e.isActive ? "inline-flex items-center gap-1.5 text-xs font-medium text-status-success-text" : "inline-flex items-center gap-1.5 text-xs font-medium text-text-secondary",
+					children: [/* @__PURE__ */ S("span", {
+						"aria-hidden": "true",
+						className: e.isActive ? "size-1.5 rounded-full bg-status-success-text" : "size-1.5 rounded-full bg-text-secondary"
+					}), e.isActive ? "Active" : "Inactive"]
+				}), /* @__PURE__ */ C("span", {
+					className: "text-xs text-text-tertiary",
+					children: ["Added ", n(e.createdAt)]
+				})]
+			})
+		]
+	});
+}, U = () => {
+	let [n, m] = f("ALL"), [h, g] = f(!1), [_, v] = f(V), [x, B] = f(null), { data: U, isLoading: W, isError: G, refetch: K } = l(n === "ALL" ? void 0 : n), q = c(), J = d(() => U ?? [], [U]), Y = d(() => {
+		let e = J.length, t = J.filter((e) => e.isActive).length, n = e > 0 ? Math.round(t / e * 100) : 0;
 		return {
 			total: e,
 			active: t,
-			inactive: e - t
+			inactive: e - t,
+			activeRatio: n
 		};
-	}, [Y]), Z = r === "ALL" ? "" : ` · ${n(r)}`, Q = () => {
-		V(L), U(null);
+	}, [J]), X = n === "ALL" ? "Skills" : `${t(n)} skills`, Z = !W && !G && Y.total > 0, Q = () => {
+		v(V), B(null);
 	}, $ = () => {
-		z(!1), Q();
+		g(!1), Q();
 	};
-	return /* @__PURE__ */ y(e, {
+	return /* @__PURE__ */ C(e, {
 		title: "Skills",
 		description: "The competency taxonomy your courses map to — organised by category.",
 		titleGradient: !0,
 		aurora: !0,
-		actions: /* @__PURE__ */ y(b, {
-			onClick: () => z(!0),
-			children: [/* @__PURE__ */ v(g, { className: "mr-1.5 h-4 w-4" }), " New skill"]
+		actions: /* @__PURE__ */ C(w, {
+			onClick: () => g(!0),
+			children: [/* @__PURE__ */ S(y, { className: "mr-1.5 h-4 w-4" }), " New skill"]
 		}),
-		children: [/* @__PURE__ */ y("div", {
+		children: [/* @__PURE__ */ C("div", {
 			className: "flex flex-col gap-6",
 			children: [
-				/* @__PURE__ */ y("div", {
-					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
-					children: [
-						/* @__PURE__ */ v(t, {
-							icon: /* @__PURE__ */ v(_, { className: "h-5 w-5" }),
-							value: X.total,
-							label: `Skills${Z}`,
-							featured: !0
-						}),
-						/* @__PURE__ */ v(t, {
-							icon: /* @__PURE__ */ v(m, { className: "h-5 w-5" }),
-							value: X.active,
-							label: "Active",
-							accent: "success"
-						}),
-						/* @__PURE__ */ v(t, {
-							icon: /* @__PURE__ */ v(h, { className: "h-5 w-5" }),
-							value: X.inactive,
-							label: "Inactive"
-						})
-					]
+				Z && /* @__PURE__ */ C(T, {
+					treatment: "glass",
+					glow: !0,
+					className: "flex flex-col gap-4 p-5 sm:flex-row sm:items-center sm:justify-between",
+					children: [/* @__PURE__ */ C("div", {
+						className: "flex flex-wrap items-center gap-x-6 gap-y-3",
+						children: [
+							/* @__PURE__ */ C("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ S("span", {
+									className: "flex h-11 w-11 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-[var(--color-accent-primary)]",
+									children: /* @__PURE__ */ S(p, { className: "h-5 w-5" })
+								}), /* @__PURE__ */ C("span", {
+									className: "flex items-baseline gap-1.5",
+									children: [/* @__PURE__ */ S("span", {
+										className: "text-2xl font-bold tabular-nums text-text-primary",
+										children: Y.total
+									}), /* @__PURE__ */ S("span", {
+										className: "text-sm text-text-secondary",
+										children: X
+									})]
+								})]
+							}),
+							/* @__PURE__ */ S("span", {
+								"aria-hidden": "true",
+								className: "hidden h-8 w-px bg-border-seam sm:block"
+							}),
+							/* @__PURE__ */ C("span", {
+								className: "inline-flex items-center gap-2 text-sm",
+								children: [
+									/* @__PURE__ */ S("span", { className: "size-2 rounded-full bg-status-success-text" }),
+									/* @__PURE__ */ S("span", {
+										className: "text-lg font-semibold tabular-nums text-text-primary",
+										children: Y.active
+									}),
+									/* @__PURE__ */ S("span", {
+										className: "text-text-secondary",
+										children: "Active"
+									})
+								]
+							}),
+							/* @__PURE__ */ C("span", {
+								className: "inline-flex items-center gap-2 text-sm",
+								children: [
+									/* @__PURE__ */ S("span", { className: "size-2 rounded-full bg-text-tertiary" }),
+									/* @__PURE__ */ S("span", {
+										className: "text-lg font-semibold tabular-nums text-text-primary",
+										children: Y.inactive
+									}),
+									/* @__PURE__ */ S("span", {
+										className: "text-text-secondary",
+										children: "Inactive"
+									})
+								]
+							})
+						]
+					}), /* @__PURE__ */ C("div", {
+						className: "flex items-center gap-3 self-start sm:self-auto",
+						children: [/* @__PURE__ */ S(s, {
+							value: Y.activeRatio,
+							size: 52,
+							stroke: 5
+						}), /* @__PURE__ */ C("span", {
+							className: "text-xs leading-tight text-text-secondary",
+							children: [
+								"of the taxonomy",
+								/* @__PURE__ */ S("br", {}),
+								"is active"
+							]
+						})]
+					})]
 				}),
-				/* @__PURE__ */ v(c, {
-					options: I,
-					value: r,
-					onChange: i
+				/* @__PURE__ */ S(o, {
+					options: z,
+					value: n,
+					onChange: m
 				}),
-				G ? /* @__PURE__ */ v(s, { label: "Loading skills…" }) : K ? /* @__PURE__ */ v(o, {
+				W ? /* @__PURE__ */ S(a, { label: "Loading skills…" }) : G ? /* @__PURE__ */ S(i, {
 					title: "Couldn't load skills",
 					message: "The skills taxonomy failed to load.",
-					onRetry: () => q()
-				}) : Y.length === 0 ? /* @__PURE__ */ v(a, {
+					onRetry: () => K()
+				}) : J.length === 0 ? /* @__PURE__ */ S(r, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ v(_, { className: "h-10 w-10" }),
-					title: r === "ALL" ? "No skills yet" : "No skills in this category",
-					description: r === "ALL" ? "Define the competencies your courses build. Skills let you organise the catalog and target learning outcomes." : "No skills are tagged with this category yet. Add one, or switch categories.",
-					action: /* @__PURE__ */ y(b, {
-						onClick: () => z(!0),
-						children: [/* @__PURE__ */ v(g, { className: "mr-1.5 h-4 w-4" }), " New skill"]
+					icon: /* @__PURE__ */ S(b, { className: "h-10 w-10" }),
+					title: n === "ALL" ? "No skills yet" : "No skills in this category",
+					description: n === "ALL" ? "Define the competencies your courses build. Skills let you organise the catalog and target learning outcomes." : "No skills are tagged with this category yet. Add one, or switch categories.",
+					action: /* @__PURE__ */ C(w, {
+						onClick: () => g(!0),
+						children: [/* @__PURE__ */ S(y, { className: "mr-1.5 h-4 w-4" }), " New skill"]
 					})
-				}) : /* @__PURE__ */ v("div", {
-					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
-					children: Y.map((e) => /* @__PURE__ */ v(R, { skill: e }, e.id))
+				}) : /* @__PURE__ */ S("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+					children: J.map((e) => /* @__PURE__ */ S(H, { skill: e }, e.id))
 				})
 			]
-		}), /* @__PURE__ */ v(w, {
-			open: x,
+		}), /* @__PURE__ */ S(O, {
+			open: h,
 			onOpenChange: (e) => {
-				e ? z(!0) : $();
+				e ? g(!0) : $();
 			},
-			children: /* @__PURE__ */ y(T, { children: [
-				/* @__PURE__ */ y(O, { children: [/* @__PURE__ */ v(k, { children: "New skill" }), /* @__PURE__ */ v(E, { children: "Add a competency to the taxonomy. Courses can then be mapped to it." })] }),
-				/* @__PURE__ */ y("div", {
+			children: /* @__PURE__ */ C(k, { children: [
+				/* @__PURE__ */ C(j, { children: [/* @__PURE__ */ S(M, { children: "New skill" }), /* @__PURE__ */ S(ee, { children: "Add a competency to the taxonomy. Courses can then be mapped to it." })] }),
+				/* @__PURE__ */ C("div", {
 					className: "grid gap-4 py-2",
 					children: [
-						/* @__PURE__ */ y("div", {
+						/* @__PURE__ */ C("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ v(C, {
+							children: [/* @__PURE__ */ S(D, {
 								htmlFor: "skill-name",
 								children: "Name *"
-							}), /* @__PURE__ */ v(S, {
+							}), /* @__PURE__ */ S(E, {
 								id: "skill-name",
-								value: B.name,
-								onChange: (e) => V({
-									...B,
+								value: _.name,
+								onChange: (e) => v({
+									..._,
 									name: e.target.value
 								}),
 								placeholder: "e.g. Data Visualisation"
 							})]
 						}),
-						/* @__PURE__ */ y("div", {
+						/* @__PURE__ */ C("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ v(C, {
+							children: [/* @__PURE__ */ S(D, {
 								htmlFor: "skill-category",
 								children: "Category"
-							}), /* @__PURE__ */ y(A, {
-								value: B.category,
-								onValueChange: (e) => V({
-									...B,
+							}), /* @__PURE__ */ C(N, {
+								value: _.category,
+								onValueChange: (e) => v({
+									..._,
 									category: e
 								}),
-								children: [/* @__PURE__ */ v(N, {
+								children: [/* @__PURE__ */ S(I, {
 									id: "skill-category",
-									children: /* @__PURE__ */ v(P, {})
-								}), /* @__PURE__ */ v(j, { children: d.map((e) => /* @__PURE__ */ v(M, {
+									children: /* @__PURE__ */ S(L, {})
+								}), /* @__PURE__ */ S(P, { children: u.map((e) => /* @__PURE__ */ S(F, {
 									value: e,
-									children: n(e)
+									children: t(e)
 								}, e)) })]
 							})]
 						}),
-						/* @__PURE__ */ y("div", {
+						/* @__PURE__ */ C("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ v(C, {
+							children: [/* @__PURE__ */ S(D, {
 								htmlFor: "skill-description",
 								children: "Description"
-							}), /* @__PURE__ */ v(F, {
+							}), /* @__PURE__ */ S(R, {
 								id: "skill-description",
-								value: B.description,
-								onChange: (e) => V({
-									...B,
+								value: _.description,
+								onChange: (e) => v({
+									..._,
 									description: e.target.value
 								}),
 								placeholder: "Optional — what this competency covers and how it's assessed.",
 								rows: 3
 							})]
 						}),
-						H && /* @__PURE__ */ v("p", {
+						x && /* @__PURE__ */ S("p", {
 							className: "text-sm text-status-error-text",
-							children: H
+							children: x
 						})
 					]
 				}),
-				/* @__PURE__ */ y(D, { children: [/* @__PURE__ */ v(b, {
+				/* @__PURE__ */ C(A, { children: [/* @__PURE__ */ S(w, {
 					variant: "outline",
 					onClick: $,
 					children: "Cancel"
-				}), /* @__PURE__ */ v(b, {
+				}), /* @__PURE__ */ S(w, {
 					onClick: async () => {
-						let e = B.name.trim();
+						let e = _.name.trim();
 						if (!e) {
-							U("A skill name is required.");
+							B("A skill name is required.");
 							return;
 						}
 						try {
-							await J.mutateAsync({
+							await q.mutateAsync({
 								name: e,
-								category: B.category,
-								description: B.description.trim() || void 0
+								category: _.category,
+								description: _.description.trim() || void 0
 							}), $();
 						} catch (e) {
-							U(e instanceof Error ? e.message : "Failed to create skill.");
+							B(e instanceof Error ? e.message : "Failed to create skill.");
 						}
 					},
-					disabled: J.isPending,
-					children: J.isPending ? "Creating…" : "Create skill"
+					disabled: q.isPending,
+					children: q.isPending ? "Creating…" : "Create skill"
 				})] })
 			] })
 		})]
 	});
 };
 //#endregion
-export { z as SkillsPage };
+export { U as SkillsPage };
 //# sourceMappingURL=SkillsPage.js.map

package/dist/buildmyiq/pages/skills/SkillsPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SkillsPage.js","names":[],"sources":["../../../../src/buildmyiq/pages/skills/SkillsPage.tsx"],"sourcesContent":["/*\n SkillsPage — the workspace skills taxonomy.\n * @module buildmyiq/pages/skills\n \n The competency vocabulary that courses map to (`BuiCourse.skillId → BuiSkill`).\n * Reads the taxonomy via `useBuiSkills(category?)` — the category filter is applied\n * server-side — and writes new competencies via `useBuiCreateSkill`. A small KPI\n * summary (total / active / inactive) is derived from the loaded list, so it is\n * honest for whichever category is currently in view. Every tile renders REAL\n * `bui` data; the empty state is honest.\n /\n\nimport { useMemo, useState } from 'react';\nimport type { FC } from 'react';\nimport { Plus, Sparkles, CheckCircle2, CircleSlash } from 'lucide-react';\nimport {\n Button,\n GlassCard,\n Input,\n Label,\n Textarea,\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n ResponsiveDialog,\n ResponsiveDialogContent,\n ResponsiveDialogHeader,\n ResponsiveDialogTitle,\n ResponsiveDialogDescription,\n ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport {\n PageLayout,\n MetricsCard,\n StatusBadge,\n FilterTabs,\n EmptyState,\n LoadingView,\n ErrorView,\n type FilterOption,\n} from '../../components';\nimport { useBuiSkills, useBuiCreateSkill } from '../../hooks';\nimport { formatEnumLabel, formatRelativeTime } from '../../utils/formatters';\nimport { SKILL_CATEGORIES } from '../../types';\nimport type { BuiSkill, BuiSkillCategory } from '../../types';\n\ntype CategoryFilter = BuiSkillCategory \| 'ALL';\n\nconst CATEGORY_FILTERS: FilterOption<CategoryFilter>[] = [\n { value: 'ALL', label: 'All' },\n ...SKILL_CATEGORIES.map((c) => ({ value: c, label: formatEnumLabel(c) })),\n];\n\ninterface CreateFormState {\n name: string;\n category: BuiSkillCategory;\n description: string;\n}\n\nconst EMPTY_FORM: CreateFormState = {\n name: '',\n category: 'TECHNICAL',\n description: '',\n};\n\n/** A single competency tile — name, category badge, description, active state. /\nconst SkillTile: FC<{ skill: BuiSkill }> = ({ skill }) => (\n <GlassCard treatment=\"plain\" className=\"flex flex-col gap-3 p-5\">\n <div className=\"flex items-start justify-between gap-3\">\n <h3 className=\"min-w-0 break-words font-semibold text-text-primary\">{skill.name}</h3>\n <StatusBadge status={skill.category} className=\"shrink-0\" />\n </div>\n\n {skill.description ? (\n <p className=\"line-clamp-3 text-sm text-text-secondary\">{skill.description}</p>\n ) : (\n <p className=\"text-sm italic text-text-secondary/70\">No description provided.</p>\n )}\n\n <div className=\"mt-auto flex items-center justify-between gap-3 pt-2\">\n <span\n className={\n skill.isActive\n ? 'inline-flex items-center gap-1.5 text-xs font-medium text-status-success-text'\n : 'inline-flex items-center gap-1.5 text-xs font-medium text-text-secondary'\n }\n >\n <span\n aria-hidden=\"true\"\n className={\n skill.isActive\n ? 'size-1.5 rounded-full bg-status-success-text'\n : 'size-1.5 rounded-full bg-text-secondary'\n }\n />\n {skill.isActive ? 'Active' : 'Inactive'}\n </span>\n <span className=\"text-xs text-text-secondary\">\n Added {formatRelativeTime(skill.createdAt)}\n </span>\n </div>\n </GlassCard>\n);\n\nexport const SkillsPage: FC = () => {\n const [category, setCategory] = useState<CategoryFilter>('ALL');\n const [dialogOpen, setDialogOpen] = useState(false);\n const [form, setForm] = useState<CreateFormState>(EMPTY_FORM);\n const [formError, setFormError] = useState<string \| null>(null);\n\n const { data, isLoading, isError, refetch } = useBuiSkills(\n category === 'ALL' ? undefined : category\n );\n const createSkill = useBuiCreateSkill();\n\n const skills = useMemo<BuiSkill[]>(() => data ?? [], [data]);\n\n // KPIs are derived from the loaded (optionally category-filtered) list.\n const summary = useMemo(() => {\n const total = skills.length;\n const active = skills.filter((s) => s.isActive).length;\n return { total, active, inactive: total - active };\n }, [skills]);\n\n const scopeLabel = category === 'ALL' ? '' : ` · ${formatEnumLabel(category)}`;\n\n const resetForm = () => {\n setForm(EMPTY_FORM);\n setFormError(null);\n };\n\n const closeDialog = () => {\n setDialogOpen(false);\n resetForm();\n };\n\n const handleCreate = async () => {\n const name = form.name.trim();\n if (!name) {\n setFormError('A skill name is required.');\n return;\n }\n try {\n await createSkill.mutateAsync({\n name,\n category: form.category,\n description: form.description.trim() \|\| undefined,\n });\n closeDialog();\n } catch (err) {\n setFormError(err instanceof Error ? err.message : 'Failed to create skill.');\n }\n };\n\n return (\n <PageLayout\n title=\"Skills\"\n description=\"The competency taxonomy your courses map to — organised by category.\"\n titleGradient\n aurora\n actions={\n <Button onClick={() => setDialogOpen(true)}>\n <Plus className=\"mr-1.5 h-4 w-4\" /> New skill\n </Button>\n }\n >\n <div className=\"flex flex-col gap-6\">\n {/ KPI row — scoped to the loaded list. /}\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n <MetricsCard\n icon={<Sparkles className=\"h-5 w-5\" />}\n value={summary.total}\n label={`Skills${scopeLabel}`}\n featured\n />\n <MetricsCard\n icon={<CheckCircle2 className=\"h-5 w-5\" />}\n value={summary.active}\n label=\"Active\"\n accent=\"success\"\n />\n <MetricsCard\n icon={<CircleSlash className=\"h-5 w-5\" />}\n value={summary.inactive}\n label=\"Inactive\"\n />\n </div>\n\n <FilterTabs options={CATEGORY_FILTERS} value={category} onChange={setCategory} />\n\n {isLoading ? (\n <LoadingView label=\"Loading skills…\" />\n ) : isError ? (\n <ErrorView\n title=\"Couldn't load skills\"\n message=\"The skills taxonomy failed to load.\"\n onRetry={() => refetch()}\n />\n ) : skills.length === 0 ? (\n <EmptyState\n illustration=\"empty-data\"\n icon={<Sparkles className=\"h-10 w-10\" />}\n title={category === 'ALL' ? 'No skills yet' : 'No skills in this category'}\n description={\n category === 'ALL'\n ? 'Define the competencies your courses build. Skills let you organise the catalog and target learning outcomes.'\n : 'No skills are tagged with this category yet. Add one, or switch categories.'\n }\n action={\n <Button onClick={() => setDialogOpen(true)}>\n <Plus className=\"mr-1.5 h-4 w-4\" /> New skill\n </Button>\n }\n />\n ) : (\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\">\n {skills.map((skill) => (\n <SkillTile key={skill.id} skill={skill} />\n ))}\n </div>\n )}\n </div>\n\n <ResponsiveDialog\n open={dialogOpen}\n onOpenChange={(open) => {\n if (open) setDialogOpen(true);\n else closeDialog();\n }}\n >\n <ResponsiveDialogContent>\n <ResponsiveDialogHeader>\n <ResponsiveDialogTitle>New skill</ResponsiveDialogTitle>\n <ResponsiveDialogDescription>\n Add a competency to the taxonomy. Courses can then be mapped to it.\n </ResponsiveDialogDescription>\n </ResponsiveDialogHeader>\n\n <div className=\"grid gap-4 py-2\">\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"skill-name\">Name </Label>\n <Input\n id=\"skill-name\"\n value={form.name}\n onChange={(e) => setForm({ ...form, name: e.target.value })}\n placeholder=\"e.g. Data Visualisation\"\n />\n </div>\n\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"skill-category\">Category</Label>\n <Select\n value={form.category}\n onValueChange={(v) => setForm({ ...form, category: v as BuiSkillCategory })}\n >\n <SelectTrigger id=\"skill-category\">\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {SKILL_CATEGORIES.map((c) => (\n <SelectItem key={c} value={c}>\n {formatEnumLabel(c)}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"skill-description\">Description</Label>\n <Textarea\n id=\"skill-description\"\n value={form.description}\n onChange={(e) => setForm({ ...form, description: e.target.value })}\n placeholder=\"Optional — what this competency covers and how it's assessed.\"\n rows={3}\n />\n </div>\n\n {formError && <p className=\"text-sm text-status-error-text\">{formError}</p>}\n </div>\n\n <ResponsiveDialogFooter>\n <Button variant=\"outline\" onClick={closeDialog}>\n Cancel\n </Button>\n <Button onClick={handleCreate} disabled={createSkill.isPending}>\n {createSkill.isPending ? 'Creating…' : 'Create skill'}\n </Button>\n </ResponsiveDialogFooter>\n </ResponsiveDialogContent>\n </ResponsiveDialog>\n </PageLayout>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"SkillsPage.js","names":[],"sources":["../../../../src/buildmyiq/pages/skills/SkillsPage.tsx"],"sourcesContent":["/*\n SkillsPage — the workspace skills taxonomy.\n * @module buildmyiq/pages/skills\n \n The competency vocabulary that courses map to (`BuiCourse.skillId → BuiSkill`).\n * Reads the taxonomy via `useBuiSkills(category?)` — the category filter is applied\n * server-side — and writes new competencies via `useBuiCreateSkill`. A small KPI\n * summary (total / active / inactive) is derived from the loaded list, so it is\n * honest for whichever category is currently in view. Every tile renders REAL\n * `bui` data; the empty state is honest.\n /\n\nimport { useMemo, useState } from 'react';\nimport type { FC } from 'react';\nimport type { LucideIcon } from 'lucide-react';\nimport {\n Plus,\n Sparkles,\n BarChart3,\n Code2,\n Briefcase,\n Palette,\n Brain,\n Users,\n Languages,\n} from 'lucide-react';\nimport {\n Button,\n GlassCard,\n Input,\n Label,\n Textarea,\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n ResponsiveDialog,\n ResponsiveDialogContent,\n ResponsiveDialogHeader,\n ResponsiveDialogTitle,\n ResponsiveDialogDescription,\n ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport {\n PageLayout,\n ProgressRing,\n FilterTabs,\n EmptyState,\n LoadingView,\n ErrorView,\n type FilterOption,\n} from '../../components';\nimport { useBuiSkills, useBuiCreateSkill } from '../../hooks';\nimport { formatEnumLabel, formatRelativeTime } from '../../utils/formatters';\nimport { SKILL_CATEGORIES } from '../../types';\nimport type { BuiSkill, BuiSkillCategory } from '../../types';\n\ntype CategoryFilter = BuiSkillCategory \| 'ALL';\n\nconst CATEGORY_FILTERS: FilterOption<CategoryFilter>[] = [\n { value: 'ALL', label: 'All' },\n ...SKILL_CATEGORIES.map((c) => ({ value: c, label: formatEnumLabel(c) })),\n];\n\n/*\n Per-category icon + semantic-token colour. Distinct hues drawn ONLY from the\n * Boff UI 2.0 accent/status palette (theme-safe in light + dark, no raw colours).\n /\nconst CATEGORY_VISUAL: Record<BuiSkillCategory, { icon: LucideIcon; color: string }> = {\n TECHNICAL: { icon: Code2, color: 'var(--color-accent-teal)' },\n BUSINESS: { icon: Briefcase, color: 'var(--color-accent-blue)' },\n CREATIVE: { icon: Palette, color: 'var(--color-status-warning-text)' },\n COGNITIVE: { icon: Brain, color: 'var(--color-accent-purple)' },\n SOCIAL: { icon: Users, color: 'var(--color-status-success-text)' },\n LANGUAGE: { icon: Languages, color: 'var(--color-accent-indigo)' },\n};\n\ninterface CreateFormState {\n name: string;\n category: BuiSkillCategory;\n description: string;\n}\n\nconst EMPTY_FORM: CreateFormState = {\n name: '',\n category: 'TECHNICAL',\n description: '',\n};\n\n/* A single competency tile — category-coloured icon, badge, description, state. /\nconst SkillTile: FC<{ skill: BuiSkill }> = ({ skill }) => {\n const visual = CATEGORY_VISUAL[skill.category];\n const Icon = visual.icon;\n return (\n <GlassCard treatment=\"plain\" className=\"flex flex-col gap-3 p-5\">\n <div className=\"flex items-start gap-3\">\n <span\n aria-hidden=\"true\"\n className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl\"\n style={{\n backgroundColor: `color-mix(in srgb, ${visual.color} 15%, transparent)`,\n color: visual.color,\n }}\n >\n <Icon className=\"h-5 w-5\" />\n </span>\n <div className=\"flex min-w-0 flex-1 items-start justify-between gap-2\">\n <h3 className=\"min-w-0 break-words font-semibold leading-snug text-text-primary\">\n {skill.name}\n </h3>\n <span\n className=\"inline-flex shrink-0 items-center rounded-full border px-2.5 py-0.5 text-xs font-medium\"\n style={{\n color: visual.color,\n borderColor: `color-mix(in srgb, ${visual.color} 40%, transparent)`,\n }}\n >\n {formatEnumLabel(skill.category)}\n </span>\n </div>\n </div>\n\n {skill.description ? (\n <p className=\"line-clamp-3 text-sm text-text-secondary\">{skill.description}</p>\n ) : (\n <p className=\"text-sm italic text-text-secondary/70\">No description provided.</p>\n )}\n\n <div className=\"mt-auto flex items-center justify-between gap-3 border-t border-border-seam/60 pt-3\">\n <span\n className={\n skill.isActive\n ? 'inline-flex items-center gap-1.5 text-xs font-medium text-status-success-text'\n : 'inline-flex items-center gap-1.5 text-xs font-medium text-text-secondary'\n }\n >\n <span\n aria-hidden=\"true\"\n className={\n skill.isActive\n ? 'size-1.5 rounded-full bg-status-success-text'\n : 'size-1.5 rounded-full bg-text-secondary'\n }\n />\n {skill.isActive ? 'Active' : 'Inactive'}\n </span>\n <span className=\"text-xs text-text-tertiary\">Added {formatRelativeTime(skill.createdAt)}</span>\n </div>\n </GlassCard>\n );\n};\n\nexport const SkillsPage: FC = () => {\n const [category, setCategory] = useState<CategoryFilter>('ALL');\n const [dialogOpen, setDialogOpen] = useState(false);\n const [form, setForm] = useState<CreateFormState>(EMPTY_FORM);\n const [formError, setFormError] = useState<string \| null>(null);\n\n const { data, isLoading, isError, refetch } = useBuiSkills(\n category === 'ALL' ? undefined : category\n );\n const createSkill = useBuiCreateSkill();\n\n const skills = useMemo<BuiSkill[]>(() => data ?? [], [data]);\n\n // KPIs are derived from the loaded (optionally category-filtered) list.\n const summary = useMemo(() => {\n const total = skills.length;\n const active = skills.filter((s) => s.isActive).length;\n const activeRatio = total > 0 ? Math.round((active / total) 100) : 0;\n return { total, active, inactive: total - active, activeRatio };\n }, [skills]);\n\n const scopeLabel = category === 'ALL' ? 'Skills' : `${formatEnumLabel(category)} skills`;\n const showSummary = !isLoading && !isError && summary.total > 0;\n\n const resetForm = () => {\n setForm(EMPTY_FORM);\n setFormError(null);\n };\n\n const closeDialog = () => {\n setDialogOpen(false);\n resetForm();\n };\n\n const handleCreate = async () => {\n const name = form.name.trim();\n if (!name) {\n setFormError('A skill name is required.');\n return;\n }\n try {\n await createSkill.mutateAsync({\n name,\n category: form.category,\n description: form.description.trim() \|\| undefined,\n });\n closeDialog();\n } catch (err) {\n setFormError(err instanceof Error ? err.message : 'Failed to create skill.');\n }\n };\n\n return (\n <PageLayout\n title=\"Skills\"\n description=\"The competency taxonomy your courses map to — organised by category.\"\n titleGradient\n aurora\n actions={\n <Button onClick={() => setDialogOpen(true)}>\n <Plus className=\"mr-1.5 h-4 w-4\" /> New skill\n </Button>\n }\n >\n <div className=\"flex flex-col gap-6\">\n {/* Summary strip — scoped to the loaded list. /}\n {showSummary && (\n <GlassCard\n treatment=\"glass\"\n glow\n className=\"flex flex-col gap-4 p-5 sm:flex-row sm:items-center sm:justify-between\"\n >\n <div className=\"flex flex-wrap items-center gap-x-6 gap-y-3\">\n <div className=\"flex items-center gap-3\">\n <span className=\"flex h-11 w-11 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-[var(--color-accent-primary)]\">\n <BarChart3 className=\"h-5 w-5\" />\n </span>\n <span className=\"flex items-baseline gap-1.5\">\n <span className=\"text-2xl font-bold tabular-nums text-text-primary\">\n {summary.total}\n </span>\n <span className=\"text-sm text-text-secondary\">{scopeLabel}</span>\n </span>\n </div>\n <span aria-hidden=\"true\" className=\"hidden h-8 w-px bg-border-seam sm:block\" />\n <span className=\"inline-flex items-center gap-2 text-sm\">\n <span className=\"size-2 rounded-full bg-status-success-text\" />\n <span className=\"text-lg font-semibold tabular-nums text-text-primary\">\n {summary.active}\n </span>\n <span className=\"text-text-secondary\">Active</span>\n </span>\n <span className=\"inline-flex items-center gap-2 text-sm\">\n <span className=\"size-2 rounded-full bg-text-tertiary\" />\n <span className=\"text-lg font-semibold tabular-nums text-text-primary\">\n {summary.inactive}\n </span>\n <span className=\"text-text-secondary\">Inactive</span>\n </span>\n </div>\n <div className=\"flex items-center gap-3 self-start sm:self-auto\">\n <ProgressRing value={summary.activeRatio} size={52} stroke={5} />\n <span className=\"text-xs leading-tight text-text-secondary\">\n of the taxonomy\n <br />\n is active\n </span>\n </div>\n </GlassCard>\n )}\n\n <FilterTabs options={CATEGORY_FILTERS} value={category} onChange={setCategory} />\n\n {isLoading ? (\n <LoadingView label=\"Loading skills…\" />\n ) : isError ? (\n <ErrorView\n title=\"Couldn't load skills\"\n message=\"The skills taxonomy failed to load.\"\n onRetry={() => refetch()}\n />\n ) : skills.length === 0 ? (\n <EmptyState\n illustration=\"empty-data\"\n icon={<Sparkles className=\"h-10 w-10\" />}\n title={category === 'ALL' ? 'No skills yet' : 'No skills in this category'}\n description={\n category === 'ALL'\n ? 'Define the competencies your courses build. Skills let you organise the catalog and target learning outcomes.'\n : 'No skills are tagged with this category yet. Add one, or switch categories.'\n }\n action={\n <Button onClick={() => setDialogOpen(true)}>\n <Plus className=\"mr-1.5 h-4 w-4\" /> New skill\n </Button>\n }\n />\n ) : (\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n {skills.map((skill) => (\n <SkillTile key={skill.id} skill={skill} />\n ))}\n </div>\n )}\n </div>\n\n <ResponsiveDialog\n open={dialogOpen}\n onOpenChange={(open) => {\n if (open) setDialogOpen(true);\n else closeDialog();\n }}\n >\n <ResponsiveDialogContent>\n <ResponsiveDialogHeader>\n <ResponsiveDialogTitle>New skill</ResponsiveDialogTitle>\n <ResponsiveDialogDescription>\n Add a competency to the taxonomy. Courses can then be mapped to it.\n </ResponsiveDialogDescription>\n </ResponsiveDialogHeader>\n\n <div className=\"grid gap-4 py-2\">\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"skill-name\">Name </Label>\n <Input\n id=\"skill-name\"\n value={form.name}\n onChange={(e) => setForm({ ...form, name: e.target.value })}\n placeholder=\"e.g. Data Visualisation\"\n />\n </div>\n\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"skill-category\">Category</Label>\n <Select\n value={form.category}\n onValueChange={(v) => setForm({ ...form, category: v as BuiSkillCategory })}\n >\n <SelectTrigger id=\"skill-category\">\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {SKILL_CATEGORIES.map((c) => (\n <SelectItem key={c} value={c}>\n {formatEnumLabel(c)}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"skill-description\">Description</Label>\n <Textarea\n id=\"skill-description\"\n value={form.description}\n onChange={(e) => setForm({ ...form, description: e.target.value })}\n placeholder=\"Optional — what this competency covers and how it's assessed.\"\n rows={3}\n />\n </div>\n\n {formError && <p className=\"text-sm text-status-error-text\">{formError}</p>}\n </div>\n\n <ResponsiveDialogFooter>\n <Button variant=\"outline\" onClick={closeDialog}>\n Cancel\n </Button>\n <Button onClick={handleCreate} disabled={createSkill.isPending}>\n {createSkill.isPending ? 'Creating…' : 'Create skill'}\n </Button>\n </ResponsiveDialogFooter>\n </ResponsiveDialogContent>\n </ResponsiveDialog>\n </PageLayout>\n );\n};\n"],"mappings":"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"}

package/dist/buildmyiq/pages/submissions/SubmissionsPage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SubmissionsPage.d.ts","sourceRoot":"","sources":["../../../../src/buildmyiq/pages/submissions/SubmissionsPage.tsx"],"names":[],"mappings":"AAAA~~;;;;;;;;;;;;;;GAcG~~;AAGH,OAAO,KAAK,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;~~AAmG3C~~,eAAO,MAAM,eAAe,EAAE,~~EAyX7B~~,CAAC"}
1	+ {"version":3,"file":"SubmissionsPage.d.ts","sourceRoot":"","sources":["../../../../src/buildmyiq/pages/submissions/SubmissionsPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAGH,OAAO,KAAK,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AA4H3C,eAAO,MAAM,eAAe,EAAE,EAgc7B,CAAC"}