@burdenoff/microfe-technospam 2026.828.1 → 2026.830.1

package/dist/index.js

@@ -1,6 +1,7 @@
 import { useTechnoSpam as e, useTechnoSpamNavigate as t } from "./technospam/providers/TechnoSpamProvider.js";
 import { useTechnoSpamAnalytics as n } from "./technospam/hooks/useTechnoSpamAnalytics.js";
-import { TechnoSpamRoot as r } from "./technospam/TechnoSpamRoot.js";
-import { useSandboxAssistantTransport as i } from "./technospam/services/createSandboxAssistantTransport.js";
+import { useTr as r } from "./technospam/hooks/useTr.js";
+import { TechnoSpamRoot as i } from "./technospam/TechnoSpamRoot.js";
+import { useSandboxAssistantTransport as a } from "./technospam/services/createSandboxAssistantTransport.js";
 import "./technospam/index.js";
-export { r as TechnoSpamRoot, i as useSandboxAssistantTransport, e as useTechnoSpam, n as useTechnoSpamAnalytics, t as useTechnoSpamNavigate };
+export { i as TechnoSpamRoot, a as useSandboxAssistantTransport, e as useTechnoSpam, n as useTechnoSpamAnalytics, t as useTechnoSpamNavigate, r as useTr };

package/dist/technospam/TechnoSpamRoot.js

@@ -1,6 +1,6 @@
 import { TechnoSpamProvider as e } from "./providers/TechnoSpamProvider.js";
-import { TechnoSpamRoutes as t } from "./TechnoSpamRoutes.js";
-import { tWithFallback as n } from "./utils/i18n.js";
+import { tWithFallback as t } from "./utils/i18n.js";
+import { TechnoSpamRoutes as n } from "./TechnoSpamRoutes.js";
 import { joinPath as r } from "./utils/navigation.js";
 import { useEffect as i } from "react";
 import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
@@ -9,7 +9,7 @@ import { jsx as P } from "react/jsx-runtime";
 import { FeatureFlagProvider as F } from "@burdenoff/fe-libs/shared/feature-flags";
 //#region src/technospam/TechnoSpamRoot.tsx
 var I = (I) => {
-	let { registerNavItems: L, registerFooterItems: R, basePath: z = "/" } = I, { t: B } = a(), V = (e, t) => n(B, e, t);
+	let { registerNavItems: L, registerFooterItems: R, basePath: z = "/" } = I, { t: B } = a(), V = (e, n) => t(B, e, n);
 	return i(() => {
 		if (L) return L({
 			id: "technospam",
@@ -374,7 +374,7 @@ var I = (I) => {
 		defaultEnabled: !0,
 		children: /* @__PURE__ */ P(e, {
 			...I,
-			children: /* @__PURE__ */ P(t, {})
+			children: /* @__PURE__ */ P(n, {})
 		})
 	});
 };

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

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../../../src/technospam/components/PageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,UAAU,eAAe;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kFAAkF;IAClF,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,IAAY,GACb,EAAE,eAAe,+BAuCjB"}
+{"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../../../src/technospam/components/PageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,UAAU,eAAe;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kFAAkF;IAClF,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,IAAY,GACb,EAAE,eAAe,+BAwCjB"}

package/dist/technospam/components/PageLayout.js

@@ -1,51 +1,52 @@
 import { useTechnoSpamNavigate as e } from "../providers/TechnoSpamProvider.js";
 import { useNativeControls as t } from "../hooks/useNativeControls.js";
-import { cn as n } from "../utils/cn.js";
-import { ArrowLeft as r } from "lucide-react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { AuroraBackground as o } from "@burdenoff/fe-libs/ui";
+import { useTr as n } from "../hooks/useTr.js";
+import { cn as r } from "../utils/cn.js";
+import { ArrowLeft as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { AuroraBackground as s } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/components/PageLayout.tsx
-function s({ title: s, description: c, actions: l, children: u, backPath: d, hero: f = !1 }) {
-	let p = e(), { impact: m } = t();
-	return /* @__PURE__ */ a("div", {
+function c({ title: c, description: l, actions: u, children: d, backPath: f, hero: p = !1 }) {
+	let m = e(), { impact: h } = t(), g = n();
+	return /* @__PURE__ */ o("div", {
 		className: "flex h-full flex-col bg-bg-surface",
-		children: [/* @__PURE__ */ a("div", {
-			className: n("relative flex flex-col gap-4 overflow-hidden border-b border-border-seam px-6 py-5 sm:flex-row sm:items-start sm:justify-between", f ? "bg-accent-primary/12" : "bg-bg-surface"),
+		children: [/* @__PURE__ */ o("div", {
+			className: r("relative flex flex-col gap-4 overflow-hidden border-b border-border-seam px-6 py-5 sm:flex-row sm:items-start sm:justify-between", p ? "bg-accent-primary/12" : "bg-bg-surface"),
 			children: [
-				f ? /* @__PURE__ */ i(o, { intensity: "subtle" }) : null,
-				/* @__PURE__ */ a("div", {
+				p ? /* @__PURE__ */ a(s, { intensity: "subtle" }) : null,
+				/* @__PURE__ */ o("div", {
 					className: "relative flex min-w-0 flex-col gap-1",
 					children: [
-						d ? /* @__PURE__ */ a("button", {
+						f ? /* @__PURE__ */ o("button", {
 							type: "button",
 							onClick: () => {
-								m("light"), p(d);
+								h("light"), m(f);
 							},
 							className: "flex w-fit items-center gap-1 text-sm text-text-secondary transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]",
-							children: [/* @__PURE__ */ i(r, { size: 15 }), "Back"]
+							children: [/* @__PURE__ */ a(i, { size: 15 }), g("technospam.common.back", "Back")]
 						}) : null,
-						/* @__PURE__ */ i("h1", {
+						/* @__PURE__ */ a("h1", {
 							className: "truncate text-xl font-semibold text-text-primary sm:text-2xl",
-							children: s
+							children: c
 						}),
-						c ? /* @__PURE__ */ i("p", {
+						l ? /* @__PURE__ */ a("p", {
 							className: "max-w-2xl text-sm text-text-secondary",
-							children: c
+							children: l
 						}) : null
 					]
 				}),
-				l ? /* @__PURE__ */ i("div", {
+				u ? /* @__PURE__ */ a("div", {
 					className: "relative flex flex-wrap items-center gap-2",
-					children: l
+					children: u
 				}) : null
 			]
-		}), /* @__PURE__ */ i("div", {
+		}), /* @__PURE__ */ a("div", {
 			className: "flex-1 overflow-y-auto p-6",
-			children: u
+			children: d
 		})]
 	});
 }
 //#endregion
-export { s as PageLayout };
+export { c as PageLayout };
 
 //# sourceMappingURL=PageLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/technospam/components/PageLayout.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { ArrowLeft } from 'lucide-react';\nimport { AuroraBackground } from '@burdenoff/fe-libs/ui';\nimport { useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport { useNativeControls } from '../hooks/useNativeControls';\nimport { cn } from '../utils/cn';\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: ReactNode;\n  actions?: ReactNode;\n  children: ReactNode;\n  backPath?: string;\n  /** Render the page header with the living-glass aurora backdrop (module hero). */\n  hero?: boolean;\n}\n\n/**\n * Consistent page chrome for every TechnoSpam module page: a header band\n * (optionally with the aurora hero backdrop), an optional back affordance, an\n * actions slot, and a scrollable body. Mirrors the platform page pattern so\n * TechnoSpam feels native to the shell.\n */\nexport function PageLayout({\n  title,\n  description,\n  actions,\n  children,\n  backPath,\n  hero = false,\n}: PageLayoutProps) {\n  const navigate = useTechnoSpamNavigate();\n  const { impact } = useNativeControls();\n\n  return (\n    <div className=\"flex h-full flex-col bg-bg-surface\">\n      <div\n        className={cn(\n          'relative flex flex-col gap-4 overflow-hidden border-b border-border-seam px-6 py-5 sm:flex-row sm:items-start sm:justify-between',\n          hero ? 'bg-accent-primary/12' : 'bg-bg-surface'\n        )}\n      >\n        {hero ? <AuroraBackground intensity=\"subtle\" /> : null}\n        <div className=\"relative flex min-w-0 flex-col gap-1\">\n          {backPath ? (\n            <button\n              type=\"button\"\n              onClick={() => {\n                void impact('light');\n                navigate(backPath);\n              }}\n              className=\"flex w-fit items-center gap-1 text-sm text-text-secondary transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n            >\n              <ArrowLeft size={15} />\n              Back\n            </button>\n          ) : null}\n          <h1 className=\"truncate text-xl font-semibold text-text-primary sm:text-2xl\">{title}</h1>\n          {description ? (\n            <p className=\"max-w-2xl text-sm text-text-secondary\">{description}</p>\n          ) : null}\n        </div>\n        {actions ? (\n          <div className=\"relative flex flex-wrap items-center gap-2\">{actions}</div>\n        ) : null}\n      </div>\n      <div className=\"flex-1 overflow-y-auto p-6\">{children}</div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAuBA,SAAgB,EAAW,EACzB,UACA,gBACA,YACA,aACA,aACA,UAAO,MACW;CAClB,IAAM,IAAW,GAAuB,EAClC,EAAE,cAAW,GAAmB;AAEtC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GACE,WAAW,EACT,oIACA,IAAO,yBAAyB,gBACjC;aAJH;IAMG,IAAO,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA,GAAG;IAClD,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,IACC,kBAAC,UAAD;OACE,MAAK;OACL,eAAe;AAEb,QADK,EAAO,QAAQ,EACpB,EAAS,EAAS;;OAEpB,WAAU;iBANZ,CAQE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EAAA,OAEhB;WACP;MACJ,kBAAC,MAAD;OAAI,WAAU;iBAAgE;OAAW,CAAA;MACxF,IACC,kBAAC,KAAD;OAAG,WAAU;iBAAyC;OAAgB,CAAA,GACpE;MACA;;IACL,IACC,kBAAC,OAAD;KAAK,WAAU;eAA8C;KAAc,CAAA,GACzE;IACA;MACN,kBAAC,OAAD;GAAK,WAAU;GAA8B;GAAe,CAAA,CACxD"}
+{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/technospam/components/PageLayout.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { ArrowLeft } from 'lucide-react';\nimport { AuroraBackground } from '@burdenoff/fe-libs/ui';\nimport { useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport { useNativeControls } from '../hooks/useNativeControls';\nimport { useTr } from '../hooks/useTr';\nimport { cn } from '../utils/cn';\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: ReactNode;\n  actions?: ReactNode;\n  children: ReactNode;\n  backPath?: string;\n  /** Render the page header with the living-glass aurora backdrop (module hero). */\n  hero?: boolean;\n}\n\n/**\n * Consistent page chrome for every TechnoSpam module page: a header band\n * (optionally with the aurora hero backdrop), an optional back affordance, an\n * actions slot, and a scrollable body. Mirrors the platform page pattern so\n * TechnoSpam feels native to the shell.\n */\nexport function PageLayout({\n  title,\n  description,\n  actions,\n  children,\n  backPath,\n  hero = false,\n}: PageLayoutProps) {\n  const navigate = useTechnoSpamNavigate();\n  const { impact } = useNativeControls();\n  const tr = useTr();\n\n  return (\n    <div className=\"flex h-full flex-col bg-bg-surface\">\n      <div\n        className={cn(\n          'relative flex flex-col gap-4 overflow-hidden border-b border-border-seam px-6 py-5 sm:flex-row sm:items-start sm:justify-between',\n          hero ? 'bg-accent-primary/12' : 'bg-bg-surface'\n        )}\n      >\n        {hero ? <AuroraBackground intensity=\"subtle\" /> : null}\n        <div className=\"relative flex min-w-0 flex-col gap-1\">\n          {backPath ? (\n            <button\n              type=\"button\"\n              onClick={() => {\n                void impact('light');\n                navigate(backPath);\n              }}\n              className=\"flex w-fit items-center gap-1 text-sm text-text-secondary transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]\"\n            >\n              <ArrowLeft size={15} />\n              {tr('technospam.common.back', 'Back')}\n            </button>\n          ) : null}\n          <h1 className=\"truncate text-xl font-semibold text-text-primary sm:text-2xl\">{title}</h1>\n          {description ? (\n            <p className=\"max-w-2xl text-sm text-text-secondary\">{description}</p>\n          ) : null}\n        </div>\n        {actions ? (\n          <div className=\"relative flex flex-wrap items-center gap-2\">{actions}</div>\n        ) : null}\n      </div>\n      <div className=\"flex-1 overflow-y-auto p-6\">{children}</div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAwBA,SAAgB,EAAW,EACzB,UACA,gBACA,YACA,aACA,aACA,UAAO,MACW;CAClB,IAAM,IAAW,GAAuB,EAClC,EAAE,cAAW,GAAmB,EAChC,IAAK,GAAO;AAElB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GACE,WAAW,EACT,oIACA,IAAO,yBAAyB,gBACjC;aAJH;IAMG,IAAO,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA,GAAG;IAClD,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,IACC,kBAAC,UAAD;OACE,MAAK;OACL,eAAe;AAEb,QADK,EAAO,QAAQ,EACpB,EAAS,EAAS;;OAEpB,WAAU;iBANZ,CAQE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EACtB,EAAG,0BAA0B,OAAO,CAC9B;WACP;MACJ,kBAAC,MAAD;OAAI,WAAU;iBAAgE;OAAW,CAAA;MACxF,IACC,kBAAC,KAAD;OAAG,WAAU;iBAAyC;OAAgB,CAAA,GACpE;MACA;;IACL,IACC,kBAAC,OAAD;KAAK,WAAU;eAA8C;KAAc,CAAA,GACzE;IACA;MACN,kBAAC,OAAD;GAAK,WAAU;GAA8B;GAAe,CAAA,CACxD"}

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

@@ -11,7 +11,7 @@ export declare function EmptyView({ title, description, action, icon, }: {
     icon?: ReactNode;
 }): import("react").JSX.Element;
 /** Consistent error state, surfaced from a GraphQL/network error. */
-export declare function ErrorView({ title, error, }: {
+export declare function ErrorView({ title, error }: {
     title?: string;
     error?: {
         message?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"StateViews.d.ts","sourceRoot":"","sources":["../../../src/technospam/components/StateViews.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,MAAM,EACN,IAAI,GACL,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,+BAWA;AAED,qEAAqE;AACrE,wBAAgB,SAAS,CAAC,EACxB,KAAgC,EAChC,KAAK,GACN,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC9B,+BAYA;AAED,oCAAoC;AACpC,wBAAgB,WAAW,CAAC,EAAE,KAAS,EAAE,MAAe,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,+BAQ9F;AAED,uCAAuC;AACvC,wBAAgB,WAAW,CAAC,EAAE,KAAS,EAAE,MAAe,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,+BAQ9F"}
+{"version":3,"file":"StateViews.d.ts","sourceRoot":"","sources":["../../../src/technospam/components/StateViews.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,MAAM,EACN,IAAI,GACL,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,+BAWA;AAED,qEAAqE;AACrE,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,+BAe3F;AAED,oCAAoC;AACpC,wBAAgB,WAAW,CAAC,EAAE,KAAS,EAAE,MAAe,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,+BAQ9F;AAED,uCAAuC;AACvC,wBAAgB,WAAW,CAAC,EAAE,KAAS,EAAE,MAAe,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,+BAQ9F"}

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/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/AnalyticsAnalyticsPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsAnalyticsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/AnalyticsAnalyticsPagePage.tsx"],"names":[],"mappings":"AAmXA,wBAAgB,0BAA0B,gCAkYzC"}
+{"version":3,"file":"AnalyticsAnalyticsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/AnalyticsAnalyticsPagePage.tsx"],"names":[],"mappings":"AA4XA,wBAAgB,0BAA0B,gCAodzC"}