@burdenoff/microfe-technospam 2026.828.1 → 2026.829.1

package/dist/technospam/components/StateViews.js

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

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

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

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

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

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

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

package/dist/technospam/components/TagInput.js

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

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

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

package/dist/technospam/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"}