@burdenoff/microfe-technospam 2026.1101.5 → 2026.1102.2

package/dist/technospam/pages/public/CertificateVerifyPage.js

@@ -0,0 +1,257 @@
+import { formatDate as e, formatDateTime as t, humanizeEnum as n } from "../../utils/format.js";
+import { certificateVerifyPath as r, fetchCertificateVerification as i, isPlausibleSerial as a, normalizeSerial as o } from "../../lib/certificateVerify.js";
+import { useState as s } from "react";
+import { Award as c, ShieldAlert as l, ShieldCheck as u, ShieldQuestion as d } from "lucide-react";
+import { useNavigate as f, useParams as p } from "react-router";
+import { QueryClient as m, QueryClientProvider as h, useQuery as g } from "@tanstack/react-query";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Button as b, GlassCard as x, Input as S, Label as C, Skeleton as w } from "@burdenoff/fe-libs/ui";
+//#region src/technospam/pages/public/CertificateVerifyPage.tsx
+function T({ verification: t }) {
+	return t.status === "VALID" ? /* @__PURE__ */ y("div", {
+		className: "flex items-start gap-3 rounded-xl border border-status-success-border bg-status-success-bg-subtle p-4 text-status-success-text",
+		"data-testid": "tec-verify-status",
+		"data-status": "VALID",
+		children: [/* @__PURE__ */ v(u, {
+			size: 22,
+			className: "mt-0.5 shrink-0"
+		}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("div", {
+			className: "text-base font-semibold",
+			children: "Valid certificate"
+		}), /* @__PURE__ */ y("p", {
+			className: "text-sm",
+			children: [
+				"This serial belongs to a certificate issued by ",
+				t.issuer,
+				" that has not been revoked."
+			]
+		})] })]
+	}) : t.status === "REVOKED" ? /* @__PURE__ */ y("div", {
+		className: "flex items-start gap-3 rounded-xl border border-status-error-border bg-status-error-bg-subtle p-4 text-status-error-text",
+		"data-testid": "tec-verify-status",
+		"data-status": "REVOKED",
+		children: [/* @__PURE__ */ v(l, {
+			size: 22,
+			className: "mt-0.5 shrink-0"
+		}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("div", {
+			className: "text-base font-semibold",
+			children: "Revoked certificate"
+		}), /* @__PURE__ */ y("p", {
+			className: "text-sm",
+			children: [
+				"This certificate was issued by ",
+				t.issuer,
+				" but has since been revoked",
+				t.revokedAt ? ` (on ${e(t.revokedAt)})` : "",
+				". It should not be relied on."
+			]
+		})] })]
+	}) : /* @__PURE__ */ y("div", {
+		className: "flex items-start gap-3 rounded-xl border border-status-warning-border bg-status-warning-bg-subtle p-4 text-status-warning-text",
+		"data-testid": "tec-verify-status",
+		"data-status": "NOT_FOUND",
+		children: [/* @__PURE__ */ v(d, {
+			size: 22,
+			className: "mt-0.5 shrink-0"
+		}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("div", {
+			className: "text-base font-semibold",
+			children: "No certificate found"
+		}), /* @__PURE__ */ y("p", {
+			className: "text-sm",
+			children: [
+				"No ",
+				t.issuer,
+				" certificate carries this serial. Check that it was copied exactly as printed on the certificate."
+			]
+		})] })]
+	});
+}
+function E({ label: e, value: t, testId: n }) {
+	return /* @__PURE__ */ y("div", {
+		className: "min-w-0",
+		children: [/* @__PURE__ */ v("dt", {
+			className: "text-[11px] font-medium uppercase tracking-wide text-text-muted",
+			children: e
+		}), /* @__PURE__ */ v("dd", {
+			className: "truncate text-sm text-text-primary",
+			"data-testid": n,
+			children: t
+		})]
+	});
+}
+function D({ verification: r }) {
+	let i = r.status !== "NOT_FOUND";
+	return /* @__PURE__ */ y("div", {
+		className: "space-y-4",
+		"data-testid": "tec-verify-result",
+		children: [
+			/* @__PURE__ */ v(T, { verification: r }),
+			/* @__PURE__ */ y("dl", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+				children: [
+					/* @__PURE__ */ v(E, {
+						label: "Serial number",
+						value: r.serial,
+						testId: "tec-verify-serial"
+					}),
+					i ? /* @__PURE__ */ y(_, { children: [
+						/* @__PURE__ */ v(E, {
+							label: "Course",
+							value: r.courseTitle ?? "—",
+							testId: "tec-verify-course"
+						}),
+						/* @__PURE__ */ v(E, {
+							label: "Level",
+							value: r.courseLevel ? n(r.courseLevel) : "—",
+							testId: "tec-verify-level"
+						}),
+						/* @__PURE__ */ v(E, {
+							label: "Final score",
+							value: r.score === null ? "—" : `${r.score} / 100`,
+							testId: "tec-verify-score"
+						}),
+						/* @__PURE__ */ v(E, {
+							label: "Issued on",
+							value: r.issuedAt ? e(r.issuedAt) : "—",
+							testId: "tec-verify-issued"
+						})
+					] }) : null,
+					/* @__PURE__ */ v(E, {
+						label: "Checked at",
+						value: t(r.verifiedAt),
+						testId: "tec-verify-checked"
+					})
+				]
+			}),
+			/* @__PURE__ */ v("p", {
+				className: "text-xs text-text-muted",
+				children: "For privacy, verification confirms the course, score, dates and status only. It never shows the learner's name or contact details; compare them against the certificate the candidate shared with you."
+			})
+		]
+	});
+}
+function O({ apiGatewayUrl: e } = {}) {
+	let { serial: t } = p(), n = o(t), [r] = s(() => new m({ defaultOptions: { queries: {
+		retry: !1,
+		refetchOnWindowFocus: !1
+	} } }));
+	return /* @__PURE__ */ v(h, {
+		client: r,
+		children: /* @__PURE__ */ v(k, {
+			serial: n,
+			apiGatewayUrl: e
+		}, n)
+	});
+}
+function k({ serial: e, apiGatewayUrl: t }) {
+	let n = f(), [l, u] = s(e), d = g({
+		queryKey: [
+			"tecVerifyCertificate",
+			t ?? "",
+			e
+		],
+		queryFn: () => i(t, e),
+		enabled: e.length > 0,
+		staleTime: 0,
+		gcTime: 0
+	}), p = d.data, m = e.length > 0 && (d.isPending || d.isFetching), h = d.isError || p?.kind === "error", _ = o(l), T = a(_);
+	return /* @__PURE__ */ y("main", {
+		className: "mx-auto flex w-full max-w-2xl flex-col gap-6 px-4 py-10 sm:py-16",
+		children: [/* @__PURE__ */ y("header", {
+			className: "space-y-2 text-center",
+			children: [
+				/* @__PURE__ */ y("div", {
+					className: "inline-flex items-center gap-2 text-xs font-semibold uppercase tracking-[0.2em] text-text-muted",
+					children: [/* @__PURE__ */ v(c, {
+						size: 14,
+						className: "text-status-warning-text"
+					}), " TechnoSpam"]
+				}),
+				/* @__PURE__ */ v("h1", {
+					className: "text-2xl font-bold text-text-primary sm:text-3xl",
+					children: "Verify a certificate"
+				}),
+				/* @__PURE__ */ v("p", {
+					className: "text-sm text-text-secondary",
+					children: "Confirm that a TechnoSpam certificate is genuine and still valid. No account is needed."
+				})
+			]
+		}), /* @__PURE__ */ y(x, {
+			className: "space-y-6 p-5 sm:p-6",
+			children: [
+				/* @__PURE__ */ y("form", {
+					className: "flex flex-col gap-2",
+					onSubmit: (t) => {
+						if (t.preventDefault(), T) {
+							if (_ === e) {
+								d.refetch();
+								return;
+							}
+							n(r(_));
+						}
+					},
+					role: "search",
+					children: [
+						/* @__PURE__ */ v(C, {
+							htmlFor: "tec-verify-input",
+							children: "Certificate serial number"
+						}),
+						/* @__PURE__ */ y("div", {
+							className: "flex flex-col gap-2 sm:flex-row",
+							children: [/* @__PURE__ */ v(S, {
+								id: "tec-verify-input",
+								"data-testid": "tec-verify-input",
+								value: l,
+								onChange: (e) => u(e.target.value),
+								placeholder: "TEC-XXXXXXXX-XXXXXXXX",
+								autoComplete: "off",
+								spellCheck: !1,
+								className: "font-mono"
+							}), /* @__PURE__ */ v(b, {
+								type: "submit",
+								disabled: !T,
+								"data-testid": "tec-verify-submit",
+								children: "Verify"
+							})]
+						}),
+						l.trim() && !T ? /* @__PURE__ */ v("p", {
+							className: "text-xs text-status-error-text",
+							children: "A serial uses only letters, digits, dots, underscores and hyphens."
+						}) : null
+					]
+				}),
+				m ? /* @__PURE__ */ y("div", {
+					className: "space-y-3",
+					"aria-busy": "true",
+					"aria-live": "polite",
+					children: [/* @__PURE__ */ v(w, { className: "h-16 w-full" }), /* @__PURE__ */ v(w, { className: "h-24 w-full" })]
+				}) : null,
+				!m && p?.kind === "result" ? /* @__PURE__ */ v(D, { verification: p.verification }) : null,
+				!m && p?.kind === "invalid" ? /* @__PURE__ */ v("p", {
+					className: "text-sm text-status-error-text",
+					"data-testid": "tec-verify-invalid",
+					children: "That does not look like a certificate serial. Check it against the certificate."
+				}) : null,
+				!m && h ? /* @__PURE__ */ y("div", {
+					className: "flex flex-col items-start gap-2",
+					"data-testid": "tec-verify-error",
+					children: [/* @__PURE__ */ v("p", {
+						className: "text-sm text-status-error-text",
+						children: "The verification service could not be reached. Please try again."
+					}), /* @__PURE__ */ v(b, {
+						size: "sm",
+						variant: "outline",
+						onClick: () => {
+							d.refetch();
+						},
+						children: "Try again"
+					})]
+				}) : null
+			]
+		})]
+	});
+}
+//#endregion
+export { O as CertificateVerifyPage };
+
+//# sourceMappingURL=CertificateVerifyPage.js.map

package/dist/technospam/pages/public/CertificateVerifyPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CertificateVerifyPage.js","names":[],"sources":["../../../../src/technospam/pages/public/CertificateVerifyPage.tsx"],"sourcesContent":["import { useState, type FormEvent } from 'react';\nimport { useNavigate, useParams } from 'react-router';\nimport { QueryClient, QueryClientProvider, useQuery } from '@tanstack/react-query';\nimport { Award, ShieldAlert, ShieldCheck, ShieldQuestion } from 'lucide-react';\nimport { Button, GlassCard, Input, Label, Skeleton } from '@burdenoff/fe-libs/ui';\nimport {\n  certificateVerifyPath,\n  fetchCertificateVerification,\n  isPlausibleSerial,\n  normalizeSerial,\n  type CertificateVerification,\n} from '../../lib/certificateVerify';\nimport { formatDate, formatDateTime, humanizeEnum } from '../../utils/format';\n\n/**\n * Public, shareable certificate verification page (BOFF-10576).\n *\n * Exported standalone from the package index so the host shell can mount it\n * outside its auth guard on `CERTIFICATE_VERIFY_ROUTE_PATH`\n * (`/public/verify/:serial`), plus the bare `/public/verify` form. It never\n * touches `TechnoSpamProvider` (there is no workspace or actor here) and\n * calls the public `tecVerifyCertificate` field with an anonymous request.\n * Nothing on this page identifies the learner: the service never returns\n * identity, and the page shows only what the certificate itself claims.\n */\n\nfunction StatusPanel({ verification }: { verification: CertificateVerification }) {\n  if (verification.status === 'VALID') {\n    return (\n      <div\n        className=\"flex items-start gap-3 rounded-xl border border-status-success-border bg-status-success-bg-subtle p-4 text-status-success-text\"\n        data-testid=\"tec-verify-status\"\n        data-status=\"VALID\"\n      >\n        <ShieldCheck size={22} className=\"mt-0.5 shrink-0\" />\n        <div>\n          <div className=\"text-base font-semibold\">Valid certificate</div>\n          <p className=\"text-sm\">\n            This serial belongs to a certificate issued by {verification.issuer} that has not been\n            revoked.\n          </p>\n        </div>\n      </div>\n    );\n  }\n  if (verification.status === 'REVOKED') {\n    return (\n      <div\n        className=\"flex items-start gap-3 rounded-xl border border-status-error-border bg-status-error-bg-subtle p-4 text-status-error-text\"\n        data-testid=\"tec-verify-status\"\n        data-status=\"REVOKED\"\n      >\n        <ShieldAlert size={22} className=\"mt-0.5 shrink-0\" />\n        <div>\n          <div className=\"text-base font-semibold\">Revoked certificate</div>\n          <p className=\"text-sm\">\n            This certificate was issued by {verification.issuer} but has since been revoked\n            {verification.revokedAt ? ` (on ${formatDate(verification.revokedAt)})` : ''}. It should\n            not be relied on.\n          </p>\n        </div>\n      </div>\n    );\n  }\n  return (\n    <div\n      className=\"flex items-start gap-3 rounded-xl border border-status-warning-border bg-status-warning-bg-subtle p-4 text-status-warning-text\"\n      data-testid=\"tec-verify-status\"\n      data-status=\"NOT_FOUND\"\n    >\n      <ShieldQuestion size={22} className=\"mt-0.5 shrink-0\" />\n      <div>\n        <div className=\"text-base font-semibold\">No certificate found</div>\n        <p className=\"text-sm\">\n          No {verification.issuer} certificate carries this serial. Check that it was copied exactly\n          as printed on the certificate.\n        </p>\n      </div>\n    </div>\n  );\n}\n\nfunction Detail({ label, value, testId }: { label: string; value: string; testId: string }) {\n  return (\n    <div className=\"min-w-0\">\n      <dt className=\"text-[11px] font-medium uppercase tracking-wide text-text-muted\">{label}</dt>\n      <dd className=\"truncate text-sm text-text-primary\" data-testid={testId}>\n        {value}\n      </dd>\n    </div>\n  );\n}\n\nfunction VerificationResult({ verification }: { verification: CertificateVerification }) {\n  const found = verification.status !== 'NOT_FOUND';\n  return (\n    <div className=\"space-y-4\" data-testid=\"tec-verify-result\">\n      <StatusPanel verification={verification} />\n      <dl className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n        <Detail label=\"Serial number\" value={verification.serial} testId=\"tec-verify-serial\" />\n        {found ? (\n          <>\n            <Detail\n              label=\"Course\"\n              value={verification.courseTitle ?? '—'}\n              testId=\"tec-verify-course\"\n            />\n            <Detail\n              label=\"Level\"\n              value={verification.courseLevel ? humanizeEnum(verification.courseLevel) : '—'}\n              testId=\"tec-verify-level\"\n            />\n            <Detail\n              label=\"Final score\"\n              value={verification.score === null ? '—' : `${verification.score} / 100`}\n              testId=\"tec-verify-score\"\n            />\n            <Detail\n              label=\"Issued on\"\n              value={verification.issuedAt ? formatDate(verification.issuedAt) : '—'}\n              testId=\"tec-verify-issued\"\n            />\n          </>\n        ) : null}\n        <Detail\n          label=\"Checked at\"\n          value={formatDateTime(verification.verifiedAt)}\n          testId=\"tec-verify-checked\"\n        />\n      </dl>\n      <p className=\"text-xs text-text-muted\">\n        For privacy, verification confirms the course, score, dates and status only. It never shows\n        the learner&apos;s name or contact details; compare them against the certificate the\n        candidate shared with you.\n      </p>\n    </div>\n  );\n}\n\nexport function CertificateVerifyPage({ apiGatewayUrl }: { apiGatewayUrl?: string } = {}) {\n  const { serial: routeSerial } = useParams<{ serial?: string }>();\n  const serial = normalizeSerial(routeSerial);\n  // The page is mounted outside TechnoSpamProvider (no workspace, no actor),\n  // so it owns a small page-scoped query client for its one public lookup.\n  const [queryClient] = useState(\n    () =>\n      new QueryClient({\n        defaultOptions: { queries: { retry: false, refetchOnWindowFocus: false } },\n      })\n  );\n  return (\n    <QueryClientProvider client={queryClient}>\n      {/* Keyed by serial so a new search starts from a fresh draft. */}\n      <CertificateVerifyView key={serial} serial={serial} apiGatewayUrl={apiGatewayUrl} />\n    </QueryClientProvider>\n  );\n}\n\nfunction CertificateVerifyView({\n  serial,\n  apiGatewayUrl,\n}: {\n  serial: string;\n  apiGatewayUrl?: string;\n}) {\n  const navigate = useNavigate();\n  const [draft, setDraft] = useState(serial);\n\n  const query = useQuery({\n    queryKey: ['tecVerifyCertificate', apiGatewayUrl ?? '', serial],\n    queryFn: () => fetchCertificateVerification(apiGatewayUrl, serial),\n    enabled: serial.length > 0,\n    // A verification is a point-in-time answer: always ask the service again\n    // rather than showing a cached VALID for a certificate revoked since.\n    staleTime: 0,\n    gcTime: 0,\n  });\n  const outcome = query.data;\n  const loading = serial.length > 0 && (query.isPending || query.isFetching);\n  const failed = query.isError || outcome?.kind === 'error';\n\n  const draftSerial = normalizeSerial(draft);\n  const draftValid = isPlausibleSerial(draftSerial);\n\n  const onSubmit = (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    if (!draftValid) return;\n    if (draftSerial === serial) {\n      // Same URL: navigating would not re-run the lookup, so refetch.\n      void query.refetch();\n      return;\n    }\n    navigate(certificateVerifyPath(draftSerial));\n  };\n\n  const retry = () => {\n    void query.refetch();\n  };\n\n  return (\n    <main className=\"mx-auto flex w-full max-w-2xl flex-col gap-6 px-4 py-10 sm:py-16\">\n      <header className=\"space-y-2 text-center\">\n        <div className=\"inline-flex items-center gap-2 text-xs font-semibold uppercase tracking-[0.2em] text-text-muted\">\n          <Award size={14} className=\"text-status-warning-text\" /> TechnoSpam\n        </div>\n        <h1 className=\"text-2xl font-bold text-text-primary sm:text-3xl\">Verify a certificate</h1>\n        <p className=\"text-sm text-text-secondary\">\n          Confirm that a TechnoSpam certificate is genuine and still valid. No account is needed.\n        </p>\n      </header>\n\n      <GlassCard className=\"space-y-6 p-5 sm:p-6\">\n        <form className=\"flex flex-col gap-2\" onSubmit={onSubmit} role=\"search\">\n          <Label htmlFor=\"tec-verify-input\">Certificate serial number</Label>\n          <div className=\"flex flex-col gap-2 sm:flex-row\">\n            <Input\n              id=\"tec-verify-input\"\n              data-testid=\"tec-verify-input\"\n              value={draft}\n              onChange={(event) => setDraft(event.target.value)}\n              placeholder=\"TEC-XXXXXXXX-XXXXXXXX\"\n              autoComplete=\"off\"\n              spellCheck={false}\n              className=\"font-mono\"\n            />\n            <Button type=\"submit\" disabled={!draftValid} data-testid=\"tec-verify-submit\">\n              Verify\n            </Button>\n          </div>\n          {draft.trim() && !draftValid ? (\n            <p className=\"text-xs text-status-error-text\">\n              A serial uses only letters, digits, dots, underscores and hyphens.\n            </p>\n          ) : null}\n        </form>\n\n        {loading ? (\n          <div className=\"space-y-3\" aria-busy=\"true\" aria-live=\"polite\">\n            <Skeleton className=\"h-16 w-full\" />\n            <Skeleton className=\"h-24 w-full\" />\n          </div>\n        ) : null}\n        {!loading && outcome?.kind === 'result' ? (\n          <VerificationResult verification={outcome.verification} />\n        ) : null}\n        {!loading && outcome?.kind === 'invalid' ? (\n          <p className=\"text-sm text-status-error-text\" data-testid=\"tec-verify-invalid\">\n            That does not look like a certificate serial. Check it against the certificate.\n          </p>\n        ) : null}\n        {!loading && failed ? (\n          <div className=\"flex flex-col items-start gap-2\" data-testid=\"tec-verify-error\">\n            <p className=\"text-sm text-status-error-text\">\n              The verification service could not be reached. Please try again.\n            </p>\n            <Button size=\"sm\" variant=\"outline\" onClick={retry}>\n              Try again\n            </Button>\n          </div>\n        ) : null}\n      </GlassCard>\n    </main>\n  );\n}\n"],"mappings":";;;;;;;;;AA0BA,SAAS,EAAY,EAAE,mBAA2D;AAsChF,QArCI,EAAa,WAAW,UAExB,kBAAC,OAAD;EACE,WAAU;EACV,eAAY;EACZ,eAAY;YAHd,CAKE,kBAAC,GAAD;GAAa,MAAM;GAAI,WAAU;GAAoB,CAAA,EACrD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;aAA0B;GAAuB,CAAA,EAChE,kBAAC,KAAD;GAAG,WAAU;aAAb;IAAuB;IAC2B,EAAa;IAAO;IAElE;KACA,EAAA,CAAA,CACF;MAGN,EAAa,WAAW,YAExB,kBAAC,OAAD;EACE,WAAU;EACV,eAAY;EACZ,eAAY;YAHd,CAKE,kBAAC,GAAD;GAAa,MAAM;GAAI,WAAU;GAAoB,CAAA,EACrD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;aAA0B;GAAyB,CAAA,EAClE,kBAAC,KAAD;GAAG,WAAU;aAAb;IAAuB;IACW,EAAa;IAAO;IACnD,EAAa,YAAY,QAAQ,EAAW,EAAa,UAAU,CAAC,KAAK;IAAG;IAE3E;KACA,EAAA,CAAA,CACF;MAIR,kBAAC,OAAD;EACE,WAAU;EACV,eAAY;EACZ,eAAY;YAHd,CAKE,kBAAC,GAAD;GAAgB,MAAM;GAAI,WAAU;GAAoB,CAAA,EACxD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;aAA0B;GAA0B,CAAA,EACnE,kBAAC,KAAD;GAAG,WAAU;aAAb;IAAuB;IACjB,EAAa;IAAO;IAEtB;KACA,EAAA,CAAA,CACF;;;AAIV,SAAS,EAAO,EAAE,UAAO,UAAO,aAA4D;AAC1F,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,MAAD;GAAI,WAAU;aAAmE;GAAW,CAAA,EAC5F,kBAAC,MAAD;GAAI,WAAU;GAAqC,eAAa;aAC7D;GACE,CAAA,CACD;;;AAIV,SAAS,EAAmB,EAAE,mBAA2D;CACvF,IAAM,IAAQ,EAAa,WAAW;AACtC,QACE,kBAAC,OAAD;EAAK,WAAU;EAAY,eAAY;YAAvC;GACE,kBAAC,GAAD,EAA2B,iBAAgB,CAAA;GAC3C,kBAAC,MAAD;IAAI,WAAU;cAAd;KACE,kBAAC,GAAD;MAAQ,OAAM;MAAgB,OAAO,EAAa;MAAQ,QAAO;MAAsB,CAAA;KACtF,IACC,kBAAA,GAAA,EAAA,UAAA;MACE,kBAAC,GAAD;OACE,OAAM;OACN,OAAO,EAAa,eAAe;OACnC,QAAO;OACP,CAAA;MACF,kBAAC,GAAD;OACE,OAAM;OACN,OAAO,EAAa,cAAc,EAAa,EAAa,YAAY,GAAG;OAC3E,QAAO;OACP,CAAA;MACF,kBAAC,GAAD;OACE,OAAM;OACN,OAAO,EAAa,UAAU,OAAO,MAAM,GAAG,EAAa,MAAM;OACjE,QAAO;OACP,CAAA;MACF,kBAAC,GAAD;OACE,OAAM;OACN,OAAO,EAAa,WAAW,EAAW,EAAa,SAAS,GAAG;OACnE,QAAO;OACP,CAAA;MACD,EAAA,CAAA,GACD;KACJ,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,EAAe,EAAa,WAAW;MAC9C,QAAO;MACP,CAAA;KACC;;GACL,kBAAC,KAAD;IAAG,WAAU;cAA0B;IAInC,CAAA;GACA;;;AAIV,SAAgB,EAAsB,EAAE,qBAA8C,EAAE,EAAE;CACxF,IAAM,EAAE,QAAQ,MAAgB,GAAgC,EAC1D,IAAS,EAAgB,EAAY,EAGrC,CAAC,KAAe,QAElB,IAAI,EAAY,EACd,gBAAgB,EAAE,SAAS;EAAE,OAAO;EAAO,sBAAsB;EAAO,EAAE,EAC3E,CAAC,CACL;AACD,QACE,kBAAC,GAAD;EAAqB,QAAQ;YAE3B,kBAAC,GAAD;GAA4C;GAAuB;GAAiB,EAAxD,EAAwD;EAChE,CAAA;;AAI1B,SAAS,EAAsB,EAC7B,WACA,oBAIC;CACD,IAAM,IAAW,GAAa,EACxB,CAAC,GAAO,KAAY,EAAS,EAAO,EAEpC,IAAQ,EAAS;EACrB,UAAU;GAAC;GAAwB,KAAiB;GAAI;GAAO;EAC/D,eAAe,EAA6B,GAAe,EAAO;EAClE,SAAS,EAAO,SAAS;EAGzB,WAAW;EACX,QAAQ;EACT,CAAC,EACI,IAAU,EAAM,MAChB,IAAU,EAAO,SAAS,MAAM,EAAM,aAAa,EAAM,aACzD,IAAS,EAAM,WAAW,GAAS,SAAS,SAE5C,IAAc,EAAgB,EAAM,EACpC,IAAa,EAAkB,EAAY;AAiBjD,QACE,kBAAC,QAAD;EAAM,WAAU;YAAhB,CACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAO,MAAM;MAAI,WAAU;MAA6B,CAAA,EAAA,cACpD;;IACN,kBAAC,MAAD;KAAI,WAAU;eAAmD;KAAyB,CAAA;IAC1F,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAEvC,CAAA;IACG;MAET,kBAAC,GAAD;GAAW,WAAU;aAArB;IACE,kBAAC,QAAD;KAAM,WAAU;KAAgC,WA5BpC,MAAsC;AACtD,YAAM,gBAAgB,EACjB,GACL;WAAI,MAAgB,GAAQ;AAErB,UAAM,SAAS;AACpB;;AAEF,SAAS,EAAsB,EAAY,CAAC;;;KAoBkB,MAAK;eAA/D;MACE,kBAAC,GAAD;OAAO,SAAQ;iBAAmB;OAAiC,CAAA;MACnE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QACE,IAAG;QACH,eAAY;QACZ,OAAO;QACP,WAAW,MAAU,EAAS,EAAM,OAAO,MAAM;QACjD,aAAY;QACZ,cAAa;QACb,YAAY;QACZ,WAAU;QACV,CAAA,EACF,kBAAC,GAAD;QAAQ,MAAK;QAAS,UAAU,CAAC;QAAY,eAAY;kBAAoB;QAEpE,CAAA,CACL;;MACL,EAAM,MAAM,IAAI,CAAC,IAChB,kBAAC,KAAD;OAAG,WAAU;iBAAiC;OAE1C,CAAA,GACF;MACC;;IAEN,IACC,kBAAC,OAAD;KAAK,WAAU;KAAY,aAAU;KAAO,aAAU;eAAtD,CACE,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA,EACpC,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA,CAChC;SACJ;IACH,CAAC,KAAW,GAAS,SAAS,WAC7B,kBAAC,GAAD,EAAoB,cAAc,EAAQ,cAAgB,CAAA,GACxD;IACH,CAAC,KAAW,GAAS,SAAS,YAC7B,kBAAC,KAAD;KAAG,WAAU;KAAiC,eAAY;eAAqB;KAE3E,CAAA,GACF;IACH,CAAC,KAAW,IACX,kBAAC,OAAD;KAAK,WAAU;KAAkC,eAAY;eAA7D,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAiC;MAE1C,CAAA,EACJ,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAQ;MAAU,eA5D1B;AACb,SAAM,SAAS;;gBA2DwC;MAE3C,CAAA,CACL;SACJ;IACM;KACP"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-technospam",
-  "version": "2026.1101.5",
+  "version": "2026.1102.2",
   "description": "Burdenoff TechnoSpam Microfrontend",
   "type": "module",
   "files": [
@@ -52,17 +52,27 @@
   "dependencies": {
     "@apollo/client": "^4.0.11",
     "@burdenoff/fe-libs": "2026.801.1",
+    "@codemirror/autocomplete": "6.20.3",
+    "@codemirror/commands": "6.11.1",
+    "@codemirror/lang-go": "6.0.1",
+    "@codemirror/lang-javascript": "6.2.5",
+    "@codemirror/lang-python": "6.2.1",
+    "@codemirror/language": "6.13.1",
+    "@codemirror/legacy-modes": "6.5.5",
+    "@codemirror/state": "6.7.6",
+    "@codemirror/view": "6.43.14",
+    "@lezer/highlight": "1.2.5",
     "@tanstack/react-query": "^5.90.16",
     "clsx": "^2.1.1",
+    "framer-motion": "^12.0.0",
     "graphql": "^16.10.0",
     "lucide-react": "^0.468.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-router": "^8.3.0",
-    "tailwind-merge": "^3.4.0",
-    "zustand": "^5.0.3",
     "recharts": "^2.15.0",
-    "framer-motion": "^12.0.0"
+    "tailwind-merge": "^3.4.0",
+    "zustand": "^5.0.3"
   },
   "devDependencies": {
     "@axe-core/playwright": "4.11.0",