@burdenoff/microfe-cosmicintersection 2026.805.1 → 2026.830.1

package/dist/cosmicintersection/components/LoadingState.js

@@ -1,23 +1,25 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { Skeleton as n, Spinner as r } from "@burdenoff/fe-libs/ui";
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Skeleton as r, Spinner as i } from "@burdenoff/fe-libs/ui";
 //#region src/cosmicintersection/components/LoadingState.tsx
-function i({ variant: i = "spinner", rows: a = 5, label: o = "Loading…", className: s }) {
-	return i === "rows" ? /* @__PURE__ */ e("div", {
-		className: `space-y-3 ${s ?? ""}`,
+function a({ variant: a = "spinner", rows: o = 5, label: s, className: c }) {
+	let l = e(), u = s ?? l("cosmicintersection.common.loading", "Loading…");
+	return a === "rows" ? /* @__PURE__ */ t("div", {
+		className: `space-y-3 ${c ?? ""}`,
 		role: "status",
-		"aria-label": o,
-		children: Array.from({ length: a }).map((t, r) => /* @__PURE__ */ e(n, { className: "h-14 w-full rounded-card" }, r))
-	}) : /* @__PURE__ */ t("div", {
-		className: `flex min-h-[240px] flex-col items-center justify-center gap-3 ${s ?? ""}`,
+		"aria-label": u,
+		children: Array.from({ length: o }).map((e, n) => /* @__PURE__ */ t(r, { className: "h-14 w-full rounded-card" }, n))
+	}) : /* @__PURE__ */ n("div", {
+		className: `flex min-h-[240px] flex-col items-center justify-center gap-3 ${c ?? ""}`,
 		role: "status",
-		"aria-label": o,
-		children: [/* @__PURE__ */ e(r, { className: "size-6 text-text-secondary" }), /* @__PURE__ */ e("p", {
+		"aria-label": u,
+		children: [/* @__PURE__ */ t(i, { className: "size-6 text-text-secondary" }), /* @__PURE__ */ t("p", {
 			className: "text-sm text-text-secondary",
-			children: o
+			children: u
 		})]
 	});
 }
 //#endregion
-export { i as default };
+export { a as default };
 
 //# sourceMappingURL=LoadingState.js.map

package/dist/cosmicintersection/components/LoadingState.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingState.js","names":[],"sources":["../../../src/cosmicintersection/components/LoadingState.tsx"],"sourcesContent":["import { Skeleton, Spinner } from '@burdenoff/fe-libs/ui';\n\nexport interface LoadingStateProps {\n  /** `spinner` centres a spinner; `rows` renders shimmering list placeholders. */\n  variant?: 'spinner' | 'rows';\n  /** Number of placeholder rows for the `rows` variant. */\n  rows?: number;\n  label?: string;\n  className?: string;\n}\n\n/**\n * Consistent loading affordance for every CosmicIntersection query surface.\n * Token-styled only — no raw palette colours.\n */\nexport function LoadingState({\n  variant = 'spinner',\n  rows = 5,\n  label = 'Loading…',\n  className,\n}: LoadingStateProps) {\n  if (variant === 'rows') {\n    return (\n      <div className={`space-y-3 ${className ?? ''}`} role=\"status\" aria-label={label}>\n        {Array.from({ length: rows }).map((_, index) => (\n          <Skeleton key={index} className=\"h-14 w-full rounded-card\" />\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={`flex min-h-[240px] flex-col items-center justify-center gap-3 ${className ?? ''}`}\n      role=\"status\"\n      aria-label={label}\n    >\n      <Spinner className=\"size-6 text-text-secondary\" />\n      <p className=\"text-sm text-text-secondary\">{label}</p>\n    </div>\n  );\n}\n\nexport default LoadingState;\n"],"mappings":";;;AAeA,SAAgB,EAAa,EAC3B,aAAU,WACV,UAAO,GACP,WAAQ,YACR,gBACoB;CAWpB,OAVI,MAAY,SAEZ,kBAAC,OAAD;EAAK,WAAW,aAAa,KAAa;EAAM,MAAK;EAAS,cAAY;YACvE,MAAM,KAAK,EAAE,QAAQ,EAAK,CAAC,EAAE,KAAK,GAAG,MACpC,kBAAC,GAAD,EAAsB,WAAU,2BAA4B,GAA7C,CAA6C,CAC7D;CACE,CAAA,IAKP,kBAAC,OAAD;EACE,WAAW,iEAAiE,KAAa;EACzF,MAAK;EACL,cAAY;YAHd,CAKE,kBAAC,GAAD,EAAS,WAAU,6BAA8B,CAAA,GACjD,kBAAC,KAAD;GAAG,WAAU;aAA+B;EAAS,CAAA,CAClD;;AAET"}
+{"version":3,"file":"LoadingState.js","names":[],"sources":["../../../src/cosmicintersection/components/LoadingState.tsx"],"sourcesContent":["import { Skeleton, Spinner } from '@burdenoff/fe-libs/ui';\nimport { useTr } from '../../shared/hooks/useTr';\n\nexport interface LoadingStateProps {\n  /** `spinner` centres a spinner; `rows` renders shimmering list placeholders. */\n  variant?: 'spinner' | 'rows';\n  /** Number of placeholder rows for the `rows` variant. */\n  rows?: number;\n  label?: string;\n  className?: string;\n}\n\n/**\n * Consistent loading affordance for every CosmicIntersection query surface.\n * Token-styled only — no raw palette colours.\n */\nexport function LoadingState({\n  variant = 'spinner',\n  rows = 5,\n  label: labelProp,\n  className,\n}: LoadingStateProps) {\n  const tr = useTr();\n  const label = labelProp ?? tr('cosmicintersection.common.loading', 'Loading…');\n  if (variant === 'rows') {\n    return (\n      <div className={`space-y-3 ${className ?? ''}`} role=\"status\" aria-label={label}>\n        {Array.from({ length: rows }).map((_, index) => (\n          <Skeleton key={index} className=\"h-14 w-full rounded-card\" />\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={`flex min-h-[240px] flex-col items-center justify-center gap-3 ${className ?? ''}`}\n      role=\"status\"\n      aria-label={label}\n    >\n      <Spinner className=\"size-6 text-text-secondary\" />\n      <p className=\"text-sm text-text-secondary\">{label}</p>\n    </div>\n  );\n}\n\nexport default LoadingState;\n"],"mappings":";;;;AAgBA,SAAgB,EAAa,EAC3B,aAAU,WACV,UAAO,GACP,OAAO,GACP,gBACoB;CACpB,IAAM,IAAK,EAAM,GACX,IAAQ,KAAa,EAAG,qCAAqC,UAAU;CAW7E,OAVI,MAAY,SAEZ,kBAAC,OAAD;EAAK,WAAW,aAAa,KAAa;EAAM,MAAK;EAAS,cAAY;YACvE,MAAM,KAAK,EAAE,QAAQ,EAAK,CAAC,EAAE,KAAK,GAAG,MACpC,kBAAC,GAAD,EAAsB,WAAU,2BAA4B,GAA7C,CAA6C,CAC7D;CACE,CAAA,IAKP,kBAAC,OAAD;EACE,WAAW,iEAAiE,KAAa;EACzF,MAAK;EACL,cAAY;YAHd,CAKE,kBAAC,GAAD,EAAS,WAAU,6BAA8B,CAAA,GACjD,kBAAC,KAAD;GAAG,WAAU;aAA+B;EAAS,CAAA,CAClD;;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../../../src/cosmicintersection/components/PageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,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,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAkC9F;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../../../src/cosmicintersection/components/PageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,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,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAmC9F;AAED,eAAe,UAAU,CAAC"}

package/dist/cosmicintersection/components/PageLayout.js

@@ -1,46 +1,47 @@
 import { useCosmicIntersection as e } from "../context/CosmicIntersectionContext.js";
-import { cn as t } from "../utils/cn.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { ChevronLeft as i } from "lucide-react";
+import { useTr as t } from "../../shared/hooks/useTr.js";
+import { cn as n } from "../utils/cn.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { ChevronLeft as a } from "lucide-react";
 //#region src/cosmicintersection/components/PageLayout.tsx
-function a({ title: a, description: o, actions: s, children: c, backPath: l }) {
-	let { navigate: u } = e();
-	return /* @__PURE__ */ r("div", {
-		className: t("flex h-full flex-col bg-bg-surface"),
-		children: [/* @__PURE__ */ r("div", {
-			className: t("flex items-start justify-between gap-4 border-b border-border-seam bg-bg-surface px-6 py-5"),
-			children: [/* @__PURE__ */ r("div", {
+function o({ title: o, description: s, actions: c, children: l, backPath: u }) {
+	let { navigate: d } = e(), f = t();
+	return /* @__PURE__ */ i("div", {
+		className: n("flex h-full flex-col bg-bg-surface"),
+		children: [/* @__PURE__ */ i("div", {
+			className: n("flex items-start justify-between gap-4 border-b border-border-seam bg-bg-surface px-6 py-5"),
+			children: [/* @__PURE__ */ i("div", {
 				className: "flex min-w-0 flex-col gap-1",
 				children: [
-					l ? /* @__PURE__ */ r("button", {
+					u ? /* @__PURE__ */ i("button", {
 						type: "button",
-						onClick: () => u(l),
-						className: t("flex w-fit items-center gap-1 rounded-button text-sm text-text-secondary transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border-focus"),
-						children: [/* @__PURE__ */ n(i, {
+						onClick: () => d(u),
+						className: n("flex w-fit items-center gap-1 rounded-button text-sm text-text-secondary transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border-focus"),
+						children: [/* @__PURE__ */ r(a, {
 							className: "size-4",
 							"aria-hidden": "true"
-						}), "Back"]
+						}), f("cosmicintersection.common.back", "Back")]
 					}) : null,
-					/* @__PURE__ */ n("h1", {
-						className: t("truncate text-2xl font-semibold text-text-primary"),
-						children: a
-					}),
-					o ? /* @__PURE__ */ n("p", {
-						className: t("mt-0.5 text-sm text-text-secondary"),
+					/* @__PURE__ */ r("h1", {
+						className: n("truncate text-2xl font-semibold text-text-primary"),
 						children: o
+					}),
+					s ? /* @__PURE__ */ r("p", {
+						className: n("mt-0.5 text-sm text-text-secondary"),
+						children: s
 					}) : null
 				]
-			}), s ? /* @__PURE__ */ n("div", {
+			}), c ? /* @__PURE__ */ r("div", {
 				className: "flex shrink-0 items-center gap-2",
-				children: s
+				children: c
 			}) : null]
-		}), /* @__PURE__ */ n("div", {
-			className: t("flex-1 overflow-auto p-6"),
-			children: c
+		}), /* @__PURE__ */ r("div", {
+			className: n("flex-1 overflow-auto p-6"),
+			children: l
 		})]
 	});
 }
 //#endregion
-export { a as default };
+export { o as default };
 
 //# sourceMappingURL=PageLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/cosmicintersection/components/PageLayout.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { ChevronLeft } from 'lucide-react';\nimport { useCosmicIntersection } from '../context/CosmicIntersectionContext';\nimport { cn } from '../utils/cn';\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: ReactNode;\n  actions?: ReactNode;\n  children: ReactNode;\n  /** basePath-relative path for the header back button (e.g. \"datasets\"). */\n  backPath?: string;\n}\n\n/**\n * Standard page scaffold: a sticky-feeling header (optional back button, title,\n * description, right-aligned actions) over a scrollable content region. Token\n * styling only.\n */\nexport function PageLayout({ title, description, actions, children, backPath }: PageLayoutProps) {\n  const { navigate } = useCosmicIntersection();\n\n  return (\n    <div className={cn('flex h-full flex-col bg-bg-surface')}>\n      <div\n        className={cn(\n          'flex items-start justify-between gap-4 border-b border-border-seam bg-bg-surface px-6 py-5'\n        )}\n      >\n        <div className=\"flex min-w-0 flex-col gap-1\">\n          {backPath ? (\n            <button\n              type=\"button\"\n              onClick={() => navigate(backPath)}\n              className={cn(\n                'flex w-fit items-center gap-1 rounded-button text-sm text-text-secondary transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border-focus'\n              )}\n            >\n              <ChevronLeft className=\"size-4\" aria-hidden=\"true\" />\n              Back\n            </button>\n          ) : null}\n          <h1 className={cn('truncate text-2xl font-semibold text-text-primary')}>{title}</h1>\n          {description ? (\n            <p className={cn('mt-0.5 text-sm text-text-secondary')}>{description}</p>\n          ) : null}\n        </div>\n        {actions ? <div className=\"flex shrink-0 items-center gap-2\">{actions}</div> : null}\n      </div>\n\n      <div className={cn('flex-1 overflow-auto p-6')}>{children}</div>\n    </div>\n  );\n}\n\nexport default PageLayout;\n"],"mappings":";;;;;AAmBA,SAAgB,EAAW,EAAE,UAAO,gBAAa,YAAS,aAAU,eAA6B;CAC/F,IAAM,EAAE,gBAAa,EAAsB;CAE3C,OACE,kBAAC,OAAD;EAAK,WAAW,EAAG,oCAAoC;YAAvD,CACE,kBAAC,OAAD;GACE,WAAW,EACT,4FACF;aAHF,CAKE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,IACC,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAS,CAAQ;MAChC,WAAW,EACT,oMACF;gBALF,CAOE,kBAAC,GAAD;OAAa,WAAU;OAAS,eAAY;MAAQ,CAAA,GAAC,MAE/C;UACN;KACJ,kBAAC,MAAD;MAAI,WAAW,EAAG,mDAAmD;gBAAI;KAAU,CAAA;KAClF,IACC,kBAAC,KAAD;MAAG,WAAW,EAAG,oCAAoC;gBAAI;KAAe,CAAA,IACtE;IACD;OACJ,IAAU,kBAAC,OAAD;IAAK,WAAU;cAAoC;GAAa,CAAA,IAAI,IAC5E;MAEL,kBAAC,OAAD;GAAK,WAAW,EAAG,0BAA0B;GAAI;EAAc,CAAA,CAC5D;;AAET"}
+{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/cosmicintersection/components/PageLayout.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { ChevronLeft } from 'lucide-react';\nimport { useCosmicIntersection } from '../context/CosmicIntersectionContext';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { cn } from '../utils/cn';\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: ReactNode;\n  actions?: ReactNode;\n  children: ReactNode;\n  /** basePath-relative path for the header back button (e.g. \"datasets\"). */\n  backPath?: string;\n}\n\n/**\n * Standard page scaffold: a sticky-feeling header (optional back button, title,\n * description, right-aligned actions) over a scrollable content region. Token\n * styling only.\n */\nexport function PageLayout({ title, description, actions, children, backPath }: PageLayoutProps) {\n  const { navigate } = useCosmicIntersection();\n  const tr = useTr();\n\n  return (\n    <div className={cn('flex h-full flex-col bg-bg-surface')}>\n      <div\n        className={cn(\n          'flex items-start justify-between gap-4 border-b border-border-seam bg-bg-surface px-6 py-5'\n        )}\n      >\n        <div className=\"flex min-w-0 flex-col gap-1\">\n          {backPath ? (\n            <button\n              type=\"button\"\n              onClick={() => navigate(backPath)}\n              className={cn(\n                'flex w-fit items-center gap-1 rounded-button text-sm text-text-secondary transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border-focus'\n              )}\n            >\n              <ChevronLeft className=\"size-4\" aria-hidden=\"true\" />\n              {tr('cosmicintersection.common.back', 'Back')}\n            </button>\n          ) : null}\n          <h1 className={cn('truncate text-2xl font-semibold text-text-primary')}>{title}</h1>\n          {description ? (\n            <p className={cn('mt-0.5 text-sm text-text-secondary')}>{description}</p>\n          ) : null}\n        </div>\n        {actions ? <div className=\"flex shrink-0 items-center gap-2\">{actions}</div> : null}\n      </div>\n\n      <div className={cn('flex-1 overflow-auto p-6')}>{children}</div>\n    </div>\n  );\n}\n\nexport default PageLayout;\n"],"mappings":";;;;;;AAoBA,SAAgB,EAAW,EAAE,UAAO,gBAAa,YAAS,aAAU,eAA6B;CAC/F,IAAM,EAAE,gBAAa,EAAsB,GACrC,IAAK,EAAM;CAEjB,OACE,kBAAC,OAAD;EAAK,WAAW,EAAG,oCAAoC;YAAvD,CACE,kBAAC,OAAD;GACE,WAAW,EACT,4FACF;aAHF,CAKE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,IACC,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAS,CAAQ;MAChC,WAAW,EACT,oMACF;gBALF,CAOE,kBAAC,GAAD;OAAa,WAAU;OAAS,eAAY;MAAQ,CAAA,GACnD,EAAG,kCAAkC,MAAM,CACtC;UACN;KACJ,kBAAC,MAAD;MAAI,WAAW,EAAG,mDAAmD;gBAAI;KAAU,CAAA;KAClF,IACC,kBAAC,KAAD;MAAG,WAAW,EAAG,oCAAoC;gBAAI;KAAe,CAAA,IACtE;IACD;OACJ,IAAU,kBAAC,OAAD;IAAK,WAAU;cAAoC;GAAa,CAAA,IAAI,IAC5E;MAEL,kBAAC,OAAD;GAAK,WAAW,EAAG,0BAA0B;GAAI;EAAc,CAAA,CAC5D;;AAET"}

package/dist/cosmicintersection/components/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/cosmicintersection/components/Pagination.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,wBAAgB,aAAa,CAAC,OAAO,GAAE,oBAAyB,GAAG,mBAAmB,CAsBrF;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,WAAW,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,KAAK,EACL,WAAW,EACX,OAAO,EACP,MAAM,EACN,MAAM,EACN,SAAmB,EACnB,OAAe,EACf,SAAS,GACV,EAAE,eAAe,kDA8CjB;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/cosmicintersection/components/Pagination.tsx"],"names":[],"mappings":"AAiBA,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,wBAAgB,aAAa,CAAC,OAAO,GAAE,oBAAyB,GAAG,mBAAmB,CAsBrF;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,WAAW,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,KAAK,EACL,WAAW,EACX,OAAO,EACP,MAAM,EACN,MAAM,EACN,SAAmB,EACnB,OAAe,EACf,SAAS,GACV,EAAE,eAAe,kDAiDjB;AAED,eAAe,UAAU,CAAC"}

package/dist/cosmicintersection/components/Pagination.js

@@ -1,12 +1,13 @@
-import { useState as e } from "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { ChevronLeft as r, ChevronRight as i } from "lucide-react";
-import { Button as a } from "@burdenoff/fe-libs/ui";
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { ChevronLeft as i, ChevronRight as a } from "lucide-react";
+import { Button as o } from "@burdenoff/fe-libs/ui";
 //#region src/cosmicintersection/components/Pagination.tsx
-var o = 50;
-function s(t = {}) {
-	let { pageSize: n = o, resetKey: r } = t, [i, a] = e(0), [s, c] = e(r);
-	return s !== r && (c(r), i !== 0 && a(0)), {
+var s = 50;
+function c(e = {}) {
+	let { pageSize: n = s, resetKey: r } = e, [i, a] = t(0), [o, c] = t(r);
+	return o !== r && (c(r), i !== 0 && a(0)), {
 		limit: n,
 		offset: i,
 		page: Math.floor(i / Math.max(1, n)) + 1,
@@ -15,51 +16,53 @@ function s(t = {}) {
 		reset: () => a(0)
 	};
 }
-function c({ offset: e, limit: o, loadedCount: s, hasMore: c, onPrev: l, onNext: u, itemLabel: d = "items", loading: f = !1, className: p }) {
-	if (e === 0 && !c && s === 0) return null;
-	let m = s === 0 ? 0 : e + 1, h = e + s, g = e > 0, _ = c, v = Math.floor(e / Math.max(1, o)) + 1;
-	return /* @__PURE__ */ n("div", {
-		className: `flex flex-wrap items-center justify-between gap-3 pt-4 ${p ?? ""}`,
+function l({ offset: t, limit: s, loadedCount: c, hasMore: l, onPrev: u, onNext: d, itemLabel: f = "items", loading: p = !1, className: m }) {
+	let h = e();
+	if (t === 0 && !l && c === 0) return null;
+	let g = c === 0 ? 0 : t + 1, _ = t + c, v = t > 0, y = l, b = Math.floor(t / Math.max(1, s)) + 1;
+	return /* @__PURE__ */ r("div", {
+		className: `flex flex-wrap items-center justify-between gap-3 pt-4 ${m ?? ""}`,
 		role: "navigation",
 		"aria-label": "Pagination",
 		children: [/* @__PURE__ */ n("p", {
 			className: "text-xs tabular-nums text-text-secondary",
-			children: [
-				"Showing ",
-				m,
-				"–",
-				h,
-				" ",
-				d
-			]
-		}), /* @__PURE__ */ n("div", {
+			children: h("cosmicintersection.common.showingResults", "Showing {{from}}–{{to}} {{itemLabel}}", {
+				from: g,
+				to: _,
+				itemLabel: f
+			})
+		}), /* @__PURE__ */ r("div", {
 			className: "flex items-center gap-2",
 			children: [
-				/* @__PURE__ */ n("span", {
+				/* @__PURE__ */ r("span", {
 					className: "text-xs tabular-nums text-text-secondary",
-					children: ["Page ", v]
+					children: [
+						h("cosmicintersection.common.page", "Page"),
+						" ",
+						b
+					]
 				}),
-				/* @__PURE__ */ n(a, {
+				/* @__PURE__ */ r(o, {
 					size: "sm",
 					variant: "outline",
-					onClick: l,
-					disabled: !g || f,
-					"aria-label": "Previous page",
-					children: [/* @__PURE__ */ t(r, { className: "size-4" }), "Prev"]
+					onClick: u,
+					disabled: !v || p,
+					"aria-label": h("cosmicintersection.common.prev", "Previous page"),
+					children: [/* @__PURE__ */ n(i, { className: "size-4" }), h("cosmicintersection.common.prev", "Prev")]
 				}),
-				/* @__PURE__ */ n(a, {
+				/* @__PURE__ */ r(o, {
 					size: "sm",
 					variant: "outline",
-					onClick: u,
-					disabled: !_ || f,
-					"aria-label": "Next page",
-					children: ["Next", /* @__PURE__ */ t(i, { className: "size-4" })]
+					onClick: d,
+					disabled: !y || p,
+					"aria-label": h("cosmicintersection.common.next", "Next page"),
+					children: [h("cosmicintersection.common.next", "Next"), /* @__PURE__ */ n(a, { className: "size-4" })]
 				})
 			]
 		})]
 	});
 }
 //#endregion
-export { c as default, s as usePagination };
+export { l as default, c as usePagination };
 
 //# sourceMappingURL=Pagination.js.map

package/dist/cosmicintersection/components/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":[],"sources":["../../../src/cosmicintersection/components/Pagination.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\n\n/**\n * Offset/limit pagination for the CosmicIntersection list surfaces.\n *\n * The Cos* connection resolvers return `{ items, pageInfo { hasMore, cursor } }`\n * with NO total count, so paging is driven by `offset`/`limit` + the boolean\n * `hasMore` rather than a computable page count. `usePagination` owns the window;\n * the page feeds `limit`/`offset` into `PaginationInput`, then renders\n * `<Pagination>` with `hasMore` so Next gates correctly.\n */\n\nconst DEFAULT_PAGE_SIZE = 50;\n\nexport interface UsePaginationOptions {\n  pageSize?: number;\n  /** When this changes (a filter/search term), the window resets to page 1. */\n  resetKey?: unknown;\n}\n\nexport interface UsePaginationResult {\n  limit: number;\n  offset: number;\n  /** 1-based page index derived from offset/limit. */\n  page: number;\n  nextPage: () => void;\n  prevPage: () => void;\n  reset: () => void;\n}\n\nexport function usePagination(options: UsePaginationOptions = {}): UsePaginationResult {\n  const { pageSize = DEFAULT_PAGE_SIZE, resetKey } = options;\n  const [offset, setOffset] = useState(0);\n\n  // Reset to the first page whenever resetKey changes (React's documented\n  // derive-state-during-render pattern — no extra effect/render pass).\n  const [prevResetKey, setPrevResetKey] = useState(resetKey);\n  if (prevResetKey !== resetKey) {\n    setPrevResetKey(resetKey);\n    if (offset !== 0) {\n      setOffset(0);\n    }\n  }\n\n  return {\n    limit: pageSize,\n    offset,\n    page: Math.floor(offset / Math.max(1, pageSize)) + 1,\n    nextPage: () => setOffset((current) => current + pageSize),\n    prevPage: () => setOffset((current) => Math.max(0, current - pageSize)),\n    reset: () => setOffset(0),\n  };\n}\n\nexport interface PaginationProps {\n  offset: number;\n  limit: number;\n  /** Number of rows returned for the current page (`items.length`). */\n  loadedCount: number;\n  /** Whether the backend reports more rows after this page (`pageInfo.hasMore`). */\n  hasMore: boolean;\n  onPrev: () => void;\n  onNext: () => void;\n  /** Plural noun for the range label, e.g. \"datasets\". Defaults to \"items\". */\n  itemLabel?: string;\n  loading?: boolean;\n  className?: string;\n}\n\nexport function Pagination({\n  offset,\n  limit,\n  loadedCount,\n  hasMore,\n  onPrev,\n  onNext,\n  itemLabel = 'items',\n  loading = false,\n  className,\n}: PaginationProps) {\n  // Nothing to page through: first page and no more results.\n  if (offset === 0 && !hasMore && loadedCount === 0) {\n    return null;\n  }\n\n  const rangeStart = loadedCount === 0 ? 0 : offset + 1;\n  const rangeEnd = offset + loadedCount;\n  const canPrev = offset > 0;\n  const canNext = hasMore;\n  const page = Math.floor(offset / Math.max(1, limit)) + 1;\n\n  return (\n    <div\n      className={`flex flex-wrap items-center justify-between gap-3 pt-4 ${className ?? ''}`}\n      role=\"navigation\"\n      aria-label=\"Pagination\"\n    >\n      <p className=\"text-xs tabular-nums text-text-secondary\">\n        Showing {rangeStart}–{rangeEnd} {itemLabel}\n      </p>\n      <div className=\"flex items-center gap-2\">\n        <span className=\"text-xs tabular-nums text-text-secondary\">Page {page}</span>\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          onClick={onPrev}\n          disabled={!canPrev || loading}\n          aria-label=\"Previous page\"\n        >\n          <ChevronLeft className=\"size-4\" />\n          Prev\n        </Button>\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          onClick={onNext}\n          disabled={!canNext || loading}\n          aria-label=\"Next page\"\n        >\n          Next\n          <ChevronRight className=\"size-4\" />\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nexport default Pagination;\n"],"mappings":";;;;;AAcA,IAAM,IAAoB;AAkB1B,SAAgB,EAAc,IAAgC,CAAC,GAAwB;CACrF,IAAM,EAAE,cAAW,GAAmB,gBAAa,GAC7C,CAAC,GAAQ,KAAa,EAAS,CAAC,GAIhC,CAAC,GAAc,KAAmB,EAAS,CAAQ;CAQzD,OAPI,MAAiB,MACnB,EAAgB,CAAQ,GACpB,MAAW,KACb,EAAU,CAAC,IAIR;EACL,OAAO;EACP;EACA,MAAM,KAAK,MAAM,IAAS,KAAK,IAAI,GAAG,CAAQ,CAAC,IAAI;EACnD,gBAAgB,GAAW,MAAY,IAAU,CAAQ;EACzD,gBAAgB,GAAW,MAAY,KAAK,IAAI,GAAG,IAAU,CAAQ,CAAC;EACtE,aAAa,EAAU,CAAC;CAC1B;AACF;AAiBA,SAAgB,EAAW,EACzB,WACA,UACA,gBACA,YACA,WACA,WACA,eAAY,SACZ,aAAU,IACV,gBACkB;CAElB,IAAI,MAAW,KAAK,CAAC,KAAW,MAAgB,GAC9C,OAAO;CAGT,IAAM,IAAa,MAAgB,IAAI,IAAI,IAAS,GAC9C,IAAW,IAAS,GACpB,IAAU,IAAS,GACnB,IAAU,GACV,IAAO,KAAK,MAAM,IAAS,KAAK,IAAI,GAAG,CAAK,CAAC,IAAI;CAEvD,OACE,kBAAC,OAAD;EACE,WAAW,0DAA0D,KAAa;EAClF,MAAK;EACL,cAAW;YAHb,CAKE,kBAAC,KAAD;GAAG,WAAU;aAAb;IAAwD;IAC7C;IAAW;IAAE;IAAS;IAAE;GAChC;MACH,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,QAAD;KAAM,WAAU;eAAhB,CAA2D,SAAM,CAAW;;IAC5E,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,SAAS;KACT,UAAU,CAAC,KAAW;KACtB,cAAW;eALb,CAOE,kBAAC,GAAD,EAAa,WAAU,SAAU,CAAA,GAAC,MAE5B;;IACR,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,SAAS;KACT,UAAU,CAAC,KAAW;KACtB,cAAW;eALb,CAMC,QAEC,kBAAC,GAAD,EAAc,WAAU,SAAU,CAAA,CAC5B;;GACL;IACF;;AAET"}
+{"version":3,"file":"Pagination.js","names":[],"sources":["../../../src/cosmicintersection/components/Pagination.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\n\n/**\n * Offset/limit pagination for the CosmicIntersection list surfaces.\n *\n * The Cos* connection resolvers return `{ items, pageInfo { hasMore, cursor } }`\n * with NO total count, so paging is driven by `offset`/`limit` + the boolean\n * `hasMore` rather than a computable page count. `usePagination` owns the window;\n * the page feeds `limit`/`offset` into `PaginationInput`, then renders\n * `<Pagination>` with `hasMore` so Next gates correctly.\n */\n\nconst DEFAULT_PAGE_SIZE = 50;\n\nexport interface UsePaginationOptions {\n  pageSize?: number;\n  /** When this changes (a filter/search term), the window resets to page 1. */\n  resetKey?: unknown;\n}\n\nexport interface UsePaginationResult {\n  limit: number;\n  offset: number;\n  /** 1-based page index derived from offset/limit. */\n  page: number;\n  nextPage: () => void;\n  prevPage: () => void;\n  reset: () => void;\n}\n\nexport function usePagination(options: UsePaginationOptions = {}): UsePaginationResult {\n  const { pageSize = DEFAULT_PAGE_SIZE, resetKey } = options;\n  const [offset, setOffset] = useState(0);\n\n  // Reset to the first page whenever resetKey changes (React's documented\n  // derive-state-during-render pattern — no extra effect/render pass).\n  const [prevResetKey, setPrevResetKey] = useState(resetKey);\n  if (prevResetKey !== resetKey) {\n    setPrevResetKey(resetKey);\n    if (offset !== 0) {\n      setOffset(0);\n    }\n  }\n\n  return {\n    limit: pageSize,\n    offset,\n    page: Math.floor(offset / Math.max(1, pageSize)) + 1,\n    nextPage: () => setOffset((current) => current + pageSize),\n    prevPage: () => setOffset((current) => Math.max(0, current - pageSize)),\n    reset: () => setOffset(0),\n  };\n}\n\nexport interface PaginationProps {\n  offset: number;\n  limit: number;\n  /** Number of rows returned for the current page (`items.length`). */\n  loadedCount: number;\n  /** Whether the backend reports more rows after this page (`pageInfo.hasMore`). */\n  hasMore: boolean;\n  onPrev: () => void;\n  onNext: () => void;\n  /** Plural noun for the range label, e.g. \"datasets\". Defaults to \"items\". */\n  itemLabel?: string;\n  loading?: boolean;\n  className?: string;\n}\n\nexport function Pagination({\n  offset,\n  limit,\n  loadedCount,\n  hasMore,\n  onPrev,\n  onNext,\n  itemLabel = 'items',\n  loading = false,\n  className,\n}: PaginationProps) {\n  const tr = useTr();\n  // Nothing to page through: first page and no more results.\n  if (offset === 0 && !hasMore && loadedCount === 0) {\n    return null;\n  }\n\n  const rangeStart = loadedCount === 0 ? 0 : offset + 1;\n  const rangeEnd = offset + loadedCount;\n  const canPrev = offset > 0;\n  const canNext = hasMore;\n  const page = Math.floor(offset / Math.max(1, limit)) + 1;\n\n  return (\n    <div\n      className={`flex flex-wrap items-center justify-between gap-3 pt-4 ${className ?? ''}`}\n      role=\"navigation\"\n      aria-label=\"Pagination\"\n    >\n      <p className=\"text-xs tabular-nums text-text-secondary\">\n        {tr('cosmicintersection.common.showingResults', 'Showing {{from}}–{{to}} {{itemLabel}}', { from: rangeStart, to: rangeEnd, itemLabel })}\n      </p>\n      <div className=\"flex items-center gap-2\">\n        <span className=\"text-xs tabular-nums text-text-secondary\">\n          {tr('cosmicintersection.common.page', 'Page')} {page}\n        </span>\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          onClick={onPrev}\n          disabled={!canPrev || loading}\n          aria-label={tr('cosmicintersection.common.prev', 'Previous page')}\n        >\n          <ChevronLeft className=\"size-4\" />\n          {tr('cosmicintersection.common.prev', 'Prev')}\n        </Button>\n        <Button\n          size=\"sm\"\n          variant=\"outline\"\n          onClick={onNext}\n          disabled={!canNext || loading}\n          aria-label={tr('cosmicintersection.common.next', 'Next page')}\n        >\n          {tr('cosmicintersection.common.next', 'Next')}\n          <ChevronRight className=\"size-4\" />\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nexport default Pagination;\n"],"mappings":";;;;;;AAeA,IAAM,IAAoB;AAkB1B,SAAgB,EAAc,IAAgC,CAAC,GAAwB;CACrF,IAAM,EAAE,cAAW,GAAmB,gBAAa,GAC7C,CAAC,GAAQ,KAAa,EAAS,CAAC,GAIhC,CAAC,GAAc,KAAmB,EAAS,CAAQ;CAQzD,OAPI,MAAiB,MACnB,EAAgB,CAAQ,GACpB,MAAW,KACb,EAAU,CAAC,IAIR;EACL,OAAO;EACP;EACA,MAAM,KAAK,MAAM,IAAS,KAAK,IAAI,GAAG,CAAQ,CAAC,IAAI;EACnD,gBAAgB,GAAW,MAAY,IAAU,CAAQ;EACzD,gBAAgB,GAAW,MAAY,KAAK,IAAI,GAAG,IAAU,CAAQ,CAAC;EACtE,aAAa,EAAU,CAAC;CAC1B;AACF;AAiBA,SAAgB,EAAW,EACzB,WACA,UACA,gBACA,YACA,WACA,WACA,eAAY,SACZ,aAAU,IACV,gBACkB;CAClB,IAAM,IAAK,EAAM;CAEjB,IAAI,MAAW,KAAK,CAAC,KAAW,MAAgB,GAC9C,OAAO;CAGT,IAAM,IAAa,MAAgB,IAAI,IAAI,IAAS,GAC9C,IAAW,IAAS,GACpB,IAAU,IAAS,GACnB,IAAU,GACV,IAAO,KAAK,MAAM,IAAS,KAAK,IAAI,GAAG,CAAK,CAAC,IAAI;CAEvD,OACE,kBAAC,OAAD;EACE,WAAW,0DAA0D,KAAa;EAClF,MAAK;EACL,cAAW;YAHb,CAKE,kBAAC,KAAD;GAAG,WAAU;aACV,EAAG,4CAA4C,yCAAyC;IAAE,MAAM;IAAY,IAAI;IAAU;GAAU,CAAC;EACrI,CAAA,GACH,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,QAAD;KAAM,WAAU;eAAhB;MACG,EAAG,kCAAkC,MAAM;MAAE;MAAE;KAC5C;;IACN,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,SAAS;KACT,UAAU,CAAC,KAAW;KACtB,cAAY,EAAG,kCAAkC,eAAe;eALlE,CAOE,kBAAC,GAAD,EAAa,WAAU,SAAU,CAAA,GAChC,EAAG,kCAAkC,MAAM,CACtC;;IACR,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,SAAS;KACT,UAAU,CAAC,KAAW;KACtB,cAAY,EAAG,kCAAkC,WAAW;eAL9D,CAOG,EAAG,kCAAkC,MAAM,GAC5C,kBAAC,GAAD,EAAc,WAAU,SAAU,CAAA,CAC5B;;GACL;IACF;;AAET"}

package/dist/cosmicintersection/components/StatusBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/cosmicintersection/components/StatusBadge.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAiD9E,oFAAoF;AACpF,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGrD;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,qFAAqF;IACrF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAS/E;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/cosmicintersection/components/StatusBadge.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAiD9E,oFAAoF;AACpF,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGrD;AAuBD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,qFAAqF;IACrF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAe/E;AAED,eAAe,WAAW,CAAC"}

package/dist/cosmicintersection/components/StatusBadge.js

@@ -1,12 +1,13 @@
-import { jsx as e } from "react/jsx-runtime";
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/cosmicintersection/components/StatusBadge.tsx
-var t = {
+var n = {
 	success: "bg-status-success-bg-subtle text-status-success-text border-status-success-border",
 	info: "bg-status-info-bg-subtle text-status-info-text border-status-info-border",
 	warning: "bg-status-warning-bg-subtle text-status-warning-text border-status-warning-border",
 	error: "bg-status-error-bg-subtle text-status-error-text border-status-error-border",
 	neutral: "bg-status-neutral-bg-subtle text-status-neutral-text border-status-neutral-border"
-}, n = {
+}, r = {
 	AVAILABLE: "success",
 	CONNECTED: "success",
 	SUCCEEDED: "success",
@@ -37,17 +38,37 @@ var t = {
 	DISABLED: "error",
 	ARCHIVED: "neutral"
 };
-function r(e) {
+function i(e) {
 	let t = e.replace(/_/g, " ").toLowerCase();
 	return t.charAt(0).toUpperCase() + t.slice(1);
 }
-function i({ status: i, tone: a, label: o, className: s }) {
-	return /* @__PURE__ */ e("span", {
-		className: `inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium ${t[a ?? n[i] ?? "neutral"]} ${s ?? ""}`,
-		children: o ?? r(i)
+var a = {
+	DRAFT: "cosmicintersection.status.draft",
+	ACTIVE: "cosmicintersection.status.active",
+	ARCHIVED: "cosmicintersection.status.archived",
+	ERROR: "cosmicintersection.status.error",
+	PENDING: "cosmicintersection.status.pending",
+	RUNNING: "cosmicintersection.status.running",
+	SUCCEEDED: "cosmicintersection.status.succeeded",
+	COMPLETED: "cosmicintersection.status.succeeded",
+	PUBLISHED: "cosmicintersection.status.succeeded",
+	FAILED: "cosmicintersection.status.failed",
+	CANCELLED: "cosmicintersection.status.cancelled",
+	PAUSED: "cosmicintersection.status.paused",
+	DISABLED: "cosmicintersection.status.disabled",
+	ENABLED: "cosmicintersection.status.enabled",
+	PUBLIC: "cosmicintersection.status.public",
+	PRIVATE: "cosmicintersection.status.private",
+	RESTRICTED: "cosmicintersection.status.restricted"
+};
+function o({ status: o, tone: s, label: c, className: l }) {
+	let u = e(), d = s ?? r[o] ?? "neutral", f = i(o), p = c ?? (a[o] ? u(a[o], f) : f);
+	return /* @__PURE__ */ t("span", {
+		className: `inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium ${n[d]} ${l ?? ""}`,
+		children: p
 	});
 }
 //#endregion
-export { i as default, r as formatEnumLabel };
+export { o as default, i as formatEnumLabel };
 
 //# sourceMappingURL=StatusBadge.js.map

package/dist/cosmicintersection/components/StatusBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/cosmicintersection/components/StatusBadge.tsx"],"sourcesContent":["/**\n * StatusBadge — maps the Cos* enum values to the semantic status token families.\n *\n * One badge component covers every CosmicIntersection enum (dataset/source/\n * pipeline/run/step/notebook/analysis/release/grant status, plus access level).\n * Colour comes only from the `status-{success,info,warning,error,neutral}`\n * token families — never a raw palette colour — so it renders correctly in every\n * theme.\n */\n\nexport type StatusTone = 'success' | 'info' | 'warning' | 'error' | 'neutral';\n\nconst TONE_CLASS: Record<StatusTone, string> = {\n  success: 'bg-status-success-bg-subtle text-status-success-text border-status-success-border',\n  info: 'bg-status-info-bg-subtle text-status-info-text border-status-info-border',\n  warning: 'bg-status-warning-bg-subtle text-status-warning-text border-status-warning-border',\n  error: 'bg-status-error-bg-subtle text-status-error-text border-status-error-border',\n  neutral: 'bg-status-neutral-bg-subtle text-status-neutral-text border-status-neutral-border',\n};\n\n// Every Cos* enum value → tone. Values are unique enough across enums that a\n// single map is unambiguous; unknown values fall back to neutral.\nconst STATUS_TONE: Record<string, StatusTone> = {\n  // healthy / terminal-good\n  AVAILABLE: 'success',\n  CONNECTED: 'success',\n  SUCCEEDED: 'success',\n  COMPLETED: 'success',\n  PUBLISHED: 'success',\n  ACTIVE: 'success',\n  PUBLIC: 'success',\n  // in-flight / attention\n  INGESTING: 'warning',\n  SYNCING: 'warning',\n  RUNNING: 'warning',\n  DEGRADED: 'warning',\n  PAUSED: 'warning',\n  DEPRECATED: 'warning',\n  EXPIRED: 'warning',\n  EMBARGOED: 'warning',\n  RESTRICTED: 'warning',\n  UNDER_REVIEW: 'warning',\n  // queued / neutral-info\n  DRAFT: 'info',\n  CONFIGURING: 'info',\n  QUEUED: 'info',\n  PENDING: 'info',\n  WORKSPACE: 'info',\n  // failed / removed\n  ERROR: 'error',\n  FAILED: 'error',\n  CANCELLED: 'error',\n  RETRACTED: 'error',\n  REVOKED: 'error',\n  DISABLED: 'error',\n  // archived / inert\n  ARCHIVED: 'neutral',\n};\n\n/** Turn an ENUM_VALUE into a human label, e.g. GROUND_SENSOR -> \"Ground sensor\". */\nexport function formatEnumLabel(value: string): string {\n  const lower = value.replace(/_/g, ' ').toLowerCase();\n  return lower.charAt(0).toUpperCase() + lower.slice(1);\n}\n\nexport interface StatusBadgeProps {\n  status: string;\n  /** Override the derived tone (e.g. to force a colour for a domain-specific case). */\n  tone?: StatusTone;\n  /** Override the rendered label; defaults to a title-cased enum value. */\n  label?: string;\n  className?: string;\n}\n\nexport function StatusBadge({ status, tone, label, className }: StatusBadgeProps) {\n  const resolvedTone: StatusTone = tone ?? STATUS_TONE[status] ?? 'neutral';\n  return (\n    <span\n      className={`inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium ${TONE_CLASS[resolvedTone]} ${className ?? ''}`}\n    >\n      {label ?? formatEnumLabel(status)}\n    </span>\n  );\n}\n\nexport default StatusBadge;\n"],"mappings":";;AAYA,IAAM,IAAyC;CAC7C,SAAS;CACT,MAAM;CACN,SAAS;CACT,OAAO;CACP,SAAS;AACX,GAIM,IAA0C;CAE9C,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,QAAQ;CACR,QAAQ;CAER,WAAW;CACX,SAAS;CACT,SAAS;CACT,UAAU;CACV,QAAQ;CACR,YAAY;CACZ,SAAS;CACT,WAAW;CACX,YAAY;CACZ,cAAc;CAEd,OAAO;CACP,aAAa;CACb,QAAQ;CACR,SAAS;CACT,WAAW;CAEX,OAAO;CACP,QAAQ;CACR,WAAW;CACX,WAAW;CACX,SAAS;CACT,UAAU;CAEV,UAAU;AACZ;AAGA,SAAgB,EAAgB,GAAuB;CACrD,IAAM,IAAQ,EAAM,QAAQ,MAAM,GAAG,EAAE,YAAY;CACnD,OAAO,EAAM,OAAO,CAAC,EAAE,YAAY,IAAI,EAAM,MAAM,CAAC;AACtD;AAWA,SAAgB,EAAY,EAAE,WAAQ,SAAM,UAAO,gBAA+B;CAEhF,OACE,kBAAC,QAAD;EACE,WAAW,sFAAsF,EAHpE,KAAQ,EAAY,MAAW,WAG8D,GAAG,KAAa;YAEzI,KAAS,EAAgB,CAAM;CAC5B,CAAA;AAEV"}
+{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/cosmicintersection/components/StatusBadge.tsx"],"sourcesContent":["import { useTr } from '../../shared/hooks/useTr';\n\n/**\n * StatusBadge — maps the Cos* enum values to the semantic status token families.\n *\n * One badge component covers every CosmicIntersection enum (dataset/source/\n * pipeline/run/step/notebook/analysis/release/grant status, plus access level).\n * Colour comes only from the `status-{success,info,warning,error,neutral}`\n * token families — never a raw palette colour — so it renders correctly in every\n * theme.\n */\n\nexport type StatusTone = 'success' | 'info' | 'warning' | 'error' | 'neutral';\n\nconst TONE_CLASS: Record<StatusTone, string> = {\n  success: 'bg-status-success-bg-subtle text-status-success-text border-status-success-border',\n  info: 'bg-status-info-bg-subtle text-status-info-text border-status-info-border',\n  warning: 'bg-status-warning-bg-subtle text-status-warning-text border-status-warning-border',\n  error: 'bg-status-error-bg-subtle text-status-error-text border-status-error-border',\n  neutral: 'bg-status-neutral-bg-subtle text-status-neutral-text border-status-neutral-border',\n};\n\n// Every Cos* enum value → tone. Values are unique enough across enums that a\n// single map is unambiguous; unknown values fall back to neutral.\nconst STATUS_TONE: Record<string, StatusTone> = {\n  // healthy / terminal-good\n  AVAILABLE: 'success',\n  CONNECTED: 'success',\n  SUCCEEDED: 'success',\n  COMPLETED: 'success',\n  PUBLISHED: 'success',\n  ACTIVE: 'success',\n  PUBLIC: 'success',\n  // in-flight / attention\n  INGESTING: 'warning',\n  SYNCING: 'warning',\n  RUNNING: 'warning',\n  DEGRADED: 'warning',\n  PAUSED: 'warning',\n  DEPRECATED: 'warning',\n  EXPIRED: 'warning',\n  EMBARGOED: 'warning',\n  RESTRICTED: 'warning',\n  UNDER_REVIEW: 'warning',\n  // queued / neutral-info\n  DRAFT: 'info',\n  CONFIGURING: 'info',\n  QUEUED: 'info',\n  PENDING: 'info',\n  WORKSPACE: 'info',\n  // failed / removed\n  ERROR: 'error',\n  FAILED: 'error',\n  CANCELLED: 'error',\n  RETRACTED: 'error',\n  REVOKED: 'error',\n  DISABLED: 'error',\n  // archived / inert\n  ARCHIVED: 'neutral',\n};\n\n/** Turn an ENUM_VALUE into a human label, e.g. GROUND_SENSOR -> \"Ground sensor\". */\nexport function formatEnumLabel(value: string): string {\n  const lower = value.replace(/_/g, ' ').toLowerCase();\n  return lower.charAt(0).toUpperCase() + lower.slice(1);\n}\n\n/** Known Cos* enum values → translation keys under `cosmicintersection.status`. */\nconst STATUS_LABEL_KEYS: Record<string, string> = {\n  DRAFT: 'cosmicintersection.status.draft',\n  ACTIVE: 'cosmicintersection.status.active',\n  ARCHIVED: 'cosmicintersection.status.archived',\n  ERROR: 'cosmicintersection.status.error',\n  PENDING: 'cosmicintersection.status.pending',\n  RUNNING: 'cosmicintersection.status.running',\n  SUCCEEDED: 'cosmicintersection.status.succeeded',\n  COMPLETED: 'cosmicintersection.status.succeeded',\n  PUBLISHED: 'cosmicintersection.status.succeeded',\n  FAILED: 'cosmicintersection.status.failed',\n  CANCELLED: 'cosmicintersection.status.cancelled',\n  PAUSED: 'cosmicintersection.status.paused',\n  DISABLED: 'cosmicintersection.status.disabled',\n  ENABLED: 'cosmicintersection.status.enabled',\n  PUBLIC: 'cosmicintersection.status.public',\n  PRIVATE: 'cosmicintersection.status.private',\n  RESTRICTED: 'cosmicintersection.status.restricted',\n};\n\nexport interface StatusBadgeProps {\n  status: string;\n  /** Override the derived tone (e.g. to force a colour for a domain-specific case). */\n  tone?: StatusTone;\n  /** Override the rendered label; defaults to a title-cased enum value. */\n  label?: string;\n  className?: string;\n}\n\nexport function StatusBadge({ status, tone, label, className }: StatusBadgeProps) {\n  const tr = useTr();\n  const resolvedTone: StatusTone = tone ?? STATUS_TONE[status] ?? 'neutral';\n  const fallbackLabel = formatEnumLabel(status);\n  const translatedLabel = label ??\n    (STATUS_LABEL_KEYS[status]\n      ? tr(STATUS_LABEL_KEYS[status], fallbackLabel)\n      : fallbackLabel);\n  return (\n    <span\n      className={`inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs font-medium ${TONE_CLASS[resolvedTone]} ${className ?? ''}`}\n    >\n      {translatedLabel}\n    </span>\n  );\n}\n\nexport default StatusBadge;\n"],"mappings":";;;AAcA,IAAM,IAAyC;CAC7C,SAAS;CACT,MAAM;CACN,SAAS;CACT,OAAO;CACP,SAAS;AACX,GAIM,IAA0C;CAE9C,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,QAAQ;CACR,QAAQ;CAER,WAAW;CACX,SAAS;CACT,SAAS;CACT,UAAU;CACV,QAAQ;CACR,YAAY;CACZ,SAAS;CACT,WAAW;CACX,YAAY;CACZ,cAAc;CAEd,OAAO;CACP,aAAa;CACb,QAAQ;CACR,SAAS;CACT,WAAW;CAEX,OAAO;CACP,QAAQ;CACR,WAAW;CACX,WAAW;CACX,SAAS;CACT,UAAU;CAEV,UAAU;AACZ;AAGA,SAAgB,EAAgB,GAAuB;CACrD,IAAM,IAAQ,EAAM,QAAQ,MAAM,GAAG,EAAE,YAAY;CACnD,OAAO,EAAM,OAAO,CAAC,EAAE,YAAY,IAAI,EAAM,MAAM,CAAC;AACtD;AAGA,IAAM,IAA4C;CAChD,OAAO;CACP,QAAQ;CACR,UAAU;CACV,OAAO;CACP,SAAS;CACT,SAAS;CACT,WAAW;CACX,WAAW;CACX,WAAW;CACX,QAAQ;CACR,WAAW;CACX,QAAQ;CACR,UAAU;CACV,SAAS;CACT,QAAQ;CACR,SAAS;CACT,YAAY;AACd;AAWA,SAAgB,EAAY,EAAE,WAAQ,SAAM,UAAO,gBAA+B;CAChF,IAAM,IAAK,EAAM,GACX,IAA2B,KAAQ,EAAY,MAAW,WAC1D,IAAgB,EAAgB,CAAM,GACtC,IAAkB,MACrB,EAAkB,KACf,EAAG,EAAkB,IAAS,CAAa,IAC3C;CACN,OACE,kBAAC,QAAD;EACE,WAAW,sFAAsF,EAAW,GAAc,GAAG,KAAa;YAEzI;CACG,CAAA;AAEV"}

package/dist/cosmicintersection/components/StepDAG.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepDAG.d.ts","sourceRoot":"","sources":["../../../src/cosmicintersection/components/StepDAG.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAGlE,MAAM,WAAW,WAAW;IAC1B,qFAAqF;IACrF,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,EAAE,WAAW,CAAC;IAClB,yDAAyD;IACzD,MAAM,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2GD;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,YAAY,kDAkBzD;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"StepDAG.d.ts","sourceRoot":"","sources":["../../../src/cosmicintersection/components/StepDAG.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAGlE,MAAM,WAAW,WAAW;IAC1B,qFAAqF;IACrF,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,EAAE,WAAW,CAAC;IAClB,yDAAyD;IACzD,MAAM,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoHD;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,YAAY,kDAkBzD;AAED,eAAe,OAAO,CAAC"}

package/dist/cosmicintersection/components/StepDAG.js

@@ -1,20 +1,24 @@
 import { formatEnumLabel as e } from "./StatusBadge.js";
 import { Fragment as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Bell as i, Database as a, Gauge as o, Shuffle as s, SlidersHorizontal as c, Upload as l } from "lucide-react";
+import { Bell as i, Boxes as a, Calculator as o, Database as s, Gauge as c, Globe2 as l, Grid3x3 as u, Shuffle as d, SlidersHorizontal as f, Upload as p } from "lucide-react";
 //#region src/cosmicintersection/components/StepDAG.tsx
-var u = {
-	INGEST: { icon: a },
-	CALIBRATE: { icon: c },
-	TRANSFORM: { icon: s },
-	ANALYZE: { icon: o },
-	EXPORT: { icon: l },
-	NOTIFY: { icon: i }
-}, d = {
+var m = {
+	INGEST: { icon: s },
+	CALIBRATE: { icon: f },
+	TRANSFORM: { icon: d },
+	ANALYZE: { icon: c },
+	EXPORT: { icon: p },
+	NOTIFY: { icon: i },
+	RASTER_CALC: { icon: o },
+	REPROJECT: { icon: l },
+	TILE: { icon: u },
+	ZONAL_STATS: { icon: a }
+}, h = { icon: a }, g = {
 	border: "border-border-default",
 	icon: "bg-bg-sunken text-text-secondary",
 	ring: ""
-}, f = {
+}, _ = {
 	SUCCEEDED: {
 		border: "border-status-success-border",
 		icon: "bg-status-success-bg-subtle text-status-success-text",
@@ -35,9 +39,9 @@ var u = {
 		icon: "bg-status-info-bg-subtle text-status-info-text",
 		ring: ""
 	},
-	CANCELLED: d
+	CANCELLED: g
 };
-function p() {
+function v() {
 	return /* @__PURE__ */ n("span", {
 		"aria-hidden": "true",
 		className: "flex shrink-0 items-center justify-center text-border-strong",
@@ -58,8 +62,8 @@ function p() {
 		})
 	});
 }
-function m({ step: t, index: i }) {
-	let a = u[t.kind].icon, o = t.status && f[t.status] || d, s = e(t.kind), c = !!(t.name && t.name.trim() && t.name.trim().toLowerCase() !== s.toLowerCase());
+function y({ step: t, index: i }) {
+	let a = (m[t.kind] ?? h).icon, o = t.status && _[t.status] || g, s = e(t.kind), c = !!(t.name && t.name.trim() && t.name.trim().toLowerCase() !== s.toLowerCase());
 	return /* @__PURE__ */ r("div", {
 		role: "listitem",
 		className: `flex w-full items-center gap-3 rounded-card border bg-bg-elevated px-3.5 py-3 md:w-auto md:min-w-[8.5rem] ${o.border} ${o.ring}`,
@@ -87,18 +91,18 @@ function m({ step: t, index: i }) {
 		})]
 	});
 }
-function h({ steps: e, className: i }) {
+function b({ steps: e, className: i }) {
 	return e.length === 0 ? null : /* @__PURE__ */ n("div", {
 		role: "list",
 		"aria-label": "Pipeline step flow",
 		className: `flex flex-col items-stretch gap-2 md:flex-row md:flex-wrap md:items-center ${i ?? ""}`,
-		children: e.map((i, a) => /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(m, {
+		children: e.map((i, a) => /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(y, {
 			step: i,
 			index: a
-		}), a < e.length - 1 ? /* @__PURE__ */ n(p, {}) : null] }, `${i.kind}-${a}`))
+		}), a < e.length - 1 ? /* @__PURE__ */ n(v, {}) : null] }, `${i.kind}-${a}`))
 	});
 }
 //#endregion
-export { h as default };
+export { b as default };
 
 //# sourceMappingURL=StepDAG.js.map

package/dist/cosmicintersection/components/StepDAG.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepDAG.js","names":[],"sources":["../../../src/cosmicintersection/components/StepDAG.tsx"],"sourcesContent":["/**\n * StepDAG — a lightweight, dependency-free step-flow visualization.\n *\n * Renders an ordered list of pipeline steps as connected rounded nodes: each\n * node shows a per-kind icon + label (and an optional custom step name), and an\n * optional run status tint. Nodes are joined by custom inline-SVG arrow\n * connectors — horizontal on md+ screens, vertical (stacked) on small screens\n * so it never forces a horizontal-scroll.\n *\n * Colour comes only from the semantic token families (bg-bg-*, text-text-*,\n * border-border-*, status-*) — never a raw palette colour — matching mockups\n * 11 & 14.\n */\nimport { Fragment } from 'react';\nimport type { LucideIcon } from 'lucide-react';\nimport { Bell, Database, Gauge, Shuffle, SlidersHorizontal, Upload } from 'lucide-react';\n\nimport type { CosRunStatus, CosStepKind } from '../api/cosmicApi';\nimport { formatEnumLabel } from './StatusBadge';\n\nexport interface StepDAGStep {\n  /** Optional human-authored step name; shown under the kind label when it differs. */\n  name?: string | null;\n  kind: CosStepKind;\n  /** Optional run status — tints the node when present. */\n  status?: CosRunStatus | null;\n}\n\nexport interface StepDAGProps {\n  steps: StepDAGStep[];\n  className?: string;\n}\n\nconst KIND_META: Record<CosStepKind, { icon: LucideIcon }> = {\n  INGEST: { icon: Database },\n  CALIBRATE: { icon: SlidersHorizontal },\n  TRANSFORM: { icon: Shuffle },\n  ANALYZE: { icon: Gauge },\n  EXPORT: { icon: Upload },\n  NOTIFY: { icon: Bell },\n};\n\ninterface Accent {\n  /** Node border. */\n  border: string;\n  /** Icon chip background + text. */\n  icon: string;\n  /** Optional focus ring (used to flag an in-flight node). */\n  ring: string;\n}\n\nconst DEFAULT_ACCENT: Accent = {\n  border: 'border-border-default',\n  icon: 'bg-bg-sunken text-text-secondary',\n  ring: '',\n};\n\nconst STATUS_ACCENT: Partial<Record<CosRunStatus, Accent>> = {\n  SUCCEEDED: {\n    border: 'border-status-success-border',\n    icon: 'bg-status-success-bg-subtle text-status-success-text',\n    ring: '',\n  },\n  RUNNING: {\n    border: 'border-status-warning-border',\n    icon: 'bg-status-warning-bg-subtle text-status-warning-text',\n    ring: 'ring-2 ring-status-warning-border',\n  },\n  FAILED: {\n    border: 'border-status-error-border',\n    icon: 'bg-status-error-bg-subtle text-status-error-text',\n    ring: '',\n  },\n  QUEUED: {\n    border: 'border-status-info-border',\n    icon: 'bg-status-info-bg-subtle text-status-info-text',\n    ring: '',\n  },\n  CANCELLED: DEFAULT_ACCENT,\n};\n\n/** Custom inline-SVG connector: a line + arrowhead. Points right on md+, down below. */\nfunction StepConnector() {\n  return (\n    <span\n      aria-hidden=\"true\"\n      className=\"flex shrink-0 items-center justify-center text-border-strong\"\n    >\n      <svg\n        viewBox=\"0 0 40 12\"\n        className=\"h-4 w-6 rotate-90 md:h-3 md:w-9 md:rotate-0\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth={1.75}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      >\n        <line x1=\"2\" y1=\"6\" x2=\"33\" y2=\"6\" />\n        <path d=\"M28 2 L34 6 L28 10\" />\n      </svg>\n    </span>\n  );\n}\n\nfunction StepNode({ step, index }: { step: StepDAGStep; index: number }) {\n  const meta = KIND_META[step.kind];\n  const Icon = meta.icon;\n  const accent = (step.status && STATUS_ACCENT[step.status]) || DEFAULT_ACCENT;\n  const label = formatEnumLabel(step.kind);\n  const showName = Boolean(\n    step.name && step.name.trim() && step.name.trim().toLowerCase() !== label.toLowerCase()\n  );\n\n  return (\n    <div\n      role=\"listitem\"\n      className={`flex w-full items-center gap-3 rounded-card border bg-bg-elevated px-3.5 py-3 md:w-auto md:min-w-[8.5rem] ${accent.border} ${accent.ring}`}\n    >\n      <span\n        className={`flex size-9 shrink-0 items-center justify-center rounded-lg ${accent.icon}`}\n      >\n        <Icon className=\"size-4\" aria-hidden=\"true\" />\n      </span>\n      <span className=\"flex min-w-0 flex-col\">\n        <span className=\"flex items-baseline gap-1.5\">\n          <span className=\"text-[0.65rem] font-semibold tabular-nums text-text-secondary\">\n            {index + 1}\n          </span>\n          <span className=\"truncate text-sm font-medium text-text-primary\">{label}</span>\n        </span>\n        {showName ? (\n          <span className=\"truncate text-xs text-text-secondary\">{step.name}</span>\n        ) : null}\n      </span>\n    </div>\n  );\n}\n\n/**\n * Horizontal (md+) / vertical (mobile) step-flow diagram. Presentational only —\n * callers decide where the step list comes from (pipeline definition or a run).\n */\nexport function StepDAG({ steps, className }: StepDAGProps) {\n  if (steps.length === 0) {\n    return null;\n  }\n  return (\n    <div\n      role=\"list\"\n      aria-label=\"Pipeline step flow\"\n      className={`flex flex-col items-stretch gap-2 md:flex-row md:flex-wrap md:items-center ${className ?? ''}`}\n    >\n      {steps.map((step, index) => (\n        <Fragment key={`${step.kind}-${index}`}>\n          <StepNode step={step} index={index} />\n          {index < steps.length - 1 ? <StepConnector /> : null}\n        </Fragment>\n      ))}\n    </div>\n  );\n}\n\nexport default StepDAG;\n"],"mappings":";;;;;AAiCA,IAAM,IAAuD;CAC3D,QAAQ,EAAE,MAAM,EAAS;CACzB,WAAW,EAAE,MAAM,EAAkB;CACrC,WAAW,EAAE,MAAM,EAAQ;CAC3B,SAAS,EAAE,MAAM,EAAM;CACvB,QAAQ,EAAE,MAAM,EAAO;CACvB,QAAQ,EAAE,MAAM,EAAK;AACvB,GAWM,IAAyB;CAC7B,QAAQ;CACR,MAAM;CACN,MAAM;AACR,GAEM,IAAuD;CAC3D,WAAW;EACT,QAAQ;EACR,MAAM;EACN,MAAM;CACR;CACA,SAAS;EACP,QAAQ;EACR,MAAM;EACN,MAAM;CACR;CACA,QAAQ;EACN,QAAQ;EACR,MAAM;EACN,MAAM;CACR;CACA,QAAQ;EACN,QAAQ;EACR,MAAM;EACN,MAAM;CACR;CACA,WAAW;AACb;AAGA,SAAS,IAAgB;CACvB,OACE,kBAAC,QAAD;EACE,eAAY;EACZ,WAAU;YAEV,kBAAC,OAAD;GACE,SAAQ;GACR,WAAU;GACV,MAAK;GACL,QAAO;GACP,aAAa;GACb,eAAc;GACd,gBAAe;aAPjB,CASE,kBAAC,QAAD;IAAM,IAAG;IAAI,IAAG;IAAI,IAAG;IAAK,IAAG;GAAK,CAAA,GACpC,kBAAC,QAAD,EAAM,GAAE,qBAAsB,CAAA,CAC3B;;CACD,CAAA;AAEV;AAEA,SAAS,EAAS,EAAE,SAAM,YAA+C;CAEvE,IAAM,IADO,EAAU,EAAK,MACV,MACZ,IAAU,EAAK,UAAU,EAAc,EAAK,WAAY,GACxD,IAAQ,EAAgB,EAAK,IAAI,GACjC,IAAW,GACf,EAAK,QAAQ,EAAK,KAAK,KAAK,KAAK,EAAK,KAAK,KAAK,EAAE,YAAY,MAAM,EAAM,YAAY;CAGxF,OACE,kBAAC,OAAD;EACE,MAAK;EACL,WAAW,6GAA6G,EAAO,OAAO,GAAG,EAAO;YAFlJ,CAIE,kBAAC,QAAD;GACE,WAAW,+DAA+D,EAAO;aAEjF,kBAAC,GAAD;IAAM,WAAU;IAAS,eAAY;GAAQ,CAAA;EACzC,CAAA,GACN,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACE,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,QAAD;KAAM,WAAU;eACb,IAAQ;IACL,CAAA,GACN,kBAAC,QAAD;KAAM,WAAU;eAAkD;IAAY,CAAA,CAC1E;OACL,IACC,kBAAC,QAAD;IAAM,WAAU;cAAwC,EAAK;GAAW,CAAA,IACtE,IACA;IACH;;AAET;AAMA,SAAgB,EAAQ,EAAE,UAAO,gBAA2B;CAI1D,OAHI,EAAM,WAAW,IACZ,OAGP,kBAAC,OAAD;EACE,MAAK;EACL,cAAW;EACX,WAAW,8EAA8E,KAAa;YAErG,EAAM,KAAK,GAAM,MAChB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAgB;GAAa;EAAQ,CAAA,GACpC,IAAQ,EAAM,SAAS,IAAI,kBAAC,GAAD,CAAgB,CAAA,IAAI,IACxC,EAAA,GAHK,GAAG,EAAK,KAAK,GAAG,GAGrB,CACX;CACE,CAAA;AAET"}
+{"version":3,"file":"StepDAG.js","names":[],"sources":["../../../src/cosmicintersection/components/StepDAG.tsx"],"sourcesContent":["/**\n * StepDAG — a lightweight, dependency-free step-flow visualization.\n *\n * Renders an ordered list of pipeline steps as connected rounded nodes: each\n * node shows a per-kind icon + label (and an optional custom step name), and an\n * optional run status tint. Nodes are joined by custom inline-SVG arrow\n * connectors — horizontal on md+ screens, vertical (stacked) on small screens\n * so it never forces a horizontal-scroll.\n *\n * Colour comes only from the semantic token families (bg-bg-*, text-text-*,\n * border-border-*, status-*) — never a raw palette colour — matching mockups\n * 11 & 14.\n */\nimport { Fragment } from 'react';\nimport type { LucideIcon } from 'lucide-react';\nimport {\n  Bell,\n  Boxes,\n  Calculator,\n  Database,\n  Gauge,\n  Globe2,\n  Grid3x3,\n  Shuffle,\n  SlidersHorizontal,\n  Upload,\n} from 'lucide-react';\n\nimport type { CosRunStatus, CosStepKind } from '../api/cosmicApi';\nimport { formatEnumLabel } from './StatusBadge';\n\nexport interface StepDAGStep {\n  /** Optional human-authored step name; shown under the kind label when it differs. */\n  name?: string | null;\n  kind: CosStepKind;\n  /** Optional run status — tints the node when present. */\n  status?: CosRunStatus | null;\n}\n\nexport interface StepDAGProps {\n  steps: StepDAGStep[];\n  className?: string;\n}\n\nconst KIND_META: Record<CosStepKind, { icon: LucideIcon }> = {\n  INGEST: { icon: Database },\n  CALIBRATE: { icon: SlidersHorizontal },\n  TRANSFORM: { icon: Shuffle },\n  ANALYZE: { icon: Gauge },\n  EXPORT: { icon: Upload },\n  NOTIFY: { icon: Bell },\n  // Geospatial kinds (BOFF-4355) — a step can already carry these, so they get\n  // a real icon rather than falling through to the generic one.\n  RASTER_CALC: { icon: Calculator },\n  REPROJECT: { icon: Globe2 },\n  TILE: { icon: Grid3x3 },\n  ZONAL_STATS: { icon: Boxes },\n};\n\n/** Guards against a kind the subgraph adds before this map catches up. */\nconst FALLBACK_KIND_META: { icon: LucideIcon } = { icon: Boxes };\n\ninterface Accent {\n  /** Node border. */\n  border: string;\n  /** Icon chip background + text. */\n  icon: string;\n  /** Optional focus ring (used to flag an in-flight node). */\n  ring: string;\n}\n\nconst DEFAULT_ACCENT: Accent = {\n  border: 'border-border-default',\n  icon: 'bg-bg-sunken text-text-secondary',\n  ring: '',\n};\n\nconst STATUS_ACCENT: Partial<Record<CosRunStatus, Accent>> = {\n  SUCCEEDED: {\n    border: 'border-status-success-border',\n    icon: 'bg-status-success-bg-subtle text-status-success-text',\n    ring: '',\n  },\n  RUNNING: {\n    border: 'border-status-warning-border',\n    icon: 'bg-status-warning-bg-subtle text-status-warning-text',\n    ring: 'ring-2 ring-status-warning-border',\n  },\n  FAILED: {\n    border: 'border-status-error-border',\n    icon: 'bg-status-error-bg-subtle text-status-error-text',\n    ring: '',\n  },\n  QUEUED: {\n    border: 'border-status-info-border',\n    icon: 'bg-status-info-bg-subtle text-status-info-text',\n    ring: '',\n  },\n  CANCELLED: DEFAULT_ACCENT,\n};\n\n/** Custom inline-SVG connector: a line + arrowhead. Points right on md+, down below. */\nfunction StepConnector() {\n  return (\n    <span\n      aria-hidden=\"true\"\n      className=\"flex shrink-0 items-center justify-center text-border-strong\"\n    >\n      <svg\n        viewBox=\"0 0 40 12\"\n        className=\"h-4 w-6 rotate-90 md:h-3 md:w-9 md:rotate-0\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth={1.75}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      >\n        <line x1=\"2\" y1=\"6\" x2=\"33\" y2=\"6\" />\n        <path d=\"M28 2 L34 6 L28 10\" />\n      </svg>\n    </span>\n  );\n}\n\nfunction StepNode({ step, index }: { step: StepDAGStep; index: number }) {\n  const meta = KIND_META[step.kind] ?? FALLBACK_KIND_META;\n  const Icon = meta.icon;\n  const accent = (step.status && STATUS_ACCENT[step.status]) || DEFAULT_ACCENT;\n  const label = formatEnumLabel(step.kind);\n  const showName = Boolean(\n    step.name && step.name.trim() && step.name.trim().toLowerCase() !== label.toLowerCase()\n  );\n\n  return (\n    <div\n      role=\"listitem\"\n      className={`flex w-full items-center gap-3 rounded-card border bg-bg-elevated px-3.5 py-3 md:w-auto md:min-w-[8.5rem] ${accent.border} ${accent.ring}`}\n    >\n      <span\n        className={`flex size-9 shrink-0 items-center justify-center rounded-lg ${accent.icon}`}\n      >\n        <Icon className=\"size-4\" aria-hidden=\"true\" />\n      </span>\n      <span className=\"flex min-w-0 flex-col\">\n        <span className=\"flex items-baseline gap-1.5\">\n          <span className=\"text-[0.65rem] font-semibold tabular-nums text-text-secondary\">\n            {index + 1}\n          </span>\n          <span className=\"truncate text-sm font-medium text-text-primary\">{label}</span>\n        </span>\n        {showName ? (\n          <span className=\"truncate text-xs text-text-secondary\">{step.name}</span>\n        ) : null}\n      </span>\n    </div>\n  );\n}\n\n/**\n * Horizontal (md+) / vertical (mobile) step-flow diagram. Presentational only —\n * callers decide where the step list comes from (pipeline definition or a run).\n */\nexport function StepDAG({ steps, className }: StepDAGProps) {\n  if (steps.length === 0) {\n    return null;\n  }\n  return (\n    <div\n      role=\"list\"\n      aria-label=\"Pipeline step flow\"\n      className={`flex flex-col items-stretch gap-2 md:flex-row md:flex-wrap md:items-center ${className ?? ''}`}\n    >\n      {steps.map((step, index) => (\n        <Fragment key={`${step.kind}-${index}`}>\n          <StepNode step={step} index={index} />\n          {index < steps.length - 1 ? <StepConnector /> : null}\n        </Fragment>\n      ))}\n    </div>\n  );\n}\n\nexport default StepDAG;\n"],"mappings":";;;;;AA4CA,IAAM,IAAuD;CAC3D,QAAQ,EAAE,MAAM,EAAS;CACzB,WAAW,EAAE,MAAM,EAAkB;CACrC,WAAW,EAAE,MAAM,EAAQ;CAC3B,SAAS,EAAE,MAAM,EAAM;CACvB,QAAQ,EAAE,MAAM,EAAO;CACvB,QAAQ,EAAE,MAAM,EAAK;CAGrB,aAAa,EAAE,MAAM,EAAW;CAChC,WAAW,EAAE,MAAM,EAAO;CAC1B,MAAM,EAAE,MAAM,EAAQ;CACtB,aAAa,EAAE,MAAM,EAAM;AAC7B,GAGM,IAA2C,EAAE,MAAM,EAAM,GAWzD,IAAyB;CAC7B,QAAQ;CACR,MAAM;CACN,MAAM;AACR,GAEM,IAAuD;CAC3D,WAAW;EACT,QAAQ;EACR,MAAM;EACN,MAAM;CACR;CACA,SAAS;EACP,QAAQ;EACR,MAAM;EACN,MAAM;CACR;CACA,QAAQ;EACN,QAAQ;EACR,MAAM;EACN,MAAM;CACR;CACA,QAAQ;EACN,QAAQ;EACR,MAAM;EACN,MAAM;CACR;CACA,WAAW;AACb;AAGA,SAAS,IAAgB;CACvB,OACE,kBAAC,QAAD;EACE,eAAY;EACZ,WAAU;YAEV,kBAAC,OAAD;GACE,SAAQ;GACR,WAAU;GACV,MAAK;GACL,QAAO;GACP,aAAa;GACb,eAAc;GACd,gBAAe;aAPjB,CASE,kBAAC,QAAD;IAAM,IAAG;IAAI,IAAG;IAAI,IAAG;IAAK,IAAG;GAAK,CAAA,GACpC,kBAAC,QAAD,EAAM,GAAE,qBAAsB,CAAA,CAC3B;;CACD,CAAA;AAEV;AAEA,SAAS,EAAS,EAAE,SAAM,YAA+C;CAEvE,IAAM,KADO,EAAU,EAAK,SAAS,GACnB,MACZ,IAAU,EAAK,UAAU,EAAc,EAAK,WAAY,GACxD,IAAQ,EAAgB,EAAK,IAAI,GACjC,IAAW,GACf,EAAK,QAAQ,EAAK,KAAK,KAAK,KAAK,EAAK,KAAK,KAAK,EAAE,YAAY,MAAM,EAAM,YAAY;CAGxF,OACE,kBAAC,OAAD;EACE,MAAK;EACL,WAAW,6GAA6G,EAAO,OAAO,GAAG,EAAO;YAFlJ,CAIE,kBAAC,QAAD;GACE,WAAW,+DAA+D,EAAO;aAEjF,kBAAC,GAAD;IAAM,WAAU;IAAS,eAAY;GAAQ,CAAA;EACzC,CAAA,GACN,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACE,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,QAAD;KAAM,WAAU;eACb,IAAQ;IACL,CAAA,GACN,kBAAC,QAAD;KAAM,WAAU;eAAkD;IAAY,CAAA,CAC1E;OACL,IACC,kBAAC,QAAD;IAAM,WAAU;cAAwC,EAAK;GAAW,CAAA,IACtE,IACA;IACH;;AAET;AAMA,SAAgB,EAAQ,EAAE,UAAO,gBAA2B;CAI1D,OAHI,EAAM,WAAW,IACZ,OAGP,kBAAC,OAAD;EACE,MAAK;EACL,cAAW;EACX,WAAW,8EAA8E,KAAa;YAErG,EAAM,KAAK,GAAM,MAChB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAgB;GAAa;EAAQ,CAAA,GACpC,IAAQ,EAAM,SAAS,IAAI,kBAAC,GAAD,CAAgB,CAAA,IAAI,IACxC,EAAA,GAHK,GAAG,EAAK,KAAK,GAAG,GAGrB,CACX;CACE,CAAA;AAET"}

package/dist/cosmicintersection/pages/access/AccessPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccessPage.d.ts","sourceRoot":"","sources":["../../../../src/cosmicintersection/pages/access/AccessPage.tsx"],"names":[],"mappings":"AAmFA,MAAM,CAAC,OAAO,UAAU,UAAU,4CA2ZjC"}
+{"version":3,"file":"AccessPage.d.ts","sourceRoot":"","sources":["../../../../src/cosmicintersection/pages/access/AccessPage.tsx"],"names":[],"mappings":"AAoFA,MAAM,CAAC,OAAO,UAAU,UAAU,4CA0ejC"}