@burdenoff/microfe-technospam 2026.827.1 → 2026.829.1

package/dist/technospam/components/StateViews.js

@@ -1,62 +1,64 @@
-import { AlertTriangle as e, Inbox as t } from "lucide-react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Skeleton as i } from "@burdenoff/fe-libs/ui";
+import { useTr as e } from "../hooks/useTr.js";
+import { AlertTriangle as t, Inbox as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Skeleton as a } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/components/StateViews.tsx
-function a({ title: e, description: i, action: a, icon: o }) {
-	return /* @__PURE__ */ r("div", {
+function o({ title: e, description: t, action: a, icon: o }) {
+	return /* @__PURE__ */ i("div", {
 		className: "flex flex-col items-center justify-center gap-3 rounded-2xl border border-border-seam bg-bg-surface px-6 py-14 text-center",
 		children: [
-			/* @__PURE__ */ n("span", {
+			/* @__PURE__ */ r("span", {
 				className: "flex h-14 w-14 items-center justify-center rounded-2xl bg-bg-sunken text-text-muted",
-				children: o ?? /* @__PURE__ */ n(t, { size: 26 })
+				children: o ?? /* @__PURE__ */ r(n, { size: 26 })
 			}),
-			/* @__PURE__ */ n("h3", {
+			/* @__PURE__ */ r("h3", {
 				className: "text-base font-semibold text-text-primary",
 				children: e
 			}),
-			i ? /* @__PURE__ */ n("p", {
+			t ? /* @__PURE__ */ r("p", {
 				className: "max-w-md text-sm text-text-secondary",
-				children: i
+				children: t
 			}) : null,
-			a ? /* @__PURE__ */ n("div", {
+			a ? /* @__PURE__ */ r("div", {
 				className: "mt-2",
 				children: a
 			}) : null
 		]
 	});
 }
-function o({ title: t = "Couldn't load this yet", error: i }) {
-	return /* @__PURE__ */ r("div", {
+function s({ title: n, error: a }) {
+	let o = e();
+	return /* @__PURE__ */ i("div", {
 		className: "flex flex-col items-center justify-center gap-3 rounded-2xl border border-border-seam bg-bg-surface px-6 py-14 text-center",
 		children: [
-			/* @__PURE__ */ n("span", {
+			/* @__PURE__ */ r("span", {
 				className: "flex h-14 w-14 items-center justify-center rounded-2xl bg-status-error-bg-subtle text-status-error-text",
-				children: /* @__PURE__ */ n(e, { size: 26 })
+				children: /* @__PURE__ */ r(t, { size: 26 })
 			}),
-			/* @__PURE__ */ n("h3", {
+			/* @__PURE__ */ r("h3", {
 				className: "text-base font-semibold text-text-primary",
-				children: t
+				children: n ?? o("technospam.common.errorTitle", "Couldn't load this yet")
 			}),
-			/* @__PURE__ */ n("p", {
+			/* @__PURE__ */ r("p", {
 				className: "max-w-md text-sm text-text-secondary",
-				children: i?.message ?? "Please try again in a moment."
+				children: a?.message ?? o("technospam.common.tryAgain", "Please try again in a moment.")
 			})
 		]
 	});
 }
-function s({ count: e = 6, height: t = "h-56" }) {
-	return /* @__PURE__ */ n("div", {
+function c({ count: e = 6, height: t = "h-56" }) {
+	return /* @__PURE__ */ r("div", {
 		className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-		children: Array.from({ length: e }).map((e, r) => /* @__PURE__ */ n(i, { className: `${t} w-full rounded-xl` }, r))
+		children: Array.from({ length: e }).map((e, n) => /* @__PURE__ */ r(a, { className: `${t} w-full rounded-xl` }, n))
 	});
 }
-function c({ count: e = 4, height: t = "h-20" }) {
-	return /* @__PURE__ */ n("div", {
+function l({ count: e = 4, height: t = "h-20" }) {
+	return /* @__PURE__ */ r("div", {
 		className: "space-y-3",
-		children: Array.from({ length: e }).map((e, r) => /* @__PURE__ */ n(i, { className: `${t} w-full rounded-xl` }, r))
+		children: Array.from({ length: e }).map((e, n) => /* @__PURE__ */ r(a, { className: `${t} w-full rounded-xl` }, n))
 	});
 }
 //#endregion
-export { a as EmptyView, o as ErrorView, s as LoadingGrid, c as LoadingRows };
+export { o as EmptyView, s as ErrorView, c as LoadingGrid, l as LoadingRows };
 
 //# sourceMappingURL=StateViews.js.map

package/dist/technospam/components/StateViews.js.map

@@ -1 +1 @@
-{"version":3,"file":"StateViews.js","names":[],"sources":["../../../src/technospam/components/StateViews.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { AlertTriangle, Inbox } from 'lucide-react';\nimport { Skeleton } from '@burdenoff/fe-libs/ui';\n\n/**\n * Self-contained empty state (does not depend on host-shell illustration assets).\n * A soft glass medallion + lucide icon, a title, an optional description and action.\n */\nexport function EmptyView({\n  title,\n  description,\n  action,\n  icon,\n}: {\n  title: string;\n  description?: string;\n  action?: ReactNode;\n  icon?: ReactNode;\n}) {\n  return (\n    <div className=\"flex flex-col items-center justify-center gap-3 rounded-2xl border border-border-seam bg-bg-surface px-6 py-14 text-center\">\n      <span className=\"flex h-14 w-14 items-center justify-center rounded-2xl bg-bg-sunken text-text-muted\">\n        {icon ?? <Inbox size={26} />}\n      </span>\n      <h3 className=\"text-base font-semibold text-text-primary\">{title}</h3>\n      {description ? <p className=\"max-w-md text-sm text-text-secondary\">{description}</p> : null}\n      {action ? <div className=\"mt-2\">{action}</div> : null}\n    </div>\n  );\n}\n\n/** Consistent error state, surfaced from a GraphQL/network error. */\nexport function ErrorView({\n  title = \"Couldn't load this yet\",\n  error,\n}: {\n  title?: string;\n  error?: { message?: string };\n}) {\n  return (\n    <div className=\"flex flex-col items-center justify-center gap-3 rounded-2xl border border-border-seam bg-bg-surface px-6 py-14 text-center\">\n      <span className=\"flex h-14 w-14 items-center justify-center rounded-2xl bg-status-error-bg-subtle text-status-error-text\">\n        <AlertTriangle size={26} />\n      </span>\n      <h3 className=\"text-base font-semibold text-text-primary\">{title}</h3>\n      <p className=\"max-w-md text-sm text-text-secondary\">\n        {error?.message ?? 'Please try again in a moment.'}\n      </p>\n    </div>\n  );\n}\n\n/** Skeleton grid for card lists. */\nexport function LoadingGrid({ count = 6, height = 'h-56' }: { count?: number; height?: string }) {\n  return (\n    <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n      {Array.from({ length: count }).map((_, i) => (\n        <Skeleton key={i} className={`${height} w-full rounded-xl`} />\n      ))}\n    </div>\n  );\n}\n\n/** Skeleton rows for stacked lists. */\nexport function LoadingRows({ count = 4, height = 'h-20' }: { count?: number; height?: string }) {\n  return (\n    <div className=\"space-y-3\">\n      {Array.from({ length: count }).map((_, i) => (\n        <Skeleton key={i} className={`${height} w-full rounded-xl`} />\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;AAQA,SAAgB,EAAU,EACxB,UACA,gBACA,WACA,WAMC;AACD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,QAAD;IAAM,WAAU;cACb,KAAQ,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;IACvB,CAAA;GACP,kBAAC,MAAD;IAAI,WAAU;cAA6C;IAAW,CAAA;GACrE,IAAc,kBAAC,KAAD;IAAG,WAAU;cAAwC;IAAgB,CAAA,GAAG;GACtF,IAAS,kBAAC,OAAD;IAAK,WAAU;cAAQ;IAAa,CAAA,GAAG;GAC7C;;;AAKV,SAAgB,EAAU,EACxB,WAAQ,0BACR,YAIC;AACD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,QAAD;IAAM,WAAU;cACd,kBAAC,GAAD,EAAe,MAAM,IAAM,CAAA;IACtB,CAAA;GACP,kBAAC,MAAD;IAAI,WAAU;cAA6C;IAAW,CAAA;GACtE,kBAAC,KAAD;IAAG,WAAU;cACV,GAAO,WAAW;IACjB,CAAA;GACA;;;AAKV,SAAgB,EAAY,EAAE,WAAQ,GAAG,YAAS,UAA+C;AAC/F,QACE,kBAAC,OAAD;EAAK,WAAU;YACZ,MAAM,KAAK,EAAE,QAAQ,GAAO,CAAC,CAAC,KAAK,GAAG,MACrC,kBAAC,GAAD,EAAkB,WAAW,GAAG,EAAO,qBAAuB,EAA/C,EAA+C,CAC9D;EACE,CAAA;;AAKV,SAAgB,EAAY,EAAE,WAAQ,GAAG,YAAS,UAA+C;AAC/F,QACE,kBAAC,OAAD;EAAK,WAAU;YACZ,MAAM,KAAK,EAAE,QAAQ,GAAO,CAAC,CAAC,KAAK,GAAG,MACrC,kBAAC,GAAD,EAAkB,WAAW,GAAG,EAAO,qBAAuB,EAA/C,EAA+C,CAC9D;EACE,CAAA"}
+{"version":3,"file":"StateViews.js","names":[],"sources":["../../../src/technospam/components/StateViews.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { AlertTriangle, Inbox } from 'lucide-react';\nimport { Skeleton } from '@burdenoff/fe-libs/ui';\nimport { useTr } from '../hooks/useTr';\n\n/**\n * Self-contained empty state (does not depend on host-shell illustration assets).\n * A soft glass medallion + lucide icon, a title, an optional description and action.\n */\nexport function EmptyView({\n  title,\n  description,\n  action,\n  icon,\n}: {\n  title: string;\n  description?: string;\n  action?: ReactNode;\n  icon?: ReactNode;\n}) {\n  return (\n    <div className=\"flex flex-col items-center justify-center gap-3 rounded-2xl border border-border-seam bg-bg-surface px-6 py-14 text-center\">\n      <span className=\"flex h-14 w-14 items-center justify-center rounded-2xl bg-bg-sunken text-text-muted\">\n        {icon ?? <Inbox size={26} />}\n      </span>\n      <h3 className=\"text-base font-semibold text-text-primary\">{title}</h3>\n      {description ? <p className=\"max-w-md text-sm text-text-secondary\">{description}</p> : null}\n      {action ? <div className=\"mt-2\">{action}</div> : null}\n    </div>\n  );\n}\n\n/** Consistent error state, surfaced from a GraphQL/network error. */\nexport function ErrorView({ title, error }: { title?: string; error?: { message?: string } }) {\n  const tr = useTr();\n  return (\n    <div className=\"flex flex-col items-center justify-center gap-3 rounded-2xl border border-border-seam bg-bg-surface px-6 py-14 text-center\">\n      <span className=\"flex h-14 w-14 items-center justify-center rounded-2xl bg-status-error-bg-subtle text-status-error-text\">\n        <AlertTriangle size={26} />\n      </span>\n      <h3 className=\"text-base font-semibold text-text-primary\">\n        {title ?? tr('technospam.common.errorTitle', \"Couldn't load this yet\")}\n      </h3>\n      <p className=\"max-w-md text-sm text-text-secondary\">\n        {error?.message ?? tr('technospam.common.tryAgain', 'Please try again in a moment.')}\n      </p>\n    </div>\n  );\n}\n\n/** Skeleton grid for card lists. */\nexport function LoadingGrid({ count = 6, height = 'h-56' }: { count?: number; height?: string }) {\n  return (\n    <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n      {Array.from({ length: count }).map((_, i) => (\n        <Skeleton key={i} className={`${height} w-full rounded-xl`} />\n      ))}\n    </div>\n  );\n}\n\n/** Skeleton rows for stacked lists. */\nexport function LoadingRows({ count = 4, height = 'h-20' }: { count?: number; height?: string }) {\n  return (\n    <div className=\"space-y-3\">\n      {Array.from({ length: count }).map((_, i) => (\n        <Skeleton key={i} className={`${height} w-full rounded-xl`} />\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;AASA,SAAgB,EAAU,EACxB,UACA,gBACA,WACA,WAMC;AACD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,QAAD;IAAM,WAAU;cACb,KAAQ,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;IACvB,CAAA;GACP,kBAAC,MAAD;IAAI,WAAU;cAA6C;IAAW,CAAA;GACrE,IAAc,kBAAC,KAAD;IAAG,WAAU;cAAwC;IAAgB,CAAA,GAAG;GACtF,IAAS,kBAAC,OAAD;IAAK,WAAU;cAAQ;IAAa,CAAA,GAAG;GAC7C;;;AAKV,SAAgB,EAAU,EAAE,UAAO,YAA2D;CAC5F,IAAM,IAAK,GAAO;AAClB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,QAAD;IAAM,WAAU;cACd,kBAAC,GAAD,EAAe,MAAM,IAAM,CAAA;IACtB,CAAA;GACP,kBAAC,MAAD;IAAI,WAAU;cACX,KAAS,EAAG,gCAAgC,yBAAyB;IACnE,CAAA;GACL,kBAAC,KAAD;IAAG,WAAU;cACV,GAAO,WAAW,EAAG,8BAA8B,gCAAgC;IAClF,CAAA;GACA;;;AAKV,SAAgB,EAAY,EAAE,WAAQ,GAAG,YAAS,UAA+C;AAC/F,QACE,kBAAC,OAAD;EAAK,WAAU;YACZ,MAAM,KAAK,EAAE,QAAQ,GAAO,CAAC,CAAC,KAAK,GAAG,MACrC,kBAAC,GAAD,EAAkB,WAAW,GAAG,EAAO,qBAAuB,EAA/C,EAA+C,CAC9D;EACE,CAAA;;AAKV,SAAgB,EAAY,EAAE,WAAQ,GAAG,YAAS,UAA+C;AAC/F,QACE,kBAAC,OAAD;EAAK,WAAU;YACZ,MAAM,KAAK,EAAE,QAAQ,GAAO,CAAC,CAAC,KAAK,GAAG,MACrC,kBAAC,GAAD,EAAkB,WAAW,GAAG,EAAO,qBAAuB,EAA/C,EAA+C,CAC9D;EACE,CAAA"}

package/dist/technospam/components/TagInput.d.ts

@@ -13,6 +13,6 @@ interface TagInputProps {
  * arrays stored on Tec* entities while the workspace-wide @burdenoff/microfe-tags
  * taxonomy is being adopted product-wide.
  */
-export declare function TagInput({ value, onChange, placeholder, className, maxTags, }: TagInputProps): import("react").JSX.Element;
+export declare function TagInput({ value, onChange, placeholder, className, maxTags }: TagInputProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=TagInput.d.ts.map

package/dist/technospam/components/TagInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagInput.d.ts","sourceRoot":"","sources":["../../../src/technospam/components/TagInput.tsx"],"names":[],"mappings":"AAKA,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,WAA0B,EAC1B,SAAS,EACT,OAAO,GACR,EAAE,aAAa,+BA4Df"}
+{"version":3,"file":"TagInput.d.ts","sourceRoot":"","sources":["../../../src/technospam/components/TagInput.tsx"],"names":[],"mappings":"AAMA,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,aAAa,+BA6D3F"}

package/dist/technospam/components/TagInput.js

@@ -1,58 +1,63 @@
-import { cn as e } from "../utils/cn.js";
-import { useCallback as t, useState as n } from "react";
-import { Plus as r, X as i } from "lucide-react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Button as s, Input as c } from "@burdenoff/fe-libs/ui";
+import { useTr as e } from "../hooks/useTr.js";
+import { cn as t } from "../utils/cn.js";
+import { useCallback as n, useState as r } from "react";
+import { Plus as i, X as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Button as c, Input as l } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/components/TagInput.tsx
-function l({ value: l, onChange: u, placeholder: d = "Add a tag…", className: f, maxTags: p }) {
-	let [m, h] = n(""), g = t(() => {
-		let e = m.split(",").map((e) => e.trim()).filter(Boolean);
+function u({ value: u, onChange: d, placeholder: f, className: p, maxTags: m }) {
+	let h = e(), [g, _] = r(""), v = n(() => {
+		let e = g.split(",").map((e) => e.trim()).filter(Boolean);
 		if (e.length === 0) return;
-		let t = Array.from(new Set([...l, ...e]));
-		u(p ? t.slice(0, p) : t), h("");
+		let t = Array.from(new Set([...u, ...e]));
+		d(m ? t.slice(0, m) : t), _("");
 	}, [
-		m,
-		l,
+		g,
 		u,
-		p
-	]), _ = t((e) => {
-		u(l.filter((t) => t !== e));
-	}, [l, u]);
-	return /* @__PURE__ */ o("div", {
-		className: e("space-y-2", f),
-		children: [/* @__PURE__ */ a("div", {
+		d,
+		m
+	]), y = n((e) => {
+		d(u.filter((t) => t !== e));
+	}, [u, d]);
+	return /* @__PURE__ */ s("div", {
+		className: t("space-y-2", p),
+		children: [/* @__PURE__ */ o("div", {
 			className: "flex flex-wrap items-center gap-1.5",
-			children: l.map((e) => /* @__PURE__ */ o("span", {
+			children: u.map((e) => /* @__PURE__ */ s("span", {
 				className: "inline-flex items-center gap-1 rounded-full border border-border-seam bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
-				children: [e, /* @__PURE__ */ a("button", {
+				children: [e, /* @__PURE__ */ o("button", {
 					type: "button",
-					onClick: () => _(e),
+					onClick: () => y(e),
 					className: "rounded-full p-0.5 hover:bg-bg-surface hover:text-status-error-text focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]",
-					"aria-label": `Remove ${e}`,
-					children: /* @__PURE__ */ a(i, { size: 10 })
+					"aria-label": h("technospam.common.removeTagAria", "Remove {{tag}}", { tag: e }),
+					children: /* @__PURE__ */ o(a, { size: 10 })
 				})]
 			}, e))
-		}), /* @__PURE__ */ o("div", {
+		}), /* @__PURE__ */ s("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ a(c, {
-				value: m,
-				onChange: (e) => h(e.target.value),
+			children: [/* @__PURE__ */ o(l, {
+				value: g,
+				onChange: (e) => _(e.target.value),
 				onKeyDown: (e) => {
-					e.key === "Enter" && (e.preventDefault(), g());
+					e.key === "Enter" && (e.preventDefault(), v());
 				},
-				placeholder: d,
+				placeholder: f ?? h("technospam.common.addTag", "Add a tag…"),
 				className: "flex-1"
-			}), /* @__PURE__ */ o(s, {
+			}), /* @__PURE__ */ s(c, {
 				type: "button",
 				variant: "outline",
 				size: "sm",
-				onClick: g,
-				children: [/* @__PURE__ */ a(r, { size: 14 }), " Add"]
+				onClick: v,
+				children: [
+					/* @__PURE__ */ o(i, { size: 14 }),
+					" ",
+					h("technospam.common.add", "Add")
+				]
 			})]
 		})]
 	});
 }
 //#endregion
-export { l as TagInput };
+export { u as TagInput };
 
 //# sourceMappingURL=TagInput.js.map

package/dist/technospam/components/TagInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagInput.js","names":[],"sources":["../../../src/technospam/components/TagInput.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { X, Plus } from 'lucide-react';\nimport { Input, Button } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface TagInputProps {\n  value: string[];\n  onChange: (tags: string[]) => void;\n  placeholder?: string;\n  className?: string;\n  maxTags?: number;\n}\n\n/**\n * Small controlled tag input. Renders existing tags as removable chips and\n * commits a new tag on Enter or when the add button is pressed.\n *\n * This is the TechnoSpam-local tag picker; it works with the legacy string-tag\n * arrays stored on Tec* entities while the workspace-wide @burdenoff/microfe-tags\n * taxonomy is being adopted product-wide.\n */\nexport function TagInput({\n  value,\n  onChange,\n  placeholder = 'Add a tag…',\n  className,\n  maxTags,\n}: TagInputProps) {\n  const [draft, setDraft] = useState('');\n\n  const commit = useCallback(() => {\n    const next = draft\n      .split(',')\n      .map((t) => t.trim())\n      .filter(Boolean);\n    if (next.length === 0) return;\n    const merged = Array.from(new Set([...value, ...next]));\n    onChange(maxTags ? merged.slice(0, maxTags) : merged);\n    setDraft('');\n  }, [draft, value, onChange, maxTags]);\n\n  const remove = useCallback(\n    (tag: string) => {\n      onChange(value.filter((t) => t !== tag));\n    },\n    [value, onChange]\n  );\n\n  return (\n    <div className={cn('space-y-2', className)}>\n      <div className=\"flex flex-wrap items-center gap-1.5\">\n        {value.map((tag) => (\n          <span\n            key={tag}\n            className=\"inline-flex items-center gap-1 rounded-full border border-border-seam bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\"\n          >\n            {tag}\n            <button\n              type=\"button\"\n              onClick={() => remove(tag)}\n              className=\"rounded-full p-0.5 hover:bg-bg-surface hover:text-status-error-text focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n              aria-label={`Remove ${tag}`}\n            >\n              <X size={10} />\n            </button>\n          </span>\n        ))}\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <Input\n          value={draft}\n          onChange={(e) => setDraft(e.target.value)}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              e.preventDefault();\n              commit();\n            }\n          }}\n          placeholder={placeholder}\n          className=\"flex-1\"\n        />\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={commit}>\n          <Plus size={14} /> Add\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAqBA,SAAgB,EAAS,EACvB,UACA,aACA,iBAAc,cACd,cACA,cACgB;CAChB,IAAM,CAAC,GAAO,KAAY,EAAS,GAAG,EAEhC,IAAS,QAAkB;EAC/B,IAAM,IAAO,EACV,MAAM,IAAI,CACV,KAAK,MAAM,EAAE,MAAM,CAAC,CACpB,OAAO,QAAQ;AAClB,MAAI,EAAK,WAAW,EAAG;EACvB,IAAM,IAAS,MAAM,KAAK,IAAI,IAAI,CAAC,GAAG,GAAO,GAAG,EAAK,CAAC,CAAC;AAEvD,EADA,EAAS,IAAU,EAAO,MAAM,GAAG,EAAQ,GAAG,EAAO,EACrD,EAAS,GAAG;IACX;EAAC;EAAO;EAAO;EAAU;EAAQ,CAAC,EAE/B,IAAS,GACZ,MAAgB;AACf,IAAS,EAAM,QAAQ,MAAM,MAAM,EAAI,CAAC;IAE1C,CAAC,GAAO,EAAS,CAClB;AAED,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,aAAa,EAAU;YAA1C,CACE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAM,KAAK,MACV,kBAAC,QAAD;IAEE,WAAU;cAFZ,CAIG,GACD,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAO,EAAI;KAC1B,WAAU;KACV,cAAY,UAAU;eAEtB,kBAAC,GAAD,EAAG,MAAM,IAAM,CAAA;KACR,CAAA,CACJ;MAZA,EAYA,CACP;GACE,CAAA,EACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IACE,OAAO;IACP,WAAW,MAAM,EAAS,EAAE,OAAO,MAAM;IACzC,YAAY,MAAM;AAChB,KAAI,EAAE,QAAQ,YACZ,EAAE,gBAAgB,EAClB,GAAQ;;IAGC;IACb,WAAU;IACV,CAAA,EACF,kBAAC,GAAD;IAAQ,MAAK;IAAS,SAAQ;IAAU,MAAK;IAAK,SAAS;cAA3D,CACE,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA,EAAA,OACX;MACL;KACF"}
+{"version":3,"file":"TagInput.js","names":[],"sources":["../../../src/technospam/components/TagInput.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { X, Plus } from 'lucide-react';\nimport { Input, Button } from '@burdenoff/fe-libs/ui';\nimport { useTr } from '../hooks/useTr';\nimport { cn } from '../utils/cn';\n\ninterface TagInputProps {\n  value: string[];\n  onChange: (tags: string[]) => void;\n  placeholder?: string;\n  className?: string;\n  maxTags?: number;\n}\n\n/**\n * Small controlled tag input. Renders existing tags as removable chips and\n * commits a new tag on Enter or when the add button is pressed.\n *\n * This is the TechnoSpam-local tag picker; it works with the legacy string-tag\n * arrays stored on Tec* entities while the workspace-wide @burdenoff/microfe-tags\n * taxonomy is being adopted product-wide.\n */\nexport function TagInput({ value, onChange, placeholder, className, maxTags }: TagInputProps) {\n  const tr = useTr();\n  const [draft, setDraft] = useState('');\n\n  const commit = useCallback(() => {\n    const next = draft\n      .split(',')\n      .map((t) => t.trim())\n      .filter(Boolean);\n    if (next.length === 0) return;\n    const merged = Array.from(new Set([...value, ...next]));\n    onChange(maxTags ? merged.slice(0, maxTags) : merged);\n    setDraft('');\n  }, [draft, value, onChange, maxTags]);\n\n  const remove = useCallback(\n    (tag: string) => {\n      onChange(value.filter((t) => t !== tag));\n    },\n    [value, onChange]\n  );\n\n  return (\n    <div className={cn('space-y-2', className)}>\n      <div className=\"flex flex-wrap items-center gap-1.5\">\n        {value.map((tag) => (\n          <span\n            key={tag}\n            className=\"inline-flex items-center gap-1 rounded-full border border-border-seam bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\"\n          >\n            {tag}\n            <button\n              type=\"button\"\n              onClick={() => remove(tag)}\n              className=\"rounded-full p-0.5 hover:bg-bg-surface hover:text-status-error-text focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n              aria-label={tr('technospam.common.removeTagAria', 'Remove {{tag}}', { tag })}\n            >\n              <X size={10} />\n            </button>\n          </span>\n        ))}\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <Input\n          value={draft}\n          onChange={(e) => setDraft(e.target.value)}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              e.preventDefault();\n              commit();\n            }\n          }}\n          placeholder={placeholder ?? tr('technospam.common.addTag', 'Add a tag…')}\n          className=\"flex-1\"\n        />\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={commit}>\n          <Plus size={14} /> {tr('technospam.common.add', 'Add')}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAsBA,SAAgB,EAAS,EAAE,UAAO,aAAU,gBAAa,cAAW,cAA0B;CAC5F,IAAM,IAAK,GAAO,EACZ,CAAC,GAAO,KAAY,EAAS,GAAG,EAEhC,IAAS,QAAkB;EAC/B,IAAM,IAAO,EACV,MAAM,IAAI,CACV,KAAK,MAAM,EAAE,MAAM,CAAC,CACpB,OAAO,QAAQ;AAClB,MAAI,EAAK,WAAW,EAAG;EACvB,IAAM,IAAS,MAAM,KAAK,IAAI,IAAI,CAAC,GAAG,GAAO,GAAG,EAAK,CAAC,CAAC;AAEvD,EADA,EAAS,IAAU,EAAO,MAAM,GAAG,EAAQ,GAAG,EAAO,EACrD,EAAS,GAAG;IACX;EAAC;EAAO;EAAO;EAAU;EAAQ,CAAC,EAE/B,IAAS,GACZ,MAAgB;AACf,IAAS,EAAM,QAAQ,MAAM,MAAM,EAAI,CAAC;IAE1C,CAAC,GAAO,EAAS,CAClB;AAED,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,aAAa,EAAU;YAA1C,CACE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAM,KAAK,MACV,kBAAC,QAAD;IAEE,WAAU;cAFZ,CAIG,GACD,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAO,EAAI;KAC1B,WAAU;KACV,cAAY,EAAG,mCAAmC,kBAAkB,EAAE,QAAK,CAAC;eAE5E,kBAAC,GAAD,EAAG,MAAM,IAAM,CAAA;KACR,CAAA,CACJ;MAZA,EAYA,CACP;GACE,CAAA,EACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IACE,OAAO;IACP,WAAW,MAAM,EAAS,EAAE,OAAO,MAAM;IACzC,YAAY,MAAM;AAChB,KAAI,EAAE,QAAQ,YACZ,EAAE,gBAAgB,EAClB,GAAQ;;IAGZ,aAAa,KAAe,EAAG,4BAA4B,aAAa;IACxE,WAAU;IACV,CAAA,EACF,kBAAC,GAAD;IAAQ,MAAK;IAAS,SAAQ;IAAU,MAAK;IAAK,SAAS;cAA3D;KACE,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;;KAAE,EAAG,yBAAyB,MAAM;KAC/C;MACL;KACF"}

package/dist/technospam/components/TechnoSpamErrorBoundary.d.ts

@@ -0,0 +1,25 @@
+import { Component, ReactNode } from 'react';
+
+interface Props {
+    children: ReactNode;
+    title?: string;
+}
+interface State {
+    hasError: boolean;
+    error: Error | null;
+}
+/**
+ * Per-route error boundary for the TechnoSpam MFE.
+ *
+ * Catches render errors inside TechnoSpam pages (e.g. a GraphQL response with
+ * an unexpectedly null connection field) and renders an explicit error state
+ * inside the module chrome instead of letting the error bubble to the root
+ * boundary or leaving the content area blank.
+ */
+export declare class TechnoSpamErrorBoundary extends Component<Props, State> {
+    constructor(props: Props);
+    static getDerivedStateFromError(error: Error): State;
+    render(): ReactNode;
+}
+export {};
+//# sourceMappingURL=TechnoSpamErrorBoundary.d.ts.map

package/dist/technospam/components/TechnoSpamErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TechnoSpamErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/technospam/components/TechnoSpamErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlD,UAAU,KAAK;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,KAAK;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,qBAAa,uBAAwB,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBACtD,KAAK,EAAE,KAAK;IAKxB,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK;IAIpD,MAAM,IAAI,SAAS;CAapB"}

package/dist/technospam/components/TechnoSpamErrorBoundary.js

@@ -0,0 +1,31 @@
+import { ErrorView as e } from "./StateViews.js";
+import { Component as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/technospam/components/TechnoSpamErrorBoundary.tsx
+var r = class extends t {
+	constructor(e) {
+		super(e), this.state = {
+			hasError: !1,
+			error: null
+		};
+	}
+	static getDerivedStateFromError(e) {
+		return {
+			hasError: !0,
+			error: e
+		};
+	}
+	render() {
+		return this.state.hasError ? /* @__PURE__ */ n("div", {
+			className: "flex h-full min-h-[50vh] items-center justify-center p-6",
+			children: /* @__PURE__ */ n(e, {
+				title: this.props.title ?? "Couldn't load this page",
+				error: this.state.error ?? void 0
+			})
+		}) : this.props.children;
+	}
+};
+//#endregion
+export { r as TechnoSpamErrorBoundary };
+
+//# sourceMappingURL=TechnoSpamErrorBoundary.js.map

package/dist/technospam/components/TechnoSpamErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TechnoSpamErrorBoundary.js","names":[],"sources":["../../../src/technospam/components/TechnoSpamErrorBoundary.tsx"],"sourcesContent":["import { Component, type ReactNode } from 'react';\nimport { ErrorView } from './StateViews';\n\ninterface Props {\n  children: ReactNode;\n  title?: string;\n}\n\ninterface State {\n  hasError: boolean;\n  error: Error | null;\n}\n\n/**\n * Per-route error boundary for the TechnoSpam MFE.\n *\n * Catches render errors inside TechnoSpam pages (e.g. a GraphQL response with\n * an unexpectedly null connection field) and renders an explicit error state\n * inside the module chrome instead of letting the error bubble to the root\n * boundary or leaving the content area blank.\n */\nexport class TechnoSpamErrorBoundary extends Component<Props, State> {\n  constructor(props: Props) {\n    super(props);\n    this.state = { hasError: false, error: null };\n  }\n\n  static getDerivedStateFromError(error: Error): State {\n    return { hasError: true, error };\n  }\n\n  render(): ReactNode {\n    if (this.state.hasError) {\n      return (\n        <div className=\"flex h-full min-h-[50vh] items-center justify-center p-6\">\n          <ErrorView\n            title={this.props.title ?? \"Couldn't load this page\"}\n            error={this.state.error ?? undefined}\n          />\n        </div>\n      );\n    }\n    return this.props.children;\n  }\n}\n"],"mappings":";;;;AAqBA,IAAa,IAAb,cAA6C,EAAwB;CACnE,YAAY,GAAc;AAExB,EADA,MAAM,EAAM,EACZ,KAAK,QAAQ;GAAE,UAAU;GAAO,OAAO;GAAM;;CAG/C,OAAO,yBAAyB,GAAqB;AACnD,SAAO;GAAE,UAAU;GAAM;GAAO;;CAGlC,SAAoB;AAWlB,SAVI,KAAK,MAAM,WAEX,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,OAAO,KAAK,MAAM,SAAS;IAC3B,OAAO,KAAK,MAAM,SAAS,KAAA;IAC3B,CAAA;GACE,CAAA,GAGH,KAAK,MAAM"}

package/dist/technospam/components/index.d.ts

@@ -8,4 +8,5 @@ export { TagStrip } from './TagStrip';
 export { TagInput } from './TagInput';
 export { UpgradeGate, PremiumBadge } from './UpgradeGate';
 export { CodePanel, IoBlock, TestResultsPanel } from './SubmissionViews';
+export { TechnoSpamErrorBoundary } from './TechnoSpamErrorBoundary';
 //# sourceMappingURL=index.d.ts.map

package/dist/technospam/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/technospam/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/technospam/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/technospam/components/index.js

@@ -8,3 +8,4 @@ import "./TagStrip.js";
 import "./TagInput.js";
 import "./UpgradeGate.js";
 import "./SubmissionViews.js";
+import "./TechnoSpamErrorBoundary.js";

package/dist/technospam/hooks/useTr.d.ts

@@ -0,0 +1,17 @@
+/**
+ * useTr — translation hook with fallback semantics.
+ *
+ * Wraps `useI18n().t()` so that when a key has no translation (i.e. the
+ * provider returns the key itself), the caller's English fallback is used
+ * instead. This keeps consumer call sites consistent and avoids leaking
+ * untranslated keys into the UI.
+ *
+ * Supports optional interpolation params using `{{key}}` placeholders.
+ *
+ * @example
+ *   const tr = useTr();
+ *   return <h1>{tr('technospam.dashboard.title', 'Dashboard')}</h1>;
+ *   return <p>{tr('technospam.delete.confirm', 'Delete {{count}} items?', { count: 5 })}</p>;
+ */
+export declare function useTr(): (key: string, fallback: string, params?: Record<string, string | number>) => string;
+//# sourceMappingURL=useTr.d.ts.map

package/dist/technospam/hooks/useTr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTr.d.ts","sourceRoot":"","sources":["../../../src/technospam/hooks/useTr.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,KAAK,IAAI,CACvB,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,EAChB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,KACrC,MAAM,CAOV"}

package/dist/technospam/hooks/useTr.js

@@ -0,0 +1,12 @@
+import { tWithFallback as e } from "../utils/i18n.js";
+import { useCallback as t } from "react";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/technospam/hooks/useTr.ts
+function r() {
+	let { t: r } = n();
+	return t((t, n, i) => e(r, t, n, i), [r]);
+}
+//#endregion
+export { r as useTr };
+
+//# sourceMappingURL=useTr.js.map

package/dist/technospam/hooks/useTr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTr.js","names":[],"sources":["../../../src/technospam/hooks/useTr.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\n\n/**\n * useTr — translation hook with fallback semantics.\n *\n * Wraps `useI18n().t()` so that when a key has no translation (i.e. the\n * provider returns the key itself), the caller's English fallback is used\n * instead. This keeps consumer call sites consistent and avoids leaking\n * untranslated keys into the UI.\n *\n * Supports optional interpolation params using `{{key}}` placeholders.\n *\n * @example\n *   const tr = useTr();\n *   return <h1>{tr('technospam.dashboard.title', 'Dashboard')}</h1>;\n *   return <p>{tr('technospam.delete.confirm', 'Delete {{count}} items?', { count: 5 })}</p>;\n */\nexport function useTr(): (\n  key: string,\n  fallback: string,\n  params?: Record<string, string | number>\n) => string {\n  const { t } = useI18n();\n  return useCallback(\n    (key: string, fallback: string, params?: Record<string, string | number>): string =>\n      tWithFallback(t, key, fallback, params),\n    [t]\n  );\n}\n"],"mappings":";;;;AAmBA,SAAgB,IAIJ;CACV,IAAM,EAAE,SAAM,GAAS;AACvB,QAAO,GACJ,GAAa,GAAkB,MAC9B,EAAc,GAAG,GAAK,GAAU,EAAO,EACzC,CAAC,EAAE,CACJ"}

package/dist/technospam/index.d.ts

@@ -2,5 +2,6 @@ export { TechnoSpamRoot } from './TechnoSpamRoot';
 export type { TechnoSpamRootProps, NavItem, FooterItem } from './types';
 export { useTechnoSpam, useTechnoSpamNavigate } from './providers/TechnoSpamProvider';
 export * from './services/createSandboxAssistantTransport';
+export { useTr } from './hooks/useTr';
 export { useTechnoSpamAnalytics } from './hooks/useTechnoSpamAnalytics';
 //# sourceMappingURL=index.d.ts.map

package/dist/technospam/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/technospam/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAOtF,cAAc,4CAA4C,CAAC;AAG3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/technospam/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAOtF,cAAc,4CAA4C,CAAC;AAG3D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAGtC,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/technospam/index.js

@@ -1,4 +1,5 @@
 import "./providers/TechnoSpamProvider.js";
 import "./hooks/useTechnoSpamAnalytics.js";
+import "./hooks/useTr.js";
 import "./TechnoSpamRoot.js";
 import "./services/createSandboxAssistantTransport.js";

package/dist/technospam/pages/AdminAdminDashboardPagePage.js

@@ -199,7 +199,7 @@ function Ie({ lesson: e, onSaved: t, onCancel: n }) {
 	});
 }
 function Le({ courseId: e }) {
-	let { data: t, loading: n, refetch: r } = O(e), [i, { loading: a }] = T(), [o] = z(), [c, l] = B(null), [d, f] = B(null), [p, h] = B(""), [g, _] = B("ARTICLE"), [y, b] = B(""), [x, S] = B(""), [C, w] = B(!1), E = [...t?.tecListLessons.items ?? []].sort((e, t) => e.position - t.position), D = async (e) => {
+	let { data: t, loading: n, refetch: r } = O(e), [i, { loading: a }] = T(), [o] = z(), [c, l] = B(null), [d, f] = B(null), [p, h] = B(""), [g, _] = B("ARTICLE"), [y, b] = B(""), [x, S] = B(""), [C, w] = B(!1), E = [...t?.tecListLessons?.items ?? []].sort((e, t) => e.position - t.position), D = async (e) => {
 		f(e.id);
 		try {
 			let t = await o({ variables: {
@@ -435,7 +435,7 @@ function Re({ submission: e, busy: t, onGrade: n, onRegrade: r }) {
 	});
 }
 function ze({ problemId: e }) {
-	let { data: t, loading: n, refetch: r } = L({ problemId: e }), [i] = D(), [a] = N(), [o, s] = B(null), [c, l] = B(!1), d = t?.tecListSubmissions.items ?? [], f = c ? d.filter((e) => e.verdict === "PENDING") : d, p = d.filter((e) => e.verdict === "PENDING").length, h = async (e, t) => {
+	let { data: t, loading: n, refetch: r } = L({ problemId: e }), [i] = D(), [a] = N(), [o, s] = B(null), [c, l] = B(!1), d = t?.tecListSubmissions?.items ?? [], f = c ? d.filter((e) => e.verdict === "PENDING") : d, p = d.filter((e) => e.verdict === "PENDING").length, h = async (e, t) => {
 		s(e);
 		try {
 			(await i({ variables: {
@@ -498,7 +498,7 @@ function ze({ problemId: e }) {
 	});
 }
 function Be({ hackathon: e }) {
-	let { data: t, loading: n, refetch: r } = R(e.id), [i] = P(), [a, o] = B(null), [s, c] = B({}), l = t?.tecListTeams.items ?? [], u = async (e, t) => {
+	let { data: t, loading: n, refetch: r } = R(e.id), [i] = P(), [a, o] = B(null), [s, c] = B({}), l = t?.tecListTeams?.items ?? [], u = async (e, t) => {
 		let n = Math.max(0, Number(s[e] ?? "0") || 0);
 		o(e);
 		try {
@@ -624,7 +624,7 @@ function Be({ hackathon: e }) {
 	});
 }
 function Ve() {
-	let { data: e, loading: t, error: n, refetch: r } = S({}), [o, { loading: c }] = C(), [l] = j(), [g] = b(), [_, y] = B(!1), [x, w] = B(null), [T, E] = B(null), [D, ee] = B(""), [O, k] = B(""), [te, A] = B(""), [M, N] = B(""), [P, F] = B("BEGINNER"), [I, L] = B(""), [R, z] = B([]), V = e?.tecListCourses.items ?? [], U = () => {
+	let { data: e, loading: t, error: n, refetch: r } = S({}), [o, { loading: c }] = C(), [l] = j(), [g] = b(), [_, y] = B(!1), [x, w] = B(null), [T, E] = B(null), [D, ee] = B(""), [O, k] = B(""), [te, A] = B(""), [M, N] = B(""), [P, F] = B("BEGINNER"), [I, L] = B(""), [R, z] = B([]), V = e?.tecListCourses?.items ?? [], U = () => {
 		ee(""), k(""), A(""), N(""), F("BEGINNER"), L(""), z([]), y(!1);
 	}, re = async () => {
 		let e = D.trim();
@@ -819,7 +819,7 @@ function Ve() {
 	});
 }
 function He() {
-	let { data: e, loading: t, error: n, refetch: r } = A({}), [a, { loading: o }] = E(), [s] = M(), [c, l] = B(!1), [h, g] = B(null), [_, y] = B(null), [b, x] = B(""), [S, C] = B(""), [w, T] = B(""), [D, ee] = B(""), [O, k] = B("EASY"), [te, j] = B(""), [N, P] = B(""), [F, I] = B(""), L = e?.tecListProblems.items ?? [], R = () => {
+	let { data: e, loading: t, error: n, refetch: r } = A({}), [a, { loading: o }] = E(), [s] = M(), [c, l] = B(!1), [h, g] = B(null), [_, y] = B(null), [b, x] = B(""), [S, C] = B(""), [w, T] = B(""), [D, ee] = B(""), [O, k] = B("EASY"), [te, j] = B(""), [N, P] = B(""), [F, I] = B(""), L = e?.tecListProblems?.items ?? [], R = () => {
 		x(""), C(""), T(""), ee(""), k("EASY"), j(""), P(""), I(""), l(!1);
 	}, z = async () => {
 		let e = b.trim();
@@ -1002,7 +1002,7 @@ function He() {
 	});
 }
 function Ue() {
-	let { data: e, loading: t, error: n, refetch: r } = ee({}), [a, { loading: s }] = w(), [l] = te(), [u] = F(), [g] = I(), [_] = x(), [y, b] = B(!1), [S, C] = B(null), [T, E] = B(null), [D, O] = B(""), [k, A] = B(""), [j, M] = B(""), [N, P] = B(""), [L, R] = B(""), [z, ne] = B(""), [H, U] = B(""), [re, ae] = B(""), [oe, ce] = B([]), W = e?.tecListHackathons.items ?? [], ue = () => {
+	let { data: e, loading: t, error: n, refetch: r } = ee({}), [a, { loading: s }] = w(), [l] = te(), [u] = F(), [g] = I(), [_] = x(), [y, b] = B(!1), [S, C] = B(null), [T, E] = B(null), [D, O] = B(""), [k, A] = B(""), [j, M] = B(""), [N, P] = B(""), [L, R] = B(""), [z, ne] = B(""), [H, U] = B(""), [re, ae] = B(""), [oe, ce] = B([]), W = e?.tecListHackathons?.items ?? [], ue = () => {
 		O(""), A(""), M(""), P(""), R(""), ne(""), U(""), ae(""), ce([]), b(!1);
 	}, fe = async () => {
 		let e = D.trim();
@@ -1215,7 +1215,7 @@ function Ue() {
 	});
 }
 function We() {
-	let { data: e, loading: t, error: n, refetch: r } = k({}), [a] = y(), [o, s] = B(null), c = e?.tecListMentors.items ?? [], u = c.filter((e) => e.status === "PENDING").length, h = async (e) => {
+	let { data: e, loading: t, error: n, refetch: r } = k({}), [a] = y(), [o, s] = B(null), c = e?.tecListMentors?.items ?? [], u = c.filter((e) => e.status === "PENDING").length, h = async (e) => {
 		s(e);
 		try {
 			(await a({ variables: { id: e } })).data?.tecApproveMentor && (v.success("Mentor approved", "They can now accept mentees."), await r());