@burdenoff/microfe-technospam 2026.1101.2 → 2026.1101.4

package/dist/stories/journeys/Courses.stories.d.ts

@@ -11,6 +11,11 @@ export declare const DiscoverAndEnroll: Story;
  * the lesson player, completes it, and moves on to the following lesson.
  */
 export declare const ContinueIntoLessonPlayer: Story;
+/**
+ * BOFF-3157: a keyboard-only learner reaches a course card by its title button
+ * and opens it with Enter (the card used to be a click-only <div>).
+ */
+export declare const OpenCourseWithKeyboard: Story;
 /** Level tabs narrow the catalog server-side. */
 export declare const FilterByLevel: Story;
 export declare const EmptyCatalog: Story;

package/dist/stories/journeys/Courses.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Courses.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/journeys/Courses.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAMzC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,6DAA6D;AAC7D,eAAO,MAAM,iBAAiB,EAAE,KAqB/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAwBtC,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC"}
+{"version":3,"file":"Courses.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/journeys/Courses.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAMzC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,6DAA6D;AAC7D,eAAO,MAAM,iBAAiB,EAAE,KAqB/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAwBtC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAYpC,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC"}

package/dist/stories/journeys/Mentorship.stories.d.ts

@@ -6,5 +6,10 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 /** Browse mentors and open a mentor's profile. */
 export declare const FindAMentor: Story;
+/**
+ * BOFF-3157: a keyboard-only learner opens a mentor's profile from the card's
+ * "View profile" button with Enter (the card body itself is a pointer shortcut).
+ */
+export declare const OpenMentorWithKeyboard: Story;
 export declare const BackendUnavailable: Story;
 //# sourceMappingURL=Mentorship.stories.d.ts.map

package/dist/stories/journeys/Mentorship.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Mentorship.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/journeys/Mentorship.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAMzC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,kDAAkD;AAClD,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC"}
+{"version":3,"file":"Mentorship.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/journeys/Mentorship.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAMzC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,kDAAkD;AAClD,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAepC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC"}

package/dist/stories/journeys/Problems.stories.d.ts

@@ -6,5 +6,10 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 /** Pick a problem from the practice list, submit a solution, see the verdict. */
 export declare const PracticeAndSubmit: Story;
+/**
+ * BOFF-3157: in the card layout a keyboard-only learner Tabs to a problem card
+ * (its title is the card's button) and opens it with Enter.
+ */
+export declare const OpenProblemCardWithKeyboard: Story;
 export declare const BackendUnavailable: Story;
 //# sourceMappingURL=Problems.stories.d.ts.map

package/dist/stories/journeys/Problems.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Problems.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/journeys/Problems.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAMzC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,iFAAiF;AACjF,eAAO,MAAM,iBAAiB,EAAE,KA8B/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC"}
+{"version":3,"file":"Problems.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/journeys/Problems.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAIpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAMzC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,iFAAiF;AACjF,eAAO,MAAM,iBAAiB,EAAE,KA8B/B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,2BAA2B,EAAE,KAoBzC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC"}

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

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+
+/**
+ * The keyboard-reachable control of a clickable card (a "stretched" button).
+ *
+ * Course and hackathon cards used to open their details page from an
+ * `onClick` on the card's `<div>`, which a keyboard or screen-reader user can
+ * neither reach nor activate (WCAG 2.1.1 Keyboard, 4.1.2 Name, Role, Value;
+ * found by the BOFF-3157 keyboard walkthrough). Render the card title through
+ * this button instead and drop the card's own `onClick`:
+ *
+ * - the button is the card's single Tab stop, named by the title;
+ * - its `::after` covers the whole card (the card must be positioned, which
+ *   `GlassCard` is), so a click anywhere on the card still opens it;
+ * - the focus ring is drawn inset on that overlay, so it outlines the whole
+ *   card and is not clipped by the card's `overflow-hidden`.
+ *
+ * Keep other interactive elements out of a card that uses this, or lift them
+ * above the overlay with `relative z-20`.
+ */
+export declare function CardOpenButton({ onOpen, children, className, }: {
+    onOpen: () => void;
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=CardOpenButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardOpenButton.d.ts","sourceRoot":"","sources":["../../../src/technospam/components/CardOpenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE;IACD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAeA"}

package/dist/technospam/components/CardOpenButton.js

@@ -0,0 +1,15 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/technospam/components/CardOpenButton.tsx
+function n({ onOpen: n, children: r, className: i }) {
+	return /* @__PURE__ */ t("button", {
+		type: "button",
+		onClick: n,
+		className: e("max-w-full truncate text-left focus-visible:outline-none", "after:absolute after:inset-0 after:z-10 after:rounded-card after:content-['']", "focus-visible:after:ring-2 focus-visible:after:ring-inset focus-visible:after:ring-[var(--color-focus-ring)]", i),
+		children: r
+	});
+}
+//#endregion
+export { n as CardOpenButton };
+
+//# sourceMappingURL=CardOpenButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardOpenButton.js","names":[],"sources":["../../../src/technospam/components/CardOpenButton.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cn } from '../utils/cn';\n\n/**\n * The keyboard-reachable control of a clickable card (a \"stretched\" button).\n *\n * Course and hackathon cards used to open their details page from an\n * `onClick` on the card's `<div>`, which a keyboard or screen-reader user can\n * neither reach nor activate (WCAG 2.1.1 Keyboard, 4.1.2 Name, Role, Value;\n * found by the BOFF-3157 keyboard walkthrough). Render the card title through\n * this button instead and drop the card's own `onClick`:\n *\n * - the button is the card's single Tab stop, named by the title;\n * - its `::after` covers the whole card (the card must be positioned, which\n *   `GlassCard` is), so a click anywhere on the card still opens it;\n * - the focus ring is drawn inset on that overlay, so it outlines the whole\n *   card and is not clipped by the card's `overflow-hidden`.\n *\n * Keep other interactive elements out of a card that uses this, or lift them\n * above the overlay with `relative z-20`.\n */\nexport function CardOpenButton({\n  onOpen,\n  children,\n  className,\n}: {\n  onOpen: () => void;\n  children: ReactNode;\n  className?: string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onOpen}\n      className={cn(\n        'max-w-full truncate text-left focus-visible:outline-none',\n        \"after:absolute after:inset-0 after:z-10 after:rounded-card after:content-['']\",\n        'focus-visible:after:ring-2 focus-visible:after:ring-inset focus-visible:after:ring-[var(--color-focus-ring)]',\n        className\n      )}\n    >\n      {children}\n    </button>\n  );\n}\n"],"mappings":";;;AAsBA,SAAgB,EAAe,EAC7B,WACA,aACA,gBAKC;AACD,QACE,kBAAC,UAAD;EACE,MAAK;EACL,SAAS;EACT,WAAW,EACT,4DACA,iFACA,gHACA,EACD;EAEA;EACM,CAAA"}

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

@@ -11,4 +11,5 @@ export { UpgradeGate, PremiumBadge } from './UpgradeGate';
 export { CodePanel, IoBlock, TestResultsPanel } from './SubmissionViews';
 export { SubmissionReviewPanel } from './SubmissionReviewPanel';
 export { TechnoSpamErrorBoundary } from './TechnoSpamErrorBoundary';
+export { CardOpenButton } from './CardOpenButton';
 //# 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,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,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,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,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,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,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,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/technospam/components/index.js

@@ -11,3 +11,4 @@ import "./TagInput.js";
 import "./SubmissionViews.js";
 import "./SubmissionReviewPanel.js";
 import "./TechnoSpamErrorBoundary.js";
+import "./CardOpenButton.js";

package/dist/technospam/pages/ApplicationsProblemsPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationsProblemsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/ApplicationsProblemsPagePage.tsx"],"names":[],"mappings":"AA2JA,wBAAgB,4BAA4B,gCAuT3C"}
+{"version":3,"file":"ApplicationsProblemsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/ApplicationsProblemsPagePage.tsx"],"names":[],"mappings":"AAyJA,wBAAgB,4BAA4B,gCAuT3C"}

package/dist/technospam/pages/ApplicationsProblemsPagePage.js

@@ -5,31 +5,31 @@ import { PageLayout as i } from "../components/PageLayout.js";
 import { StatCard as a } from "../components/StatCard.js";
 import { MediaCover as o, topicIcon as s } from "../components/MediaCover.js";
 import { StatusBadge as c } from "../components/StatusBadge.js";
-import { readProblemCatalogView as l, safeLocalStorage as u, writeProblemCatalogView as ee } from "../utils/problemCatalog.js";
-import { PremiumBadge as d } from "../components/UpgradeGate.js";
-import { ProblemsTable as f } from "../components/ProblemsTable.js";
+import { readProblemCatalogView as l, safeLocalStorage as u, writeProblemCatalogView as d } from "../utils/problemCatalog.js";
+import { PremiumBadge as f } from "../components/UpgradeGate.js";
+import { ProblemsTable as ee } from "../components/ProblemsTable.js";
 import { LoadMore as te } from "../components/LoadMore.js";
-import { EmptyView as p, ErrorView as m, LoadingGrid as ne } from "../components/StateViews.js";
-import { pageArg as re, usePageLimit as ie, useProblemsQuery as h, useSolvedProblemIds as ae } from "../api/technospamApi.js";
+import { EmptyView as ne, ErrorView as re, LoadingGrid as p } from "../components/StateViews.js";
+import { pageArg as ie, usePageLimit as ae, useProblemsQuery as oe, useSolvedProblemIds as se } from "../api/technospamApi.js";
+import { CardOpenButton as m } from "../components/CardOpenButton.js";
 import "../components/index.js";
-import { TAB_PANEL_FOCUS_CLASS as oe } from "../lib/a11y.js";
-import { useCallback as g, useMemo as _, useState as v } from "react";
-import { Building2 as y, CheckCircle2 as b, Code2 as x, Flame as S, Gauge as se, Layers as C, LayoutGrid as w, List as ce, Search as le, Tag as T, Trophy as E } from "lucide-react";
+import { TAB_PANEL_FOCUS_CLASS as ce } from "../lib/a11y.js";
+import { useCallback as h, useMemo as g, useState as _ } from "react";
+import { Building2 as v, CheckCircle2 as y, Code2 as b, Flame as x, Gauge as S, Layers as C, LayoutGrid as le, List as ue, Search as w, Tag as T, Trophy as E } from "lucide-react";
 import { jsx as D, jsxs as O } from "react/jsx-runtime";
-import { Badge as k, Button as A, GlassCard as j, Input as ue, Select as M, SelectContent as N, SelectItem as P, SelectTrigger as F, SelectValue as I, Tabs as L, TabsContent as R, TabsList as z, TabsTrigger as B } from "@burdenoff/fe-libs/ui";
+import { Badge as k, Button as A, GlassCard as j, Input as de, Select as M, SelectContent as N, SelectItem as P, SelectTrigger as F, SelectValue as I, Tabs as L, TabsContent as R, TabsList as z, TabsTrigger as B } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/ApplicationsProblemsPagePage.tsx
 function V({ problem: e, solved: t, onOpen: n }) {
 	let i = r();
 	return /* @__PURE__ */ O(j, {
 		className: "group flex cursor-pointer flex-col overflow-hidden transition-all duration-200 hover:-translate-y-1 hover:shadow-lg",
-		onClick: n,
 		children: [/* @__PURE__ */ O(o, {
 			seed: `${e.topic ?? ""} ${e.difficulty} ${e.title}`,
 			icon: s(e.topic ?? e.title),
 			children: [t ? /* @__PURE__ */ O("span", {
 				className: "inline-flex items-center gap-1 rounded-full bg-status-success-bg-subtle px-2 py-0.5 text-[11px] font-medium text-status-success-text ring-1 ring-status-success-border/30",
 				children: [
-					/* @__PURE__ */ D(b, { size: 12 }),
+					/* @__PURE__ */ D(y, { size: 12 }),
 					" ",
 					i("technospam.problems.solved", "Solved")
 				]
@@ -38,7 +38,7 @@ function V({ problem: e, solved: t, onOpen: n }) {
 				children: [/* @__PURE__ */ D(c, {
 					status: e.difficulty,
 					kind: "level"
-				}), e.isPremiumOnly ? /* @__PURE__ */ D(d, { locked: e.isLocked }) : null]
+				}), e.isPremiumOnly ? /* @__PURE__ */ D(f, { locked: e.isLocked }) : null]
 			})]
 		}), /* @__PURE__ */ O("div", {
 			className: "flex flex-1 flex-col gap-3 p-4",
@@ -47,7 +47,10 @@ function V({ problem: e, solved: t, onOpen: n }) {
 					className: "min-w-0",
 					children: [/* @__PURE__ */ D("h3", {
 						className: "truncate text-base font-semibold text-text-primary group-hover:text-accent-primary",
-						children: e.title
+						children: /* @__PURE__ */ D(m, {
+							onOpen: n,
+							children: e.title
+						})
 					}), e.statement ? /* @__PURE__ */ D("p", {
 						className: "mt-1 line-clamp-2 text-sm text-text-secondary",
 						children: e.statement
@@ -75,7 +78,7 @@ function V({ problem: e, solved: t, onOpen: n }) {
 						e.languages.length ? /* @__PURE__ */ O("span", {
 							className: "inline-flex items-center gap-1",
 							children: [
-								/* @__PURE__ */ D(x, { size: 13 }),
+								/* @__PURE__ */ D(b, { size: 13 }),
 								" ",
 								e.languages.length === 1 ? i("technospam.problems.languages", "{{count}} lang", { count: e.languages.length }) : i("technospam.problems.languagesPlural", "{{count}} langs", { count: e.languages.length })
 							]
@@ -87,14 +90,14 @@ function V({ problem: e, solved: t, onOpen: n }) {
 					children: [e.companies.slice(0, 3).map((e) => /* @__PURE__ */ O(k, {
 						variant: "outline",
 						className: "text-[11px] capitalize",
-						children: [/* @__PURE__ */ D(y, {
+						children: [/* @__PURE__ */ D(v, {
 							size: 10,
 							className: "mr-1"
 						}), e.replace(/-/g, " ")]
 					}, e)), e.interviewFrequency === "HIGH" ? /* @__PURE__ */ O(k, {
 						variant: "secondary",
 						className: "text-[11px] text-status-warning-text",
-						children: [/* @__PURE__ */ D(S, {
+						children: [/* @__PURE__ */ D(x, {
 							size: 10,
 							className: "mr-1"
 						}), i("technospam.problems.frequentlyAsked", "Frequently asked")]
@@ -116,26 +119,26 @@ function V({ problem: e, solved: t, onOpen: n }) {
 	});
 }
 function H() {
-	let o = t(), { currentUser: s, workspaceId: c } = e(), { emit: d } = n(), y = r(), C = s?.id, [T, E] = v("ALL"), [k, j] = v("ALL"), [H, de] = v("ALL"), [U, fe] = v(""), [W, pe] = v(() => l(u())), G = g((e) => {
-		pe(e), ee(u(), e);
-	}, []), me = _(() => [
+	let o = t(), { currentUser: s, workspaceId: c } = e(), { emit: f } = n(), m = r(), v = s?.id, [C, T] = _("ALL"), [E, k] = _("ALL"), [j, H] = _("ALL"), [U, fe] = _(""), [W, pe] = _(() => l(u())), G = h((e) => {
+		pe(e), d(u(), e);
+	}, []), me = g(() => [
 		{
 			value: "ALL",
-			label: y("technospam.problems.filterAll", "All")
+			label: m("technospam.problems.filterAll", "All")
 		},
 		{
 			value: "EASY",
-			label: y("technospam.problems.filterEasy", "Easy")
+			label: m("technospam.problems.filterEasy", "Easy")
 		},
 		{
 			value: "MEDIUM",
-			label: y("technospam.problems.filterMedium", "Medium")
+			label: m("technospam.problems.filterMedium", "Medium")
 		},
 		{
 			value: "HARD",
-			label: y("technospam.problems.filterHard", "Hard")
+			label: m("technospam.problems.filterHard", "Hard")
 		}
-	], [y]), he = _(() => [
+	], [m]), he = g(() => [
 		{
 			value: "google",
 			label: "Google"
@@ -160,7 +163,7 @@ function H() {
 			value: "netflix",
 			label: "Netflix"
 		}
-	], []), ge = _(() => [
+	], []), ge = g(() => [
 		{
 			value: "frontend",
 			label: "Frontend"
@@ -185,62 +188,62 @@ function H() {
 			value: "sre",
 			label: "SRE / Infra"
 		}
-	], []), { limit: _e, more: ve } = ie(), { data: K, loading: q, error: J } = h({
+	], []), { limit: _e, more: ve } = ae(), { data: K, loading: q, error: J } = oe({
 		status: "PUBLISHED",
-		pagination: re(_e),
-		...T === "ALL" ? {} : { difficulty: T },
-		...k === "ALL" ? {} : { company: k },
-		...H === "ALL" ? {} : { role: H }
-	}), Y = ae(C), X = _(() => K?.tecListProblems?.items ?? [], [K]), Z = K?.tecListProblems?.pageInfo?.hasMore ?? !1, ye = X.filter((e) => Y.has(e.id)).length, be = X.filter((e) => e.difficulty === "EASY").length, xe = X.filter((e) => e.difficulty === "HARD").length, Q = _(() => {
+		pagination: ie(_e),
+		...C === "ALL" ? {} : { difficulty: C },
+		...E === "ALL" ? {} : { company: E },
+		...j === "ALL" ? {} : { role: j }
+	}), Y = se(v), X = g(() => K?.tecListProblems?.items ?? [], [K]), Z = K?.tecListProblems?.pageInfo?.hasMore ?? !1, ye = X.filter((e) => Y.has(e.id)).length, be = X.filter((e) => e.difficulty === "EASY").length, xe = X.filter((e) => e.difficulty === "HARD").length, Q = g(() => {
 		let e = U.trim().toLowerCase();
 		return e ? X.filter((t) => t.title.toLowerCase().includes(e) || (t.topic ?? "").toLowerCase().includes(e) || t.tags.some((t) => t.toLowerCase().includes(e))) : X;
-	}, [X, U]), $ = g((e) => {
-		d("technospam.problem.viewed", {
+	}, [X, U]), $ = h((e) => {
+		f("technospam.problem.viewed", {
 			workspaceId: c,
 			entityId: e.id,
 			entityType: "TEC_PROBLEM"
 		}), o(`/applications/problem-details-page?id=${e.id}`);
 	}, [
-		d,
+		f,
 		o,
 		c
 	]);
 	return /* @__PURE__ */ O(i, {
 		hero: !0,
-		title: y("technospam.problems.title", "Coding Problems"),
-		description: y("technospam.problems.description", "Sharpen your problem-solving with hands-on, mentor-judged challenges across topics and difficulty."),
+		title: m("technospam.problems.title", "Coding Problems"),
+		description: m("technospam.problems.description", "Sharpen your problem-solving with hands-on, mentor-judged challenges across topics and difficulty."),
 		children: [/* @__PURE__ */ O("div", {
 			className: "mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4",
 			children: [
 				/* @__PURE__ */ D(a, {
-					label: y("technospam.problems.statProblems", "Problems"),
+					label: m("technospam.problems.statProblems", "Problems"),
 					value: X.length,
-					icon: x,
+					icon: b,
 					tone: "blue"
 				}),
 				/* @__PURE__ */ D(a, {
-					label: y("technospam.problems.statSolved", "Solved"),
+					label: m("technospam.problems.statSolved", "Solved"),
 					value: ye,
-					icon: b,
+					icon: y,
 					tone: "green"
 				}),
 				/* @__PURE__ */ D(a, {
-					label: y("technospam.problems.statEasy", "Easy"),
+					label: m("technospam.problems.statEasy", "Easy"),
 					value: be,
-					icon: se,
+					icon: S,
 					tone: "teal"
 				}),
 				/* @__PURE__ */ D(a, {
-					label: y("technospam.problems.statHard", "Hard"),
+					label: m("technospam.problems.statHard", "Hard"),
 					value: xe,
-					icon: S,
+					icon: x,
 					tone: "amber"
 				})
 			]
 		}), /* @__PURE__ */ O(L, {
 			className: "gap-0",
-			value: T,
-			onValueChange: (e) => E(e),
+			value: C,
+			onValueChange: (e) => T(e),
 			children: [
 				/* @__PURE__ */ O("div", {
 					className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
@@ -249,18 +252,18 @@ function H() {
 						children: e.label
 					}, e.value)) }), /* @__PURE__ */ O("div", {
 						className: "relative w-full sm:w-72",
-						children: [/* @__PURE__ */ D(le, {
+						children: [/* @__PURE__ */ D(w, {
 							className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-text-muted",
 							size: 16
-						}), /* @__PURE__ */ D(ue, {
+						}), /* @__PURE__ */ D(de, {
 							className: "pl-9",
-							"aria-label": y("technospam.problems.searchLabel", "Search problems"),
-							placeholder: y("technospam.problems.searchPlaceholder", "Search problems…"),
+							"aria-label": m("technospam.problems.searchLabel", "Search problems"),
+							placeholder: m("technospam.problems.searchPlaceholder", "Search problems…"),
 							value: U,
 							onChange: (e) => fe(e.target.value),
 							onBlur: () => {
 								let e = U.trim();
-								e && d("technospam.search.performed", {
+								e && f("technospam.search.performed", {
 									workspaceId: c,
 									entityType: "problem",
 									queryLength: e.length
@@ -273,30 +276,30 @@ function H() {
 					className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-center",
 					children: [
 						/* @__PURE__ */ O(M, {
-							value: k,
-							onValueChange: j,
+							value: E,
+							onValueChange: k,
 							children: [/* @__PURE__ */ D(F, {
 								className: "w-full sm:w-48",
-								"aria-label": y("technospam.problems.companyFilterLabel", "Filter by company"),
-								children: /* @__PURE__ */ D(I, { placeholder: y("technospam.problems.companyPlaceholder", "Company") })
+								"aria-label": m("technospam.problems.companyFilterLabel", "Filter by company"),
+								children: /* @__PURE__ */ D(I, { placeholder: m("technospam.problems.companyPlaceholder", "Company") })
 							}), /* @__PURE__ */ O(N, { children: [/* @__PURE__ */ D(P, {
 								value: "ALL",
-								children: y("technospam.problems.companyAll", "All companies")
+								children: m("technospam.problems.companyAll", "All companies")
 							}), he.map((e) => /* @__PURE__ */ D(P, {
 								value: e.value,
 								children: e.label
 							}, e.value))] })]
 						}),
 						/* @__PURE__ */ O(M, {
-							value: H,
-							onValueChange: de,
+							value: j,
+							onValueChange: H,
 							children: [/* @__PURE__ */ D(F, {
 								className: "w-full sm:w-48",
-								"aria-label": y("technospam.problems.roleFilterLabel", "Filter by role"),
-								children: /* @__PURE__ */ D(I, { placeholder: y("technospam.problems.rolePlaceholder", "Role") })
+								"aria-label": m("technospam.problems.roleFilterLabel", "Filter by role"),
+								children: /* @__PURE__ */ D(I, { placeholder: m("technospam.problems.rolePlaceholder", "Role") })
 							}), /* @__PURE__ */ O(N, { children: [/* @__PURE__ */ D(P, {
 								value: "ALL",
-								children: y("technospam.problems.roleAll", "All roles")
+								children: m("technospam.problems.roleAll", "All roles")
 							}), ge.map((e) => /* @__PURE__ */ D(P, {
 								value: e.value,
 								children: e.label
@@ -304,7 +307,7 @@ function H() {
 						}),
 						/* @__PURE__ */ O("div", {
 							role: "group",
-							"aria-label": y("technospam.problems.viewLabel", "Catalog layout"),
+							"aria-label": m("technospam.problems.viewLabel", "Catalog layout"),
 							className: "inline-flex items-center gap-1 self-start rounded-md border border-border-subtle bg-bg-surface p-1 sm:ml-auto sm:self-auto",
 							children: [/* @__PURE__ */ O(A, {
 								type: "button",
@@ -312,38 +315,38 @@ function H() {
 								variant: W === "table" ? "secondary" : "ghost",
 								"aria-pressed": W === "table",
 								onClick: () => G("table"),
-								children: [/* @__PURE__ */ D(ce, {
+								children: [/* @__PURE__ */ D(ue, {
 									size: 14,
 									className: "mr-1.5",
 									"aria-hidden": "true"
-								}), y("technospam.problems.viewTable", "Table")]
+								}), m("technospam.problems.viewTable", "Table")]
 							}), /* @__PURE__ */ O(A, {
 								type: "button",
 								size: "sm",
 								variant: W === "cards" ? "secondary" : "ghost",
 								"aria-pressed": W === "cards",
 								onClick: () => G("cards"),
-								children: [/* @__PURE__ */ D(w, {
+								children: [/* @__PURE__ */ D(le, {
 									size: 14,
 									className: "mr-1.5",
 									"aria-hidden": "true"
-								}), y("technospam.problems.viewCards", "Cards")]
+								}), m("technospam.problems.viewCards", "Cards")]
 							})]
 						})
 					]
 				}),
 				/* @__PURE__ */ O(R, {
-					value: T,
-					className: oe,
+					value: C,
+					className: ce,
 					children: [
-						q && !X.length ? /* @__PURE__ */ D(ne, {}) : J ? /* @__PURE__ */ D(m, {
-							title: y("technospam.common.errorLoadProblems", "Couldn't load problems"),
+						q && !X.length ? /* @__PURE__ */ D(p, {}) : J ? /* @__PURE__ */ D(re, {
+							title: m("technospam.common.errorLoadProblems", "Couldn't load problems"),
 							error: J
-						}) : Q.length === 0 ? /* @__PURE__ */ D(p, {
-							icon: /* @__PURE__ */ D(x, { size: 26 }),
-							title: U || T !== "ALL" || k !== "ALL" || H !== "ALL" ? y("technospam.problems.emptySearchTitle", "No matching problems") : y("technospam.problems.emptyDefaultTitle", "No problems published yet"),
-							description: U || T !== "ALL" || k !== "ALL" || H !== "ALL" ? y("technospam.problems.emptySearchDesc", "Try a different search, difficulty, company, or role filter.") : y("technospam.problems.emptyDefaultDesc", "Published problems will appear here. Check back soon — TechnoSpam is pre-launch.")
-						}) : W === "table" ? /* @__PURE__ */ D(f, {
+						}) : Q.length === 0 ? /* @__PURE__ */ D(ne, {
+							icon: /* @__PURE__ */ D(b, { size: 26 }),
+							title: U || C !== "ALL" || E !== "ALL" || j !== "ALL" ? m("technospam.problems.emptySearchTitle", "No matching problems") : m("technospam.problems.emptyDefaultTitle", "No problems published yet"),
+							description: U || C !== "ALL" || E !== "ALL" || j !== "ALL" ? m("technospam.problems.emptySearchDesc", "Try a different search, difficulty, company, or role filter.") : m("technospam.problems.emptyDefaultDesc", "Published problems will appear here. Check back soon — TechnoSpam is pre-launch.")
+						}) : W === "table" ? /* @__PURE__ */ D(ee, {
 							problems: Q,
 							solvedIds: Y,
 							onOpen: $
@@ -357,10 +360,10 @@ function H() {
 						}),
 						Q.length > 0 && !J ? /* @__PURE__ */ D("p", {
 							className: "mt-4 text-sm text-text-muted",
-							children: Q.length < X.length ? y("technospam.problems.showingFiltered", "Showing {{shown}} of {{total}} loaded problems", {
+							children: Q.length < X.length ? m("technospam.problems.showingFiltered", "Showing {{shown}} of {{total}} loaded problems", {
 								shown: Q.length,
 								total: X.length
-							}) : Z ? y("technospam.problems.showingMore", "Showing 1 to {{count}} problems — load more to see the rest", { count: Q.length }) : y("technospam.problems.showingAll", "Showing all {{count}} problems", { count: Q.length })
+							}) : Z ? m("technospam.problems.showingMore", "Showing 1 to {{count}} problems — load more to see the rest", { count: Q.length }) : m("technospam.problems.showingAll", "Showing all {{count}} problems", { count: Q.length })
 						}) : null,
 						/* @__PURE__ */ D(te, {
 							hasMore: Z,