npm - @burdenoff/microfe-assethandler - Versions diffs - 2026.1107.2 → 2026.1108.1 - Mend

@burdenoff/microfe-assethandler 2026.1107.2 → 2026.1108.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1325) hide show

package/dist/assethandler/admin/AdminRoot.js CHANGED Viewed

@@ -4,28 +4,28 @@ import { useMemo as n } from "react";
 import { ApolloClient as r, HttpLink as i, InMemoryCache as a } from "@apollo/client";
 import { ApolloProvider as o } from "@apollo/client/react";
 import { jsx as s } from "react/jsx-runtime";
-//#region src/assethandler/admin/AdminRoot.tsx
+// src/assethandler/admin/AdminRoot.tsx
 var c = ({ children: t, ...c }) => {
-	let { apiGatewayUrl: l, authToken: u, workspaceToken: d, workspaceId: f, tenantId: p } = c;
+	let { apiGatewayUrl: l, authToken: u, workspaceToken: d, workspaceId: f, tenantId: p } = c, m = n(() => new r({
+		link: new i({
+			uri: l ? `${l}/workspaces/graphql` : "/workspaces/graphql",
+			headers: {
+				...u ? { Authorization: `Bearer ${u}` } : {},
+				...d ? { "X-Workspace-Authorization": `Bearer ${d}` } : {},
+				...f ? { "x-workspace-id": f } : {},
+				...p ? { "x-tenant-id": p } : {}
+			}
+		}),
+		cache: new a()
+	}), [
+		l,
+		u,
+		d,
+		f,
+		p
+	]);
 	return /* @__PURE__ */ s(o, {
-		client: n(() => new r({
-			link: new i({
-				uri: l ? `${l}/workspaces/graphql` : "/workspaces/graphql",
-				headers: {
-					...u ? { Authorization: `Bearer ${u}` } : {},
-					...d ? { "X-Workspace-Authorization": `Bearer ${d}` } : {},
-					...f ? { "x-workspace-id": f } : {},
-					...p ? { "x-tenant-id": p } : {}
-				}
-			}),
-			cache: new a()
-		}), [
-			l,
-			u,
-			d,
-			f,
-			p
-		]),
+		client: m,
 		children: /* @__PURE__ */ s(e.Provider, {
 			value: c,
 			children: t
@@ -35,7 +35,6 @@ var c = ({ children: t, ...c }) => {
 	...e,
 	children: /* @__PURE__ */ s(t, {})
 });
-//#endregion
 export { l as AdminRoot };
 //# sourceMappingURL=AdminRoot.js.map

package/dist/assethandler/admin/AdminRoot.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AdminRoot.js","names":[],"sources":["../../../src/assethandler/admin/AdminRoot.tsx"],"sourcesContent":["/*\n AssetHandler Admin Root\n \n Host-contract entry point for the AssetHandler admin surface inside\n * `admin-app` at `/admin/assethandler` (BOFF-3362).\n \n Deliberately does NOT reuse `AssetHandlerProvider`: that provider hydrates\n * the whole product store (thirteen bootstrap queries) which an operations\n * console never needs. This provider only builds the workspace-gateway Apollo\n * client and exposes the host context to the admin page.\n */\nimport type { FC, PropsWithChildren } from 'react';\nimport { useMemo } from 'react';\nimport { ApolloClient, HttpLink, InMemoryCache } from '@apollo/client';\nimport { ApolloProvider } from '@apollo/client/react';\n\nimport { AdminContext, type AdminRootProps } from './AdminContext';\nimport { AdminPage } from './AdminPage';\n\nexport type { AdminRootProps } from './AdminContext';\n\nconst AdminProvider: FC<PropsWithChildren<AdminRootProps>> = ({ children, ...props }) => {\n const { apiGatewayUrl, authToken, workspaceToken, workspaceId, tenantId } = props;\n\n const client = useMemo(\n () =>\n new ApolloClient({\n link: new HttpLink({\n uri: apiGatewayUrl ? `${apiGatewayUrl}/workspaces/graphql` : '/workspaces/graphql',\n headers: {\n ...(authToken ? { Authorization: `Bearer ${authToken}` } : {}),\n ...(workspaceToken ? { 'X-Workspace-Authorization': `Bearer ${workspaceToken}` } : {}),\n ...(workspaceId ? { 'x-workspace-id': workspaceId } : {}),\n ...(tenantId ? { 'x-tenant-id': tenantId } : {}),\n },\n }),\n cache: new InMemoryCache(),\n }),\n [apiGatewayUrl, authToken, workspaceToken, workspaceId, tenantId]\n );\n\n // No router here on purpose: admin-app already renders this inside its own\n // <Router>, and nesting another one throws. The page needs no routing —\n // navigation to other admin surfaces goes through the host's `navigate` prop.\n return (\n <ApolloProvider client={client}>\n <AdminContext.Provider value={props}>{children}</AdminContext.Provider>\n </ApolloProvider>\n );\n};\n\nexport const AdminRoot: FC<AdminRootProps> = (props) => (\n <AdminProvider {...props}>\n <AdminPage />\n </AdminProvider>\n);\n"],"mappings":";;;;;;;AAqBA,~~IAAM~~,KAAwD,EAAE,aAAU,~~GAAG~~,QAAY;CACvF,IAAM,EAAE,kBAAe,cAAW,mBAAgB,gBAAa,~~gBAAa;CAsB5E~~,~~OACE~~,~~kBAAC~~,~~GAAD;EAAwB,QArBX,~~QAEX,~~IAAI~~,EAAa;~~GACf~~,MAAM,~~IAAI~~,EAAS;~~IACjB~~,~~KAAK~~,IAAgB,~~GAAG~~,EAAc,uBAAuB;~~IAC7D~~,SAAS;~~KACP~~,~~GAAI~~,IAAY,EAAE,eAAe,~~UAAU~~,IAAY,IAAI,CAAC;~~KAC5D~~,~~GAAI~~,IAAiB,EAAE,6BAA6B,~~UAAU~~,IAAiB,IAAI,CAAC;~~KACpF~~,~~GAAI~~,IAAc,EAAE,~~kBAAkB~~,EAAY,IAAI,CAAC;~~KACvD~~,~~GAAI~~,IAAW,EAAE,~~eAAe~~,EAAS,IAAI,CAAC;~~IAChD~~;~~GACF~~,CAAC;~~GACD~~,OAAO,~~IAAI~~,EAAc;~~EAC3B~~,CAAC,GACH;~~GAAC~~;~~GAAe~~;~~GAAW~~;~~GAAgB~~;~~GAAa~~;~~EAAQ~~,~~CAOxC~~;~~YACtB~~,~~kBAAC~~,EAAa,UAAd;GAAuB,~~OAAO~~;GAAQ;EAAgC,CAAA;CACxD,CAAA;AAEpB,~~GAEa~~,KAAiC,MAC5C,~~kBAAC~~,GAAD;CAAe,~~GAAI~~;~~WACjB~~,~~kBAAC~~,GAAD,CAAY,CAAA;AACC,CAAA"}
1	+ {"version":3,"file":"AdminRoot.js","names":["AdminProvider","props","client","useMemo","ApolloClient","HttpLink","apiGatewayUrl","authToken","workspaceToken","workspaceId","tenantId","InMemoryCache","ApolloProvider","AdminContext","AdminRoot","AdminPage"],"sources":["../../../src/assethandler/admin/AdminRoot.tsx"],"sourcesContent":["/*\n AssetHandler Admin Root\n \n Host-contract entry point for the AssetHandler admin surface inside\n * `admin-app` at `/admin/assethandler` (BOFF-3362).\n \n Deliberately does NOT reuse `AssetHandlerProvider`: that provider hydrates\n * the whole product store (thirteen bootstrap queries) which an operations\n * console never needs. This provider only builds the workspace-gateway Apollo\n * client and exposes the host context to the admin page.\n */\nimport type { FC, PropsWithChildren } from 'react';\nimport { useMemo } from 'react';\nimport { ApolloClient, HttpLink, InMemoryCache } from '@apollo/client';\nimport { ApolloProvider } from '@apollo/client/react';\n\nimport { AdminContext, type AdminRootProps } from './AdminContext';\nimport { AdminPage } from './AdminPage';\n\nexport type { AdminRootProps } from './AdminContext';\n\nconst AdminProvider: FC<PropsWithChildren<AdminRootProps>> = ({ children, ...props }) => {\n const { apiGatewayUrl, authToken, workspaceToken, workspaceId, tenantId } = props;\n\n const client = useMemo(\n () =>\n new ApolloClient({\n link: new HttpLink({\n uri: apiGatewayUrl ? `${apiGatewayUrl}/workspaces/graphql` : '/workspaces/graphql',\n headers: {\n ...(authToken ? { Authorization: `Bearer ${authToken}` } : {}),\n ...(workspaceToken ? { 'X-Workspace-Authorization': `Bearer ${workspaceToken}` } : {}),\n ...(workspaceId ? { 'x-workspace-id': workspaceId } : {}),\n ...(tenantId ? { 'x-tenant-id': tenantId } : {}),\n },\n }),\n cache: new InMemoryCache(),\n }),\n [apiGatewayUrl, authToken, workspaceToken, workspaceId, tenantId]\n );\n\n // No router here on purpose: admin-app already renders this inside its own\n // <Router>, and nesting another one throws. The page needs no routing —\n // navigation to other admin surfaces goes through the host's `navigate` prop.\n return (\n <ApolloProvider client={client}>\n <AdminContext.Provider value={props}>{children}</AdminContext.Provider>\n </ApolloProvider>\n );\n};\n\nexport const AdminRoot: FC<AdminRootProps> = (props) => (\n <AdminProvider {...props}>\n <AdminPage />\n </AdminProvider>\n);\n"],"mappings":";;;;;;;AAqBA,IAAMA,KAAwD,EAAE,aAAU,GAAGC,QAAY;CACvF,IAAM,EAAE,kBAAe,cAAW,mBAAgB,gBAAa,gBAAaA,GAEtEC,IAASC,QAEX,IAAIC,EAAa;EACf,MAAM,IAAIC,EAAS;GACjB,KAAKC,IAAgB,GAAGA,EAAc,uBAAuB;GAC7D,SAAS;IACP,GAAIC,IAAY,EAAE,eAAe,UAAUA,IAAY,IAAI,CAAC;IAC5D,GAAIC,IAAiB,EAAE,6BAA6B,UAAUA,IAAiB,IAAI,CAAC;IACpF,GAAIC,IAAc,EAAE,kBAAkBA,EAAY,IAAI,CAAC;IACvD,GAAIC,IAAW,EAAE,eAAeA,EAAS,IAAI,CAAC;GAChD;EACF,CAAC;EACD,OAAO,IAAIC,EAAc;CAC3B,CAAC,GACH;EAACL;EAAeC;EAAWC;EAAgBC;EAAaC;CAAQ,CAClE;CAKA,OACE,kBAACE,GAAD;EAAwB;EACtB,UAAA,kBAACC,EAAa,UAAd;GAAuB,OAAOZ;GAAQ;EAAgC,CAAA;CACxD,CAAA;AAEpB,GAEaa,KAAiC,MAC5C,kBAACd,GAAD;CAAe,GAAIC;CACjB,UAAA,kBAACc,GAAD,CAAY,CAAA;AACC,CAAA"}

package/dist/assethandler/admin/adminOperations.d.ts CHANGED Viewed

@@ -72,4 +72,3 @@ export interface QuotaSummary {
  * order; anything else follows alphabetically.
  */
 export declare function summarizeQuotas(assignments: readonly AdminQuotaAssignment[]): QuotaSummary[];
-//# sourceMappingURL=adminOperations.d.ts.map

package/dist/assethandler/admin/adminOperations.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { gql as e } from "@apollo/client";
-//#region src/assethandler/admin/adminOperations.ts
+// src/assethandler/admin/adminOperations.ts
 var t = e`
   query AssetHandlerAdminWorkspaceState($workspaceId: ID!) {
     assetHandlerAdminWorkspaceState(workspaceId: $workspaceId) {
@@ -112,7 +112,6 @@ function c(e) {
 		};
 	});
 }
-//#endregion
-export { n as ADMIN_FEATURE_FLAGS, r as ADMIN_QUOTA_OVERVIEW, t as ADMIN_WORKSPACE_STATE, a as REMOVE_FEATURE_FLAG_OVERRIDE, i as SET_FEATURE_FLAG_OVERRIDE, c as summarizeQuotas };
+export { n as ADMIN_FEATURE_FLAGS, r as ADMIN_QUOTA_OVERVIEW, t as ADMIN_WORKSPACE_STATE, o as ASSETHANDLER_QUOTAS, a as REMOVE_FEATURE_FLAG_OVERRIDE, i as SET_FEATURE_FLAG_OVERRIDE, s as quotaLabel, c as summarizeQuotas };
 //# sourceMappingURL=adminOperations.js.map

package/dist/assethandler/admin/adminOperations.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"adminOperations.js","names":[],"sources":["../../../src/assethandler/admin/adminOperations.ts"],"sourcesContent":["/*\n GraphQL operations for the AssetHandler admin surface (BOFF-3362).\n \n Served by `wspace-assethandler-svc`'s admin module (super-admin only).\n * Typed locally rather than through codegen so this surface does not depend on\n * the composed supergraph snapshot being refreshed first.\n /\nimport { gql } from '@apollo/client';\n\nexport const ADMIN_WORKSPACE_STATE = gql`\n query AssetHandlerAdminWorkspaceState($workspaceId: ID!) {\n assetHandlerAdminWorkspaceState(workspaceId: $workspaceId) {\n workspaceId\n assetCount\n openIncidentCount\n openWorkOrderCount\n maintenancePlanCount\n discoveryJobCount\n generatedAt\n }\n }\n`;\n\nexport const ADMIN_FEATURE_FLAGS = gql`\n query AssetHandlerFeatureFlags($workspaceId: ID!) {\n assetHandlerFeatureFlags(workspaceId: $workspaceId) {\n workspaceId\n items {\n key\n defaultValue\n value\n category\n }\n }\n }\n`;\n\nexport const ADMIN_QUOTA_OVERVIEW = gql`\n query AssetHandlerWorkspaceQuotaOverview($workspaceId: ID!) {\n assetHandlerWorkspaceQuotaOverview(workspaceId: $workspaceId) {\n workspaceId\n assignments {\n id\n quotaName\n productId\n limit\n used\n noLimit\n resetPeriod\n isActive\n updatedAt\n }\n }\n }\n`;\n\nexport const SET_FEATURE_FLAG_OVERRIDE = gql`\n mutation SetAssetHandlerFeatureFlagOverride($input: SetAssetHandlerFeatureFlagOverrideInput!) {\n setAssetHandlerFeatureFlagOverride(input: $input) {\n id\n featureFlagId\n workspaceId\n enabled\n allowUserOptIn\n }\n }\n`;\n\nexport const REMOVE_FEATURE_FLAG_OVERRIDE = gql`\n mutation RemoveAssetHandlerFeatureFlagOverride($workspaceId: ID!, $key: String!) {\n removeAssetHandlerFeatureFlagOverride(workspaceId: $workspaceId, key: $key)\n }\n`;\n\nexport interface AdminWorkspaceState {\n workspaceId: string;\n assetCount: number;\n openIncidentCount: number;\n openWorkOrderCount: number;\n maintenancePlanCount: number;\n discoveryJobCount: number;\n generatedAt: string;\n}\n\nexport interface AdminFeatureFlag {\n key: string;\n defaultValue: boolean;\n value: boolean;\n category: string;\n}\n\nexport interface AdminQuotaAssignment {\n id: string;\n quotaName: string;\n productId: string;\n limit: number \| null;\n used: number;\n noLimit: boolean;\n resetPeriod: string;\n isActive: boolean;\n updatedAt: string;\n}\n\nexport interface AdminWorkspaceStateData {\n assetHandlerAdminWorkspaceState: AdminWorkspaceState;\n}\n\nexport interface AdminFeatureFlagsData {\n assetHandlerFeatureFlags: { workspaceId: string; items: AdminFeatureFlag[] };\n}\n\nexport interface AdminQuotaOverviewData {\n assetHandlerWorkspaceQuotaOverview: {\n workspaceId: string;\n assignments: AdminQuotaAssignment[];\n };\n}\n\n/* Quotas AssetHandler enforces, with admin-facing labels. /\nexport const ASSETHANDLER_QUOTAS: ReadonlyArray<{ name: string; label: string }> = [\n { name: 'assethandler.assets.count', label: 'Active assets (asset limit)' },\n { name: 'assethandler.work_orders.open', label: 'Open work orders' },\n { name: 'assethandler.cmdb.configuration_items', label: 'CMDB configuration items' },\n { name: 'assethandler.discovery.jobs.monthly', label: 'Discovery jobs / month' },\n { name: 'assethandler.incidents.monthly', label: 'Incidents / month' },\n { name: 'assethandler.maintenance_records.monthly', label: 'Maintenance records / month' },\n { name: 'assethandler.knowledge_articles.monthly', label: 'Knowledge articles / month' },\n { name: 'assethandler.esg_metrics.monthly', label: 'ESG metrics / month' },\n];\n\n/* Human label for a quota name; falls back to the raw name for unknown ones. /\nexport function quotaLabel(name: string): string {\n return ASSETHANDLER_QUOTAS.find((quota) => quota.name === name)?.label ?? name;\n}\n\n/* One line per quota: every active plan row for that quota folded together. /\nexport interface QuotaSummary {\n quotaName: string;\n label: string;\n /* Effective limit; `null` when the quota is unlimited. /\n limit: number \| null;\n unlimited: boolean;\n used: number;\n resetPeriod: string;\n}\n\n/\n Fold a workspace's active quota assignments into one line per quota.\n \n A workspace can hold several active assignments for the same quota (one per\n * subscription). The quota service enforces their combined total: the limits\n * add up, and any unlimited assignment makes the whole quota unlimited. This\n * mirrors that rule so the admin sees the limit that is actually enforced, not\n * a row per subscription. Quotas AssetHandler knows come first, in a stable\n * order; anything else follows alphabetically.\n */\nexport function summarizeQuotas(assignments: readonly AdminQuotaAssignment[]): QuotaSummary[] {\n const byQuota = new Map<string, AdminQuotaAssignment[]>();\n for (const assignment of assignments) {\n if (!assignment.isActive) continue;\n const rows = byQuota.get(assignment.quotaName);\n if (rows) rows.push(assignment);\n else byQuota.set(assignment.quotaName, [assignment]);\n }\n\n const known = ASSETHANDLER_QUOTAS.map((quota) => quota.name);\n const names = [\n ...known.filter((name) => byQuota.has(name)),\n ...[...byQuota.keys()].filter((name) => !known.includes(name)).sort(),\n ];\n\n return names.map((quotaName) => {\n const rows = byQuota.get(quotaName) ?? [];\n const unlimited = rows.some((row) => row.noLimit \|\| row.limit === null);\n return {\n quotaName,\n label: quotaLabel(quotaName),\n limit: unlimited ? null : rows.reduce((sum, row) => sum + (row.limit ?? 0), 0),\n unlimited,\n used: rows.reduce((sum, row) => sum + row.used, 0),\n resetPeriod: [...new Set(rows.map((row) => row.resetPeriod))].join(' / '),\n };\n });\n}\n"],"mappings":";;AASA,~~IAAa~~,IAAwB,CAAG;;;;;;;;;;;;~~GAc3B~~,IAAsB,CAAG;;;;;;;;;;;;~~GAczB~~,IAAuB,CAAG;;;;;;;;;;;;;;;;;~~GAmB1B~~,IAA4B,CAAG;;;;;;;;;;GAY/B,IAA+B,CAAG;;;;~~GAmDlC~~,IAAsE;CACjF;EAAE,MAAM;EAA6B,OAAO;CAA8B;CAC1E;EAAE,MAAM;EAAiC,OAAO;CAAmB;CACnE;EAAE,MAAM;EAAyC,OAAO;CAA2B;CACnF;EAAE,MAAM;EAAuC,OAAO;CAAyB;CAC/E;EAAE,MAAM;EAAkC,OAAO;CAAoB;CACrE;EAAE,MAAM;EAA4C,OAAO;CAA8B;CACzF;EAAE,MAAM;EAA2C,OAAO;CAA6B;CACvF;EAAE,MAAM;EAAoC,OAAO;CAAsB;AAC3E;AAGA,~~SAAgB~~,EAAW,GAAsB;CAC/C,~~OAAO~~,EAAoB,MAAM,~~MAAU~~,EAAM,~~SAAS~~,CAAI,~~GAAG~~,~~SAAS~~;AAC5E;AAuBA,~~SAAgB~~,EAAgB,GAA8D;CAC5F,~~IAAM~~,oBAAU,IAAI,IAAoC;CACxD,KAAK,~~IAAM~~,~~KAAc~~,GAAa;EACpC,IAAI,~~CAAC~~,EAAW,UAAU;EAC1B,~~IAAM~~,~~IAAO~~,EAAQ,~~IAAI~~,EAAW,SAAS;EAC7C,~~AAAI~~,~~IAAM~~,EAAK,~~KAAK~~,CAAU,~~IACzB~~,EAAQ,~~IAAI~~,EAAW,WAAW,~~CAAC~~,CAAU,CAAC;CACrD;CAEA,~~IAAM~~,~~IAAQ~~,EAAoB,KAAK,~~MAAU~~,EAAM,IAAI;CAM3D,OAAO,CAJL,~~GAAG~~,EAAM,QAAQ,~~MAAS~~,EAAQ,~~IAAI~~,CAAI,CAAC,GAC3C,GAAG,CAAC,~~GAAG~~,EAAQ,KAAK,CAAC,~~EAAE~~,QAAQ,MAAS,~~CAAC~~,EAAM,~~SAAS~~,CAAI,CAAC,~~EAAE~~,KAAK,CAG/D,~~EAAM~~,KAAK,MAAc;EAC9B,~~IAAM~~,~~IAAO~~,EAAQ,~~IAAI~~,CAAS,KAAK,CAAC,~~GAClC~~,~~IAAY~~,EAAK,MAAM,~~MAAQ~~,EAAI,~~WAAW~~,EAAI,UAAU,IAAI;EACtE,OAAO;GACL;GACA,~~OAAO~~,~~EAAW~~,CAAS;GAC3B,~~OAAO~~,IAAY,~~OAAO~~,EAAK,QAAQ,GAAK,~~MAAQ~~,~~KAAO~~,EAAI,SAAS,IAAI,CAAC;GAC7E;GACA,~~MAAM~~,EAAK,QAAQ,GAAK,~~MAAQ~~,~~IAAM~~,EAAI,MAAM,CAAC;GACjD,aAAa,CAAC,GAAG,IAAI,~~IAAI~~,EAAK,KAAK,~~MAAQ~~,EAAI,WAAW,CAAC,CAAC,~~EAAE~~,KAAK,KAAK;EAC1E;CACF,CAAC;AACH"}
1	+ {"version":3,"file":"adminOperations.js","names":["ADMIN_WORKSPACE_STATE","ADMIN_FEATURE_FLAGS","ADMIN_QUOTA_OVERVIEW","SET_FEATURE_FLAG_OVERRIDE","REMOVE_FEATURE_FLAG_OVERRIDE","ASSETHANDLER_QUOTAS","quotaLabel","quota","name","summarizeQuotas","byQuota","assignment","assignments","rows","known","quotaName","unlimited","row","sum"],"sources":["../../../src/assethandler/admin/adminOperations.ts"],"sourcesContent":["/*\n GraphQL operations for the AssetHandler admin surface (BOFF-3362).\n \n Served by `wspace-assethandler-svc`'s admin module (super-admin only).\n * Typed locally rather than through codegen so this surface does not depend on\n * the composed supergraph snapshot being refreshed first.\n /\nimport { gql } from '@apollo/client';\n\nexport const ADMIN_WORKSPACE_STATE = gql`\n query AssetHandlerAdminWorkspaceState($workspaceId: ID!) {\n assetHandlerAdminWorkspaceState(workspaceId: $workspaceId) {\n workspaceId\n assetCount\n openIncidentCount\n openWorkOrderCount\n maintenancePlanCount\n discoveryJobCount\n generatedAt\n }\n }\n`;\n\nexport const ADMIN_FEATURE_FLAGS = gql`\n query AssetHandlerFeatureFlags($workspaceId: ID!) {\n assetHandlerFeatureFlags(workspaceId: $workspaceId) {\n workspaceId\n items {\n key\n defaultValue\n value\n category\n }\n }\n }\n`;\n\nexport const ADMIN_QUOTA_OVERVIEW = gql`\n query AssetHandlerWorkspaceQuotaOverview($workspaceId: ID!) {\n assetHandlerWorkspaceQuotaOverview(workspaceId: $workspaceId) {\n workspaceId\n assignments {\n id\n quotaName\n productId\n limit\n used\n noLimit\n resetPeriod\n isActive\n updatedAt\n }\n }\n }\n`;\n\nexport const SET_FEATURE_FLAG_OVERRIDE = gql`\n mutation SetAssetHandlerFeatureFlagOverride($input: SetAssetHandlerFeatureFlagOverrideInput!) {\n setAssetHandlerFeatureFlagOverride(input: $input) {\n id\n featureFlagId\n workspaceId\n enabled\n allowUserOptIn\n }\n }\n`;\n\nexport const REMOVE_FEATURE_FLAG_OVERRIDE = gql`\n mutation RemoveAssetHandlerFeatureFlagOverride($workspaceId: ID!, $key: String!) {\n removeAssetHandlerFeatureFlagOverride(workspaceId: $workspaceId, key: $key)\n }\n`;\n\nexport interface AdminWorkspaceState {\n workspaceId: string;\n assetCount: number;\n openIncidentCount: number;\n openWorkOrderCount: number;\n maintenancePlanCount: number;\n discoveryJobCount: number;\n generatedAt: string;\n}\n\nexport interface AdminFeatureFlag {\n key: string;\n defaultValue: boolean;\n value: boolean;\n category: string;\n}\n\nexport interface AdminQuotaAssignment {\n id: string;\n quotaName: string;\n productId: string;\n limit: number \| null;\n used: number;\n noLimit: boolean;\n resetPeriod: string;\n isActive: boolean;\n updatedAt: string;\n}\n\nexport interface AdminWorkspaceStateData {\n assetHandlerAdminWorkspaceState: AdminWorkspaceState;\n}\n\nexport interface AdminFeatureFlagsData {\n assetHandlerFeatureFlags: { workspaceId: string; items: AdminFeatureFlag[] };\n}\n\nexport interface AdminQuotaOverviewData {\n assetHandlerWorkspaceQuotaOverview: {\n workspaceId: string;\n assignments: AdminQuotaAssignment[];\n };\n}\n\n/* Quotas AssetHandler enforces, with admin-facing labels. /\nexport const ASSETHANDLER_QUOTAS: ReadonlyArray<{ name: string; label: string }> = [\n { name: 'assethandler.assets.count', label: 'Active assets (asset limit)' },\n { name: 'assethandler.work_orders.open', label: 'Open work orders' },\n { name: 'assethandler.cmdb.configuration_items', label: 'CMDB configuration items' },\n { name: 'assethandler.discovery.jobs.monthly', label: 'Discovery jobs / month' },\n { name: 'assethandler.incidents.monthly', label: 'Incidents / month' },\n { name: 'assethandler.maintenance_records.monthly', label: 'Maintenance records / month' },\n { name: 'assethandler.knowledge_articles.monthly', label: 'Knowledge articles / month' },\n { name: 'assethandler.esg_metrics.monthly', label: 'ESG metrics / month' },\n];\n\n/* Human label for a quota name; falls back to the raw name for unknown ones. /\nexport function quotaLabel(name: string): string {\n return ASSETHANDLER_QUOTAS.find((quota) => quota.name === name)?.label ?? name;\n}\n\n/* One line per quota: every active plan row for that quota folded together. /\nexport interface QuotaSummary {\n quotaName: string;\n label: string;\n /* Effective limit; `null` when the quota is unlimited. /\n limit: number \| null;\n unlimited: boolean;\n used: number;\n resetPeriod: string;\n}\n\n/\n Fold a workspace's active quota assignments into one line per quota.\n \n A workspace can hold several active assignments for the same quota (one per\n * subscription). The quota service enforces their combined total: the limits\n * add up, and any unlimited assignment makes the whole quota unlimited. This\n * mirrors that rule so the admin sees the limit that is actually enforced, not\n * a row per subscription. Quotas AssetHandler knows come first, in a stable\n * order; anything else follows alphabetically.\n */\nexport function summarizeQuotas(assignments: readonly AdminQuotaAssignment[]): QuotaSummary[] {\n const byQuota = new Map<string, AdminQuotaAssignment[]>();\n for (const assignment of assignments) {\n if (!assignment.isActive) continue;\n const rows = byQuota.get(assignment.quotaName);\n if (rows) rows.push(assignment);\n else byQuota.set(assignment.quotaName, [assignment]);\n }\n\n const known = ASSETHANDLER_QUOTAS.map((quota) => quota.name);\n const names = [\n ...known.filter((name) => byQuota.has(name)),\n ...[...byQuota.keys()].filter((name) => !known.includes(name)).sort(),\n ];\n\n return names.map((quotaName) => {\n const rows = byQuota.get(quotaName) ?? [];\n const unlimited = rows.some((row) => row.noLimit \|\| row.limit === null);\n return {\n quotaName,\n label: quotaLabel(quotaName),\n limit: unlimited ? null : rows.reduce((sum, row) => sum + (row.limit ?? 0), 0),\n unlimited,\n used: rows.reduce((sum, row) => sum + row.used, 0),\n resetPeriod: [...new Set(rows.map((row) => row.resetPeriod))].join(' / '),\n };\n });\n}\n"],"mappings":";;AASA,IAAaA,IAAwB,CAAG;;;;;;;;;;;;GAc3BC,IAAsB,CAAG;;;;;;;;;;;;GAczBC,IAAuB,CAAG;;;;;;;;;;;;;;;;;GAmB1BC,IAA4B,CAAG;;;;;;;;;;GAY/BC,IAA+B,CAAG;;;;GAmDlCC,IAAsE;CACjF;EAAE,MAAM;EAA6B,OAAO;CAA8B;CAC1E;EAAE,MAAM;EAAiC,OAAO;CAAmB;CACnE;EAAE,MAAM;EAAyC,OAAO;CAA2B;CACnF;EAAE,MAAM;EAAuC,OAAO;CAAyB;CAC/E;EAAE,MAAM;EAAkC,OAAO;CAAoB;CACrE;EAAE,MAAM;EAA4C,OAAO;CAA8B;CACzF;EAAE,MAAM;EAA2C,OAAO;CAA6B;CACvF;EAAE,MAAM;EAAoC,OAAO;CAAsB;AAC3E;AAGA,SAAgBC,EAAW,GAAsB;CAC/C,OAAOD,EAAoB,MAAM,MAAUE,EAAM,SAASC,CAAI,CAAC,EAAE,SAASA;AAC5E;AAuBA,SAAgBC,EAAgB,GAA8D;CAC5F,IAAMC,oBAAU,IAAI,IAAoC;CACxD,KAAK,IAAMC,KAAcC,GAAa;EACpC,IAAI,CAACD,EAAW,UAAU;EAC1B,IAAME,IAAOH,EAAQ,IAAIC,EAAW,SAAS;EAC7C,AAAIE,IAAMA,EAAK,KAAKF,CAAU,IACzBD,EAAQ,IAAIC,EAAW,WAAW,CAACA,CAAU,CAAC;CACrD;CAEA,IAAMG,IAAQT,EAAoB,KAAK,MAAUE,EAAM,IAAI;CAM3D,OAAO,CAJL,GAAGO,EAAM,QAAQ,MAASJ,EAAQ,IAAIF,CAAI,CAAC,GAC3C,GAAG,CAAC,GAAGE,EAAQ,KAAK,CAAC,CAAC,CAAC,QAAQ,MAAS,CAACI,EAAM,SAASN,CAAI,CAAC,CAAC,CAAC,KAAK,CAG/D,CAAA,CAAM,KAAK,MAAc;EAC9B,IAAMK,IAAOH,EAAQ,IAAIK,CAAS,KAAK,CAAC,GAClCC,IAAYH,EAAK,MAAM,MAAQI,EAAI,WAAWA,EAAI,UAAU,IAAI;EACtE,OAAO;GACL;GACA,OAAOX,EAAWS,CAAS;GAC3B,OAAOC,IAAY,OAAOH,EAAK,QAAQ,GAAK,MAAQK,KAAOD,EAAI,SAAS,IAAI,CAAC;GAC7E;GACA,MAAMJ,EAAK,QAAQ,GAAK,MAAQK,IAAMD,EAAI,MAAM,CAAC;GACjD,aAAa,CAAC,GAAG,IAAI,IAAIJ,EAAK,KAAK,MAAQI,EAAI,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK;EAC1E;CACF,CAAC;AACH"}

package/dist/assethandler/components/ActivityTimeline.d.ts CHANGED Viewed

@@ -12,5 +12,4 @@ export interface ActivityTimelineProps {
     /** Optional cap on rows shown. Defaults to 20. */
     limit?: number;
 }
-export declare function ActivityTimeline({ resourceId, limit }: ActivityTimelineProps): import("react").JSX.Element;
-//# sourceMappingURL=ActivityTimeline.d.ts.map
+export declare function ActivityTimeline({ resourceId, limit }: ActivityTimelineProps): import('react').JSX.Element;

package/dist/assethandler/components/ActivityTimeline.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { gql as h } from "@apollo/client";
 import { useQuery as g } from "@apollo/client/react";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
 import { Card as y, CardContent as b, CardHeader as x, CardTitle as S, IllustratedEmptyState as C } from "@burdenoff/fe-libs/ui";
-//#region src/assethandler/components/ActivityTimeline.tsx
+// src/assethandler/components/ActivityTimeline.tsx
 var w = h`
   query AssetHandlerResourceActivities($filter: ActivityLogFilter) {
     getActivities(filter: $filter) {
@@ -154,11 +154,11 @@ function k({ resourceId: i, limit: a = 20 }) {
 	}) : /* @__PURE__ */ _("ol", {
 		className: "space-y-1",
 		children: u.map((e, t) => {
-			let { Icon: n, tone: r } = D(e.action), i = E[r];
+			let { Icon: n, tone: r } = D(e.action), i = E[r], a = t === u.length - 1;
 			return /* @__PURE__ */ v("li", {
 				className: "relative flex gap-3 pb-3",
 				children: [
-					t === u.length - 1 ? null : /* @__PURE__ */ _("span", {
+					a ? null : /* @__PURE__ */ _("span", {
 						className: "absolute left-[0.9375rem] top-8 h-[calc(100%-1rem)] w-px bg-border-subtle",
 						"aria-hidden": "true"
 					}),
@@ -202,7 +202,6 @@ function k({ resourceId: i, limit: a = 20 }) {
 		})
 	}) })] });
 }
-//#endregion
 export { k as ActivityTimeline };
 //# sourceMappingURL=ActivityTimeline.js.map

package/dist/assethandler/components/ActivityTimeline.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityTimeline.js","names":[],"sources":["../../../src/assethandler/components/ActivityTimeline.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport {\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport {\n Activity,\n Plus,\n Pencil,\n Trash2,\n CheckCircle2,\n LogOut,\n LogIn,\n RefreshCw,\n Paperclip,\n MessageSquare,\n Wrench,\n ShieldAlert,\n} from 'lucide-react';\nimport { useAssetHandler } from '../providers/AssetHandlerProvider';\nimport { Sparkline } from './charts';\n\n/*\n Recent activity for a single AssetHandler resource, sourced from the\n * federated wspace-activity-svc `getActivities` query (fed by be-sdk\n * `trackOperation` on the backend). Read-only, with a graceful empty state.\n \n The header carries an activity-volume sparkline bucketed from the real\n * timestamps — it only renders when there is enough history to be meaningful,\n * never fabricated.\n /\nexport interface ActivityTimelineProps {\n resourceId: string;\n /* Optional cap on rows shown. Defaults to 20. /\n limit?: number;\n}\n\ninterface ActivityLogNode {\n id: string;\n action: string;\n description?: string \| null;\n timestamp: string;\n userId: string;\n resourceType?: string \| null;\n}\n\ninterface GetActivitiesResult {\n getActivities: ActivityLogNode[];\n}\n\nconst GET_ACTIVITIES_QUERY = gql`\n query AssetHandlerResourceActivities($filter: ActivityLogFilter) {\n getActivities(filter: $filter) {\n id\n action\n description\n timestamp\n userId\n resourceType\n }\n }\n`;\n\n/* Compact relative time (\"2 hrs ago\"), with the full timestamp on hover. /\nfunction relativeTime(iso: string): string {\n const then = new Date(iso).getTime();\n if (Number.isNaN(then)) return '';\n const diff = Date.now() - then;\n const sec = Math.round(diff / 1000);\n if (sec < 45) return 'just now';\n const min = Math.round(sec / 60);\n if (min < 60) return `${min} min ago`;\n const hr = Math.round(min / 60);\n if (hr < 24) return `${hr} hr${hr === 1 ? '' : 's'} ago`;\n const day = Math.round(hr / 24);\n if (day < 30) return `${day} day${day === 1 ? '' : 's'} ago`;\n return new Date(iso).toLocaleDateString();\n}\n\ntype Tone = 'success' \| 'info' \| 'warning' \| 'error' \| 'neutral';\n\nconst TONE_CLASS: Record<Tone, { icon: string; tile: string }> = {\n success: { icon: 'text-status-success-text', tile: 'bg-status-success-bg-subtle' },\n info: { icon: 'text-status-info-text', tile: 'bg-status-info-bg-subtle' },\n warning: { icon: 'text-status-warning-text', tile: 'bg-status-warning-bg-subtle' },\n error: { icon: 'text-status-error-text', tile: 'bg-status-error-bg-subtle' },\n neutral: { icon: 'text-text-secondary', tile: 'bg-bg-sunken' },\n};\n\n/* Map an activity action verb to a node icon + status tone. /\nfunction actionVisual(action: string): { Icon: typeof Activity; tone: Tone } {\n const a = action.toLowerCase();\n if (/(complete\|resolve\|close\|done\|approve\|pass\|success)/.test(a))\n return { Icon: CheckCircle2, tone: 'success' };\n if (/(delete\|remove\|dispose\|retire\|archive\|reject\|fail)/.test(a))\n return { Icon: Trash2, tone: 'error' };\n if (/(check[_.\\s]?out\|assign\|issue\|lend)/.test(a)) return { Icon: LogOut, tone: 'warning' };\n if (/(check[_.\\s]?in\|return\|receive)/.test(a)) return { Icon: LogIn, tone: 'success' };\n if (/(maintenance\|repair\|service\|calibrat)/.test(a)) return { Icon: Wrench, tone: 'warning' };\n if (/(incident\|breach\|alert\|violation\|risk\|security)/.test(a))\n return { Icon: ShieldAlert, tone: 'error' };\n if (/(upload\|attach\|file)/.test(a)) return { Icon: Paperclip, tone: 'info' };\n if (/(comment\|note\|reply\|discuss)/.test(a)) return { Icon: MessageSquare, tone: 'info' };\n if (/(create\|add\|new\|register\|provision)/.test(a)) return { Icon: Plus, tone: 'success' };\n if (/(update\|edit\|change\|modify\|revise\|status)/.test(a)) return { Icon: Pencil, tone: 'info' };\n if (/(sync\|refresh\|move\|transfer\|relocat)/.test(a)) return { Icon: RefreshCw, tone: 'info' };\n return { Icon: Activity, tone: 'neutral' };\n}\n\nfunction titleize(action: string): string {\n const s = action.replace(/[._]/g, ' ').trim();\n return s.charAt(0).toUpperCase() + s.slice(1);\n}\n\nexport function ActivityTimeline({ resourceId, limit = 20 }: ActivityTimelineProps) {\n const { workspaceId, currentUser } = useAssetHandler();\n\n const { data, loading } = useQuery<GetActivitiesResult>(GET_ACTIVITIES_QUERY, {\n variables: {\n filter: {\n resourceId,\n resourceType: 'asset',\n productId: 'assethandler',\n ...(workspaceId ? { workspaceId } : {}),\n limit,\n },\n },\n fetchPolicy: 'cache-and-network',\n errorPolicy: 'all',\n skip: !resourceId,\n });\n\n const activities = useMemo(() => data?.getActivities ?? [], [data]);\n\n // Bucket real timestamps into per-day volume for a header sparkline. Only\n // meaningful when there is enough history spanning multiple days — otherwise\n // we omit it rather than draw a flat/fabricated line.\n const volumeSeries = useMemo(() => {\n if (activities.length < 6) return null;\n const DAYS = 14;\n const now = new Date();\n const startOfToday = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime();\n const buckets = new Array<number>(DAYS).fill(0);\n let distinctDays = 0;\n const seen = new Set<number>();\n for (const item of activities) {\n const t = new Date(item.timestamp).getTime();\n if (Number.isNaN(t)) continue;\n const dayIndex = DAYS - 1 - Math.floor((startOfToday - t) / 86_400_000);\n if (dayIndex >= 0 && dayIndex < DAYS) {\n buckets[dayIndex] += 1;\n const dayKey = Math.floor(t / 86_400_000);\n if (!seen.has(dayKey)) {\n seen.add(dayKey);\n distinctDays += 1;\n }\n }\n }\n return distinctDays >= 3 ? buckets : null;\n }, [activities]);\n\n const actorLabel = (userId: string): string =>\n currentUser?.id && userId === currentUser.id\n ? currentUser.name \|\|\n [currentUser.firstName, currentUser.lastName].filter(Boolean).join(' ') \|\|\n currentUser.username \|\|\n currentUser.email?.split('@')[0] \|\|\n 'You'\n : userId === 'system' \|\| userId === 'SYSTEM'\n ? 'System'\n : `Member ${userId.slice(0, 6)}`;\n\n return (\n <Card>\n <CardHeader className=\"flex flex-row items-center justify-between gap-3 space-y-0\">\n <CardTitle className=\"flex items-center gap-2 text-base\">\n <Activity className=\"h-4 w-4\" />\n Activity\n </CardTitle>\n {volumeSeries ? (\n <div className=\"flex items-center gap-2\" title=\"Activity over the last 14 days\">\n <span className=\"hidden text-xs text-text-secondary sm:inline\">Last 14 days</span>\n <Sparkline\n data={volumeSeries}\n type=\"area\"\n height={28}\n className=\"w-24\"\n ariaLabel=\"Activity volume over the last 14 days\"\n />\n </div>\n ) : null}\n </CardHeader>\n <CardContent>\n {loading && activities.length === 0 ? (\n <div className=\"space-y-2\">\n {Array.from({ length: 4 }).map((_, i) => (\n <div\n key={i}\n className=\"h-12 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer\"\n />\n ))}\n </div>\n ) : activities.length === 0 ? (\n <IllustratedEmptyState\n illustration=\"empty-notifications\"\n title=\"No activity yet\"\n description=\"Changes to this record — updates, status changes and assignments — will show up here.\"\n />\n ) : (\n <ol className=\"space-y-1\">\n {activities.map((item, index) => {\n const { Icon, tone } = actionVisual(item.action);\n const tc = TONE_CLASS[tone];\n const isLast = index === activities.length - 1;\n return (\n <li key={item.id} className=\"relative flex gap-3 pb-3\">\n {/ Connector line between nodes. */}\n {!isLast ? (\n <span\n className=\"absolute left-[0.9375rem] top-8 h-[calc(100%-1rem)] w-px bg-border-subtle\"\n aria-hidden=\"true\"\n />\n ) : null}\n <span\n className={`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full ${tc.tile}`}\n aria-hidden=\"true\"\n >\n <Icon className={`h-4 w-4 ${tc.icon}`} />\n </span>\n <div className=\"min-w-0 flex-1 pt-0.5\">\n <p className=\"text-sm font-medium text-text-primary\">{titleize(item.action)}</p>\n {item.description ? (\n <p className=\"truncate text-sm text-text-secondary\" title={item.description}>\n {item.description}\n </p>\n ) : null}\n <p className=\"mt-0.5 text-xs text-text-secondary\">\n <span className=\"font-medium text-text-secondary\">\n {actorLabel(item.userId)}\n </span>{' '}\n ·{' '}\n <span title={new Date(item.timestamp).toLocaleString()}>\n {relativeTime(item.timestamp)}\n </span>\n </p>\n </div>\n </li>\n );\n })}\n </ol>\n )}\n </CardContent>\n </Card>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"ActivityTimeline.js","names":["GET_ACTIVITIES_QUERY","relativeTime","then","iso","diff","sec","min","hr","day","TONE_CLASS","actionVisual","a","action","CheckCircle2","Trash2","LogOut","LogIn","Wrench","ShieldAlert","Paperclip","MessageSquare","Plus","Pencil","RefreshCw","Activity","titleize","s","ActivityTimeline","useAssetHandler","useQuery","workspaceId","resourceId","activities","useMemo","data","volumeSeries","now","startOfToday","buckets","distinctDays","seen","item","t","dayIndex","dayKey","actorLabel","currentUser","userId","Card","CardHeader","CardTitle","Sparkline","CardContent","loading","i","IllustratedEmptyState","tc","tone","isLast","index","Icon"],"sources":["../../../src/assethandler/components/ActivityTimeline.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport {\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n IllustratedEmptyState,\n} from '@burdenoff/fe-libs/ui';\nimport {\n Activity,\n Plus,\n Pencil,\n Trash2,\n CheckCircle2,\n LogOut,\n LogIn,\n RefreshCw,\n Paperclip,\n MessageSquare,\n Wrench,\n ShieldAlert,\n} from 'lucide-react';\nimport { useAssetHandler } from '../providers/AssetHandlerProvider';\nimport { Sparkline } from './charts';\n\n/*\n Recent activity for a single AssetHandler resource, sourced from the\n * federated wspace-activity-svc `getActivities` query (fed by be-sdk\n * `trackOperation` on the backend). Read-only, with a graceful empty state.\n \n The header carries an activity-volume sparkline bucketed from the real\n * timestamps — it only renders when there is enough history to be meaningful,\n * never fabricated.\n /\nexport interface ActivityTimelineProps {\n resourceId: string;\n /* Optional cap on rows shown. Defaults to 20. /\n limit?: number;\n}\n\ninterface ActivityLogNode {\n id: string;\n action: string;\n description?: string \| null;\n timestamp: string;\n userId: string;\n resourceType?: string \| null;\n}\n\ninterface GetActivitiesResult {\n getActivities: ActivityLogNode[];\n}\n\nconst GET_ACTIVITIES_QUERY = gql`\n query AssetHandlerResourceActivities($filter: ActivityLogFilter) {\n getActivities(filter: $filter) {\n id\n action\n description\n timestamp\n userId\n resourceType\n }\n }\n`;\n\n/* Compact relative time (\"2 hrs ago\"), with the full timestamp on hover. /\nfunction relativeTime(iso: string): string {\n const then = new Date(iso).getTime();\n if (Number.isNaN(then)) return '';\n const diff = Date.now() - then;\n const sec = Math.round(diff / 1000);\n if (sec < 45) return 'just now';\n const min = Math.round(sec / 60);\n if (min < 60) return `${min} min ago`;\n const hr = Math.round(min / 60);\n if (hr < 24) return `${hr} hr${hr === 1 ? '' : 's'} ago`;\n const day = Math.round(hr / 24);\n if (day < 30) return `${day} day${day === 1 ? '' : 's'} ago`;\n return new Date(iso).toLocaleDateString();\n}\n\ntype Tone = 'success' \| 'info' \| 'warning' \| 'error' \| 'neutral';\n\nconst TONE_CLASS: Record<Tone, { icon: string; tile: string }> = {\n success: { icon: 'text-status-success-text', tile: 'bg-status-success-bg-subtle' },\n info: { icon: 'text-status-info-text', tile: 'bg-status-info-bg-subtle' },\n warning: { icon: 'text-status-warning-text', tile: 'bg-status-warning-bg-subtle' },\n error: { icon: 'text-status-error-text', tile: 'bg-status-error-bg-subtle' },\n neutral: { icon: 'text-text-secondary', tile: 'bg-bg-sunken' },\n};\n\n/* Map an activity action verb to a node icon + status tone. /\nfunction actionVisual(action: string): { Icon: typeof Activity; tone: Tone } {\n const a = action.toLowerCase();\n if (/(complete\|resolve\|close\|done\|approve\|pass\|success)/.test(a))\n return { Icon: CheckCircle2, tone: 'success' };\n if (/(delete\|remove\|dispose\|retire\|archive\|reject\|fail)/.test(a))\n return { Icon: Trash2, tone: 'error' };\n if (/(check[_.\\s]?out\|assign\|issue\|lend)/.test(a)) return { Icon: LogOut, tone: 'warning' };\n if (/(check[_.\\s]?in\|return\|receive)/.test(a)) return { Icon: LogIn, tone: 'success' };\n if (/(maintenance\|repair\|service\|calibrat)/.test(a)) return { Icon: Wrench, tone: 'warning' };\n if (/(incident\|breach\|alert\|violation\|risk\|security)/.test(a))\n return { Icon: ShieldAlert, tone: 'error' };\n if (/(upload\|attach\|file)/.test(a)) return { Icon: Paperclip, tone: 'info' };\n if (/(comment\|note\|reply\|discuss)/.test(a)) return { Icon: MessageSquare, tone: 'info' };\n if (/(create\|add\|new\|register\|provision)/.test(a)) return { Icon: Plus, tone: 'success' };\n if (/(update\|edit\|change\|modify\|revise\|status)/.test(a)) return { Icon: Pencil, tone: 'info' };\n if (/(sync\|refresh\|move\|transfer\|relocat)/.test(a)) return { Icon: RefreshCw, tone: 'info' };\n return { Icon: Activity, tone: 'neutral' };\n}\n\nfunction titleize(action: string): string {\n const s = action.replace(/[._]/g, ' ').trim();\n return s.charAt(0).toUpperCase() + s.slice(1);\n}\n\nexport function ActivityTimeline({ resourceId, limit = 20 }: ActivityTimelineProps) {\n const { workspaceId, currentUser } = useAssetHandler();\n\n const { data, loading } = useQuery<GetActivitiesResult>(GET_ACTIVITIES_QUERY, {\n variables: {\n filter: {\n resourceId,\n resourceType: 'asset',\n productId: 'assethandler',\n ...(workspaceId ? { workspaceId } : {}),\n limit,\n },\n },\n fetchPolicy: 'cache-and-network',\n errorPolicy: 'all',\n skip: !resourceId,\n });\n\n const activities = useMemo(() => data?.getActivities ?? [], [data]);\n\n // Bucket real timestamps into per-day volume for a header sparkline. Only\n // meaningful when there is enough history spanning multiple days — otherwise\n // we omit it rather than draw a flat/fabricated line.\n const volumeSeries = useMemo(() => {\n if (activities.length < 6) return null;\n const DAYS = 14;\n const now = new Date();\n const startOfToday = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime();\n const buckets = new Array<number>(DAYS).fill(0);\n let distinctDays = 0;\n const seen = new Set<number>();\n for (const item of activities) {\n const t = new Date(item.timestamp).getTime();\n if (Number.isNaN(t)) continue;\n const dayIndex = DAYS - 1 - Math.floor((startOfToday - t) / 86_400_000);\n if (dayIndex >= 0 && dayIndex < DAYS) {\n buckets[dayIndex] += 1;\n const dayKey = Math.floor(t / 86_400_000);\n if (!seen.has(dayKey)) {\n seen.add(dayKey);\n distinctDays += 1;\n }\n }\n }\n return distinctDays >= 3 ? buckets : null;\n }, [activities]);\n\n const actorLabel = (userId: string): string =>\n currentUser?.id && userId === currentUser.id\n ? currentUser.name \|\|\n [currentUser.firstName, currentUser.lastName].filter(Boolean).join(' ') \|\|\n currentUser.username \|\|\n currentUser.email?.split('@')[0] \|\|\n 'You'\n : userId === 'system' \|\| userId === 'SYSTEM'\n ? 'System'\n : `Member ${userId.slice(0, 6)}`;\n\n return (\n <Card>\n <CardHeader className=\"flex flex-row items-center justify-between gap-3 space-y-0\">\n <CardTitle className=\"flex items-center gap-2 text-base\">\n <Activity className=\"h-4 w-4\" />\n Activity\n </CardTitle>\n {volumeSeries ? (\n <div className=\"flex items-center gap-2\" title=\"Activity over the last 14 days\">\n <span className=\"hidden text-xs text-text-secondary sm:inline\">Last 14 days</span>\n <Sparkline\n data={volumeSeries}\n type=\"area\"\n height={28}\n className=\"w-24\"\n ariaLabel=\"Activity volume over the last 14 days\"\n />\n </div>\n ) : null}\n </CardHeader>\n <CardContent>\n {loading && activities.length === 0 ? (\n <div className=\"space-y-2\">\n {Array.from({ length: 4 }).map((_, i) => (\n <div\n key={i}\n className=\"h-12 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer\"\n />\n ))}\n </div>\n ) : activities.length === 0 ? (\n <IllustratedEmptyState\n illustration=\"empty-notifications\"\n title=\"No activity yet\"\n description=\"Changes to this record — updates, status changes and assignments — will show up here.\"\n />\n ) : (\n <ol className=\"space-y-1\">\n {activities.map((item, index) => {\n const { Icon, tone } = actionVisual(item.action);\n const tc = TONE_CLASS[tone];\n const isLast = index === activities.length - 1;\n return (\n <li key={item.id} className=\"relative flex gap-3 pb-3\">\n {/ Connector line between nodes. */}\n {!isLast ? (\n <span\n className=\"absolute left-[0.9375rem] top-8 h-[calc(100%-1rem)] w-px bg-border-subtle\"\n aria-hidden=\"true\"\n />\n ) : null}\n <span\n className={`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full ${tc.tile}`}\n aria-hidden=\"true\"\n >\n <Icon className={`h-4 w-4 ${tc.icon}`} />\n </span>\n <div className=\"min-w-0 flex-1 pt-0.5\">\n <p className=\"text-sm font-medium text-text-primary\">{titleize(item.action)}</p>\n {item.description ? (\n <p className=\"truncate text-sm text-text-secondary\" title={item.description}>\n {item.description}\n </p>\n ) : null}\n <p className=\"mt-0.5 text-xs text-text-secondary\">\n <span className=\"font-medium text-text-secondary\">\n {actorLabel(item.userId)}\n </span>{' '}\n ·{' '}\n <span title={new Date(item.timestamp).toLocaleString()}>\n {relativeTime(item.timestamp)}\n </span>\n </p>\n </div>\n </li>\n );\n })}\n </ol>\n )}\n </CardContent>\n </Card>\n );\n}\n"],"mappings":"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"}

package/dist/assethandler/components/AssetTag.d.ts CHANGED Viewed

@@ -16,5 +16,4 @@ export interface AssetTagProps {
  * inline styles (plus Tailwind utility classes) so the print document only needs
  * the base Tailwind reset to look correct.
  */
-export declare function AssetTag({ name, tagId, assetTag, category }: AssetTagProps): import("react").JSX.Element;
-//# sourceMappingURL=AssetTag.d.ts.map
+export declare function AssetTag({ name, tagId, assetTag, category }: AssetTagProps): import('react').JSX.Element;

package/dist/assethandler/components/AssetTag.js CHANGED Viewed

@@ -3,6 +3,5 @@ import { require_browser as e } from "../../node_modules/qrcode/lib/browser.js";
 import "react";
 import "react/jsx-runtime";
 e();
-//#endregion
 //# sourceMappingURL=AssetTag.js.map

package/dist/assethandler/components/AssetTag.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetTag.js","names":[],"sources":["../../../src/assethandler/components/AssetTag.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport QRCode from 'qrcode';\n\nexport interface AssetTagProps {\n /** Human-readable asset name. /\n name: string;\n /* The scannable tagId (stable, workspace-unique). /\n tagId: string;\n /* Display value for the legacy asset tag / asset number. /\n assetTag: string;\n /* Optional category label shown beneath the name. /\n category?: string;\n}\n\n/\n Printable asset tag with a QR code encoding the tagId.\n \n The component is intentionally self-contained so it can be rendered inside\n * a print window without pulling in the rest of the application shell. It uses\n * inline styles (plus Tailwind utility classes) so the print document only needs\n * the base Tailwind reset to look correct.\n */\nexport function AssetTag({ name, tagId, assetTag, category }: AssetTagProps) {\n const [dataUrl, setDataUrl] = useState<string \| null>(null);\n\n useEffect(() => {\n let cancelled = false;\n void QRCode.toDataURL(tagId, {\n width: 160,\n margin: 2,\n type: 'image/png',\n errorCorrectionLevel: 'M',\n }).then((url) => {\n if (!cancelled) setDataUrl(url);\n });\n return () => {\n cancelled = true;\n };\n }, [tagId]);\n\n return (\n <div className=\"inline-flex flex-col items-center gap-3 rounded-lg border border-border-seam bg-bg-elevated p-5 shadow-sm\">\n <div className=\"text-center\">\n <p className=\"text-base font-semibold text-text-primary\">{name}</p>\n {category ? <p className=\"text-xs capitalize text-text-secondary\">{category}</p> : null}\n </div>\n\n {dataUrl ? (\n <img src={dataUrl} alt={`QR code for asset tag ${assetTag}`} className=\"h-40 w-40\" />\n ) : (\n <div className=\"h-40 w-40 animate-pulse rounded-md bg-bg-sunken\" />\n )}\n\n <div className=\"text-center\">\n <p className=\"font-mono text-sm font-medium text-text-primary\">{assetTag}</p>\n <p className=\"font-mono text-[10px] text-text-secondary\">{tagId}</p>\n </div>\n </div>\n );\n}\n"],"mappings":""}
1	+ {"version":3,"file":"AssetTag.js","names":["require_browser"],"sources":["../../../src/assethandler/components/AssetTag.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport QRCode from 'qrcode';\n\nexport interface AssetTagProps {\n /** Human-readable asset name. /\n name: string;\n /* The scannable tagId (stable, workspace-unique). /\n tagId: string;\n /* Display value for the legacy asset tag / asset number. /\n assetTag: string;\n /* Optional category label shown beneath the name. /\n category?: string;\n}\n\n/\n Printable asset tag with a QR code encoding the tagId.\n \n The component is intentionally self-contained so it can be rendered inside\n * a print window without pulling in the rest of the application shell. It uses\n * inline styles (plus Tailwind utility classes) so the print document only needs\n * the base Tailwind reset to look correct.\n */\nexport function AssetTag({ name, tagId, assetTag, category }: AssetTagProps) {\n const [dataUrl, setDataUrl] = useState<string \| null>(null);\n\n useEffect(() => {\n let cancelled = false;\n void QRCode.toDataURL(tagId, {\n width: 160,\n margin: 2,\n type: 'image/png',\n errorCorrectionLevel: 'M',\n }).then((url) => {\n if (!cancelled) setDataUrl(url);\n });\n return () => {\n cancelled = true;\n };\n }, [tagId]);\n\n return (\n <div className=\"inline-flex flex-col items-center gap-3 rounded-lg border border-border-seam bg-bg-elevated p-5 shadow-sm\">\n <div className=\"text-center\">\n <p className=\"text-base font-semibold text-text-primary\">{name}</p>\n {category ? <p className=\"text-xs capitalize text-text-secondary\">{category}</p> : null}\n </div>\n\n {dataUrl ? (\n <img src={dataUrl} alt={`QR code for asset tag ${assetTag}`} className=\"h-40 w-40\" />\n ) : (\n <div className=\"h-40 w-40 animate-pulse rounded-md bg-bg-sunken\" />\n )}\n\n <div className=\"text-center\">\n <p className=\"font-mono text-sm font-medium text-text-primary\">{assetTag}</p>\n <p className=\"font-mono text-[10px] text-text-secondary\">{tagId}</p>\n </div>\n </div>\n );\n}\n"],"mappings":""}

package/dist/assethandler/components/AttachmentsPanel.d.ts CHANGED Viewed

@@ -13,5 +13,4 @@ export interface AttachmentsPanelProps {
     entityType: string;
     entityId: string;
 }
-export declare function AttachmentsPanel({ entityType, entityId }: AttachmentsPanelProps): import("react").JSX.Element;
-//# sourceMappingURL=AttachmentsPanel.d.ts.map
+export declare function AttachmentsPanel({ entityType, entityId }: AttachmentsPanelProps): import('react').JSX.Element;

package/dist/assethandler/components/AttachmentsPanel.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { gql as v } from "@apollo/client";
 import { useMutation as y, useQuery as b } from "@apollo/client/react";
 import { jsx as x, jsxs as S } from "react/jsx-runtime";
 import { Button as C, Card as w, CardContent as T, CardHeader as E, CardTitle as D, DropdownMenu as O, DropdownMenuContent as k, DropdownMenuItem as A, DropdownMenuTrigger as j, IllustratedEmptyState as M } from "@burdenoff/fe-libs/ui";
-//#region src/assethandler/components/AttachmentsPanel.tsx
+// src/assethandler/components/AttachmentsPanel.tsx
 var N = v`
   query AssetHandlerGetFiles($pagination: PaginationInput, $sort: FileSortInput) {
     getFiles(pagination: $pagination, sort: $sort) {
@@ -372,7 +372,6 @@ function U({ entityType: a, entityId: o }) {
 		]
 	})] });
 }
-//#endregion
 export { U as AttachmentsPanel };
 //# sourceMappingURL=AttachmentsPanel.js.map

package/dist/assethandler/components/AttachmentsPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AttachmentsPanel.js","names":[],"sources":["../../../src/assethandler/components/AttachmentsPanel.tsx"],"sourcesContent":["import { useMemo, useRef, useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport {\n Button,\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n IllustratedEmptyState,\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport {\n Paperclip,\n Upload,\n Link2,\n FileText,\n FileSpreadsheet,\n FileArchive,\n FileCode2,\n FileVideo,\n FileAudio,\n Image as ImageIcon,\n File as FileIcon,\n Loader2,\n Download,\n MoreHorizontal,\n} from 'lucide-react';\nimport { notify } from '../utils/toast';\n\n/*\n Attach and reference files for an AssetHandler entity, backed by the\n * federated wspace-files-svc (same wspace gateway/Apollo client). Fully real (no fabricated data) —\n * lists workspace files via `getFiles`, uploads new files through the\n * `initiateUpload` → presigned PUT → `completeUpload` flow, and mints public\n * share links via `createFileShareLink`. All entries are live data.\n \n `entityType`/`entityId` scope the panel to the record it is mounted on and\n * are used for context labelling; uploaded files land in the workspace file\n * store so they can be shared and reused.\n /\nexport interface AttachmentsPanelProps {\n entityType: string;\n entityId: string;\n}\n\ninterface FileNode {\n id: string;\n name: string;\n extension: string;\n mimeType: string;\n size: number;\n downloadUrl?: string \| null;\n createdAt: string;\n}\n\ninterface GetFilesResult {\n getFiles: {\n files: FileNode[];\n total: number;\n hasMore: boolean;\n };\n}\n\nconst GET_FILES_QUERY = gql`\n query AssetHandlerGetFiles($pagination: PaginationInput, $sort: FileSortInput) {\n getFiles(pagination: $pagination, sort: $sort) {\n total\n hasMore\n files {\n id\n name\n extension\n mimeType\n size\n downloadUrl\n createdAt\n }\n }\n }\n`;\n\nconst INITIATE_UPLOAD_MUTATION = gql`\n mutation AssetHandlerInitiateUpload($input: InitiateUploadInput!) {\n initiateUpload(input: $input) {\n uploadUrl\n session {\n id\n }\n }\n }\n`;\n\nconst COMPLETE_UPLOAD_MUTATION = gql`\n mutation AssetHandlerCompleteUpload($input: CompleteUploadInput!) {\n completeUpload(input: $input) {\n fileId\n file {\n id\n name\n }\n }\n }\n`;\n\nconst CREATE_SHARE_LINK_MUTATION = gql`\n mutation AssetHandlerCreateFileShareLink($input: CreateShareGrantLinkInput!) {\n createFileShareLink(input: $input) {\n id\n shareUrl\n }\n }\n`;\n\nfunction formatSize(bytes: number): string {\n if (!bytes) return '0 B';\n const units = ['B', 'KB', 'MB', 'GB'];\n const exponent = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1);\n const value = bytes / Math.pow(1024, exponent);\n return `${value.toFixed(exponent === 0 ? 0 : 1)} ${units[exponent]}`;\n}\n\nfunction extensionOf(fileName: string): string {\n const dot = fileName.lastIndexOf('.');\n return dot >= 0 ? fileName.slice(dot + 1).toLowerCase() : 'bin';\n}\n\n/* Compact relative time (\"2 hrs ago\"), with the full timestamp on hover. /\nfunction relativeTime(iso: string): string {\n const then = new Date(iso).getTime();\n if (Number.isNaN(then)) return '';\n const diff = Date.now() - then;\n const sec = Math.round(diff / 1000);\n if (sec < 45) return 'just now';\n const min = Math.round(sec / 60);\n if (min < 60) return `${min} min ago`;\n const hr = Math.round(min / 60);\n if (hr < 24) return `${hr} hr${hr === 1 ? '' : 's'} ago`;\n const day = Math.round(hr / 24);\n if (day < 30) return `${day} day${day === 1 ? '' : 's'} ago`;\n return new Date(iso).toLocaleDateString();\n}\n\ntype FileKind =\n \| 'image'\n \| 'pdf'\n \| 'sheet'\n \| 'doc'\n \| 'archive'\n \| 'code'\n \| 'video'\n \| 'audio'\n \| 'other';\n\n/* Map a file's extension/mime to a recognisable kind for icon + tint. /\nfunction kindOf(file: FileNode): FileKind {\n const mime = (file.mimeType \|\| '').toLowerCase();\n const ext = (file.extension \|\| extensionOf(file.name)).toLowerCase();\n if (\n mime.startsWith('image/') \|\|\n ['png', 'jpg', 'jpeg', 'gif', 'webp', 'svg', 'avif', 'bmp'].includes(ext)\n )\n return 'image';\n if (mime.startsWith('video/') \|\| ['mp4', 'mov', 'webm', 'avi', 'mkv'].includes(ext))\n return 'video';\n if (mime.startsWith('audio/') \|\| ['mp3', 'wav', 'ogg', 'm4a', 'flac'].includes(ext))\n return 'audio';\n if (mime === 'application/pdf' \|\| ext === 'pdf') return 'pdf';\n if (['xls', 'xlsx', 'csv', 'tsv', 'ods'].includes(ext)) return 'sheet';\n if (['zip', 'rar', '7z', 'tar', 'gz', 'bz2'].includes(ext)) return 'archive';\n if (\n [\n 'js',\n 'ts',\n 'tsx',\n 'jsx',\n 'json',\n 'xml',\n 'yml',\n 'yaml',\n 'html',\n 'css',\n 'sh',\n 'py',\n 'sql',\n ].includes(ext)\n )\n return 'code';\n if (['doc', 'docx', 'txt', 'md', 'rtf', 'odt', 'pages'].includes(ext)) return 'doc';\n return 'other';\n}\n\nconst KIND_STYLE: Record<\n FileKind,\n { Icon: typeof FileText; iconClass: string; tileClass: string }\n> = {\n image: {\n Icon: ImageIcon,\n iconClass: 'text-status-success-text',\n tileClass: 'bg-status-success-bg-subtle',\n },\n pdf: {\n Icon: FileText,\n iconClass: 'text-status-error-text',\n tileClass: 'bg-status-error-bg-subtle',\n },\n sheet: {\n Icon: FileSpreadsheet,\n iconClass: 'text-status-success-text',\n tileClass: 'bg-status-success-bg-subtle',\n },\n doc: {\n Icon: FileText,\n iconClass: 'text-status-info-text',\n tileClass: 'bg-status-info-bg-subtle',\n },\n archive: {\n Icon: FileArchive,\n iconClass: 'text-status-warning-text',\n tileClass: 'bg-status-warning-bg-subtle',\n },\n code: {\n Icon: FileCode2,\n iconClass: 'text-status-info-text',\n tileClass: 'bg-status-info-bg-subtle',\n },\n video: {\n Icon: FileVideo,\n iconClass: 'text-status-info-text',\n tileClass: 'bg-status-info-bg-subtle',\n },\n audio: {\n Icon: FileAudio,\n iconClass: 'text-status-warning-text',\n tileClass: 'bg-status-warning-bg-subtle',\n },\n other: { Icon: FileIcon, iconClass: 'text-text-secondary', tileClass: 'bg-bg-sunken' },\n};\n\n/* File-type badge tile — an inline thumbnail for images, a tinted glyph otherwise. /\nfunction FileBadge({ file }: { file: FileNode }) {\n const kind = kindOf(file);\n const { Icon, iconClass, tileClass } = KIND_STYLE[kind];\n if (kind === 'image' && file.downloadUrl) {\n return (\n <img\n src={file.downloadUrl}\n alt=\"\"\n loading=\"lazy\"\n className=\"h-10 w-10 shrink-0 rounded-lg border border-border-subtle object-cover\"\n />\n );\n }\n return (\n <span\n className={`flex h-10 w-10 shrink-0 items-center justify-center rounded-lg ${tileClass}`}\n aria-hidden=\"true\"\n >\n <Icon className={`h-5 w-5 ${iconClass}`} />\n </span>\n );\n}\n\nexport function AttachmentsPanel({ entityType, entityId }: AttachmentsPanelProps) {\n const fileInputRef = useRef<HTMLInputElement>(null);\n const [uploading, setUploading] = useState(false);\n const [sharingId, setSharingId] = useState<string \| null>(null);\n\n const { data, loading, refetch } = useQuery<GetFilesResult>(GET_FILES_QUERY, {\n variables: {\n pagination: { limit: 25, offset: 0 },\n sort: { field: 'CREATED_AT', order: 'DESC' },\n },\n fetchPolicy: 'cache-and-network',\n errorPolicy: 'all',\n });\n\n const [initiateUpload] = useMutation<{\n initiateUpload: { uploadUrl?: string \| null; session: { id: string } };\n }>(INITIATE_UPLOAD_MUTATION);\n const [completeUpload] = useMutation(COMPLETE_UPLOAD_MUTATION);\n const [createShareLink] = useMutation<{\n createFileShareLink: { id: string; shareUrl?: string \| null };\n }>(CREATE_SHARE_LINK_MUTATION);\n\n const files = useMemo(() => data?.getFiles.files ?? [], [data]);\n\n const handleFileSelected = async (event: React.ChangeEvent<HTMLInputElement>) => {\n const file = event.target.files?.[0];\n // Reset the input so selecting the same file again re-triggers change.\n event.target.value = '';\n if (!file) return;\n\n setUploading(true);\n try {\n const initiated = await initiateUpload({\n variables: {\n input: {\n fileName: file.name,\n extension: extensionOf(file.name),\n fileSize: file.size,\n mimeType: file.type \|\| 'application/octet-stream',\n visibility: 'WORKSPACE',\n },\n },\n });\n\n const uploadUrl = initiated.data?.initiateUpload.uploadUrl;\n const sessionId = initiated.data?.initiateUpload.session.id;\n if (!uploadUrl \|\| !sessionId) {\n throw new Error('Upload could not be initialised.');\n }\n\n const putResponse = await fetch(uploadUrl, {\n method: 'PUT',\n body: file,\n headers: { 'Content-Type': file.type \|\| 'application/octet-stream' },\n });\n if (!putResponse.ok) {\n throw new Error(`Storage rejected the upload (HTTP ${putResponse.status}).`);\n }\n\n await completeUpload({\n variables: { input: { sessionId, fileSize: file.size } },\n });\n\n notify.success('File uploaded', `${file.name} is now available on this record.`);\n await refetch();\n } catch (error) {\n notify.error(\n 'Upload failed',\n error instanceof Error ? error.message : 'The file could not be uploaded.'\n );\n } finally {\n setUploading(false);\n }\n };\n\n const handleShare = async (fileId: string) => {\n setSharingId(fileId);\n try {\n const result = await createShareLink({\n variables: { input: { resourceId: fileId, role: 'VIEWER' } },\n });\n const url = result.data?.createFileShareLink.shareUrl;\n if (!url) {\n throw new Error('No share link was returned.');\n }\n if (navigator.clipboard?.writeText) {\n await navigator.clipboard.writeText(url);\n notify.success('Share link copied', 'A view-only link is on your clipboard.');\n } else {\n notify.info('Share link ready', url);\n }\n } catch (error) {\n notify.error(\n 'Could not create share link',\n error instanceof Error ? error.message : 'Please try again.'\n );\n } finally {\n setSharingId(null);\n }\n };\n\n const total = data?.getFiles.total ?? 0;\n const hasFiles = files.length > 0;\n\n return (\n <Card>\n <CardHeader className=\"flex flex-row items-center justify-between gap-2 space-y-0\">\n <CardTitle className=\"flex items-center gap-2 text-base\">\n <Paperclip className=\"h-4 w-4\" />\n Attachments\n {total ? (\n <span className=\"text-sm font-normal text-text-secondary\">\n {total} file{total === 1 ? '' : 's'}\n </span>\n ) : null}\n </CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n <input\n ref={fileInputRef}\n type=\"file\"\n className=\"hidden\"\n onChange={(event) => void handleFileSelected(event)}\n aria-label={`Upload a file for ${entityType} ${entityId}`}\n />\n\n {loading && !hasFiles ? (\n <div className=\"space-y-2\">\n {Array.from({ length: 3 }).map((_, i) => (\n <div\n key={i}\n className=\"h-14 rounded-lg bg-bg-sunken motion-safe:animate-vc-shimmer\"\n />\n ))}\n </div>\n ) : !hasFiles ? (\n <IllustratedEmptyState\n illustration=\"empty-data\"\n title=\"No files yet\"\n description=\"Upload photos, receipts, warranties or documents to keep them with this record.\"\n />\n ) : (\n <ul className=\"space-y-1.5\">\n {files.map((file) => {\n const isSharing = sharingId === file.id;\n return (\n <li\n key={file.id}\n className=\"flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-2.5\"\n >\n <FileBadge file={file} />\n <div className=\"min-w-0 flex-1\">\n <p className=\"truncate text-sm font-medium\" title={file.name}>\n {file.name}\n </p>\n <p className=\"truncate text-xs text-text-secondary\">\n {formatSize(Number(file.size))} · {relativeTime(file.createdAt)}\n </p>\n </div>\n {/ Desktop: inline actions. Mobile: kebab menu to avoid crowding. /}\n <div className=\"hidden items-center gap-1 sm:flex\">\n {file.downloadUrl ? (\n <a\n href={file.downloadUrl}\n target=\"_blank\"\n rel=\"noreferrer\"\n className=\"rounded-md p-1.5 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n aria-label={`Download ${file.name}`}\n title=\"Download\"\n >\n <Download className=\"h-4 w-4\" />\n </a>\n ) : null}\n <button\n type=\"button\"\n disabled={isSharing}\n onClick={() => void handleShare(file.id)}\n className=\"rounded-md p-1.5 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary disabled:opacity-60\"\n aria-label={`Copy share link for ${file.name}`}\n title=\"Copy share link\"\n >\n {isSharing ? (\n <Loader2 className=\"h-4 w-4 animate-spin\" />\n ) : (\n <Link2 className=\"h-4 w-4\" />\n )}\n </button>\n </div>\n <div className=\"sm:hidden\">\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <button\n type=\"button\"\n className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary\"\n aria-label={`Actions for ${file.name}`}\n >\n <MoreHorizontal className=\"h-4 w-4\" />\n </button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n {file.downloadUrl ? (\n <DropdownMenuItem asChild>\n <a href={file.downloadUrl} target=\"_blank\" rel=\"noreferrer\">\n <Download className=\"mr-2 h-4 w-4\" />\n Download\n </a>\n </DropdownMenuItem>\n ) : null}\n <DropdownMenuItem\n disabled={isSharing}\n onSelect={(e) => {\n e.preventDefault();\n void handleShare(file.id);\n }}\n >\n <Link2 className=\"mr-2 h-4 w-4\" />\n Copy share link\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n </div>\n </li>\n );\n })}\n </ul>\n )}\n\n {/ Prominent full-width primary upload CTA (matches the reference concept). */}\n <Button\n className=\"w-full\"\n disabled={uploading}\n onClick={() => fileInputRef.current?.click()}\n >\n {uploading ? (\n <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n ) : (\n <Upload className=\"mr-2 h-4 w-4\" />\n )}\n {uploading ? 'Uploading…' : 'Upload files'}\n </Button>\n </CardContent>\n </Card>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"AttachmentsPanel.js","names":["ImageIcon","FileIcon","GET_FILES_QUERY","INITIATE_UPLOAD_MUTATION","COMPLETE_UPLOAD_MUTATION","CREATE_SHARE_LINK_MUTATION","formatSize","bytes","units","exponent","extensionOf","dot","fileName","relativeTime","then","iso","diff","sec","min","hr","day","kindOf","mime","file","ext","KIND_STYLE","Image","FileText","FileSpreadsheet","FileArchive","FileCode2","FileVideo","FileAudio","File","FileBadge","kind","tileClass","Icon","iconClass","AttachmentsPanel","fileInputRef","useRef","uploading","setUploading","useState","sharingId","setSharingId","useQuery","initiateUpload","useMutation","completeUpload","createShareLink","files","useMemo","data","handleFileSelected","event","initiated","uploadUrl","sessionId","putResponse","notify","refetch","error","handleShare","fileId","url","total","hasFiles","Card","CardHeader","CardTitle","Paperclip","CardContent","entityType","entityId","loading","i","isSharing","Download","Loader2","Link2","DropdownMenu","DropdownMenuTrigger","MoreHorizontal","DropdownMenuContent","DropdownMenuItem","e","IllustratedEmptyState","Button","Upload"],"sources":["../../../src/assethandler/components/AttachmentsPanel.tsx"],"sourcesContent":["import { useMemo, useRef, useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport {\n Button,\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n IllustratedEmptyState,\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport {\n Paperclip,\n Upload,\n Link2,\n FileText,\n FileSpreadsheet,\n FileArchive,\n FileCode2,\n FileVideo,\n FileAudio,\n Image as ImageIcon,\n File as FileIcon,\n Loader2,\n Download,\n MoreHorizontal,\n} from 'lucide-react';\nimport { notify } from '../utils/toast';\n\n/*\n Attach and reference files for an AssetHandler entity, backed by the\n * federated wspace-files-svc (same wspace gateway/Apollo client). Fully real (no fabricated data) —\n * lists workspace files via `getFiles`, uploads new files through the\n * `initiateUpload` → presigned PUT → `completeUpload` flow, and mints public\n * share links via `createFileShareLink`. All entries are live data.\n \n `entityType`/`entityId` scope the panel to the record it is mounted on and\n * are used for context labelling; uploaded files land in the workspace file\n * store so they can be shared and reused.\n /\nexport interface AttachmentsPanelProps {\n entityType: string;\n entityId: string;\n}\n\ninterface FileNode {\n id: string;\n name: string;\n extension: string;\n mimeType: string;\n size: number;\n downloadUrl?: string \| null;\n createdAt: string;\n}\n\ninterface GetFilesResult {\n getFiles: {\n files: FileNode[];\n total: number;\n hasMore: boolean;\n };\n}\n\nconst GET_FILES_QUERY = gql`\n query AssetHandlerGetFiles($pagination: PaginationInput, $sort: FileSortInput) {\n getFiles(pagination: $pagination, sort: $sort) {\n total\n hasMore\n files {\n id\n name\n extension\n mimeType\n size\n downloadUrl\n createdAt\n }\n }\n }\n`;\n\nconst INITIATE_UPLOAD_MUTATION = gql`\n mutation AssetHandlerInitiateUpload($input: InitiateUploadInput!) {\n initiateUpload(input: $input) {\n uploadUrl\n session {\n id\n }\n }\n }\n`;\n\nconst COMPLETE_UPLOAD_MUTATION = gql`\n mutation AssetHandlerCompleteUpload($input: CompleteUploadInput!) {\n completeUpload(input: $input) {\n fileId\n file {\n id\n name\n }\n }\n }\n`;\n\nconst CREATE_SHARE_LINK_MUTATION = gql`\n mutation AssetHandlerCreateFileShareLink($input: CreateShareGrantLinkInput!) {\n createFileShareLink(input: $input) {\n id\n shareUrl\n }\n }\n`;\n\nfunction formatSize(bytes: number): string {\n if (!bytes) return '0 B';\n const units = ['B', 'KB', 'MB', 'GB'];\n const exponent = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1);\n const value = bytes / Math.pow(1024, exponent);\n return `${value.toFixed(exponent === 0 ? 0 : 1)} ${units[exponent]}`;\n}\n\nfunction extensionOf(fileName: string): string {\n const dot = fileName.lastIndexOf('.');\n return dot >= 0 ? fileName.slice(dot + 1).toLowerCase() : 'bin';\n}\n\n/* Compact relative time (\"2 hrs ago\"), with the full timestamp on hover. /\nfunction relativeTime(iso: string): string {\n const then = new Date(iso).getTime();\n if (Number.isNaN(then)) return '';\n const diff = Date.now() - then;\n const sec = Math.round(diff / 1000);\n if (sec < 45) return 'just now';\n const min = Math.round(sec / 60);\n if (min < 60) return `${min} min ago`;\n const hr = Math.round(min / 60);\n if (hr < 24) return `${hr} hr${hr === 1 ? '' : 's'} ago`;\n const day = Math.round(hr / 24);\n if (day < 30) return `${day} day${day === 1 ? '' : 's'} ago`;\n return new Date(iso).toLocaleDateString();\n}\n\ntype FileKind =\n 'image' \| 'pdf' \| 'sheet' \| 'doc' \| 'archive' \| 'code' \| 'video' \| 'audio' \| 'other';\n\n/* Map a file's extension/mime to a recognisable kind for icon + tint. /\nfunction kindOf(file: FileNode): FileKind {\n const mime = (file.mimeType \|\| '').toLowerCase();\n const ext = (file.extension \|\| extensionOf(file.name)).toLowerCase();\n if (\n mime.startsWith('image/') \|\|\n ['png', 'jpg', 'jpeg', 'gif', 'webp', 'svg', 'avif', 'bmp'].includes(ext)\n )\n return 'image';\n if (mime.startsWith('video/') \|\| ['mp4', 'mov', 'webm', 'avi', 'mkv'].includes(ext))\n return 'video';\n if (mime.startsWith('audio/') \|\| ['mp3', 'wav', 'ogg', 'm4a', 'flac'].includes(ext))\n return 'audio';\n if (mime === 'application/pdf' \|\| ext === 'pdf') return 'pdf';\n if (['xls', 'xlsx', 'csv', 'tsv', 'ods'].includes(ext)) return 'sheet';\n if (['zip', 'rar', '7z', 'tar', 'gz', 'bz2'].includes(ext)) return 'archive';\n if (\n [\n 'js',\n 'ts',\n 'tsx',\n 'jsx',\n 'json',\n 'xml',\n 'yml',\n 'yaml',\n 'html',\n 'css',\n 'sh',\n 'py',\n 'sql',\n ].includes(ext)\n )\n return 'code';\n if (['doc', 'docx', 'txt', 'md', 'rtf', 'odt', 'pages'].includes(ext)) return 'doc';\n return 'other';\n}\n\nconst KIND_STYLE: Record<\n FileKind,\n { Icon: typeof FileText; iconClass: string; tileClass: string }\n> = {\n image: {\n Icon: ImageIcon,\n iconClass: 'text-status-success-text',\n tileClass: 'bg-status-success-bg-subtle',\n },\n pdf: {\n Icon: FileText,\n iconClass: 'text-status-error-text',\n tileClass: 'bg-status-error-bg-subtle',\n },\n sheet: {\n Icon: FileSpreadsheet,\n iconClass: 'text-status-success-text',\n tileClass: 'bg-status-success-bg-subtle',\n },\n doc: {\n Icon: FileText,\n iconClass: 'text-status-info-text',\n tileClass: 'bg-status-info-bg-subtle',\n },\n archive: {\n Icon: FileArchive,\n iconClass: 'text-status-warning-text',\n tileClass: 'bg-status-warning-bg-subtle',\n },\n code: {\n Icon: FileCode2,\n iconClass: 'text-status-info-text',\n tileClass: 'bg-status-info-bg-subtle',\n },\n video: {\n Icon: FileVideo,\n iconClass: 'text-status-info-text',\n tileClass: 'bg-status-info-bg-subtle',\n },\n audio: {\n Icon: FileAudio,\n iconClass: 'text-status-warning-text',\n tileClass: 'bg-status-warning-bg-subtle',\n },\n other: { Icon: FileIcon, iconClass: 'text-text-secondary', tileClass: 'bg-bg-sunken' },\n};\n\n/* File-type badge tile — an inline thumbnail for images, a tinted glyph otherwise. /\nfunction FileBadge({ file }: { file: FileNode }) {\n const kind = kindOf(file);\n const { Icon, iconClass, tileClass } = KIND_STYLE[kind];\n if (kind === 'image' && file.downloadUrl) {\n return (\n <img\n src={file.downloadUrl}\n alt=\"\"\n loading=\"lazy\"\n className=\"h-10 w-10 shrink-0 rounded-lg border border-border-subtle object-cover\"\n />\n );\n }\n return (\n <span\n className={`flex h-10 w-10 shrink-0 items-center justify-center rounded-lg ${tileClass}`}\n aria-hidden=\"true\"\n >\n <Icon className={`h-5 w-5 ${iconClass}`} />\n </span>\n );\n}\n\nexport function AttachmentsPanel({ entityType, entityId }: AttachmentsPanelProps) {\n const fileInputRef = useRef<HTMLInputElement>(null);\n const [uploading, setUploading] = useState(false);\n const [sharingId, setSharingId] = useState<string \| null>(null);\n\n const { data, loading, refetch } = useQuery<GetFilesResult>(GET_FILES_QUERY, {\n variables: {\n pagination: { limit: 25, offset: 0 },\n sort: { field: 'CREATED_AT', order: 'DESC' },\n },\n fetchPolicy: 'cache-and-network',\n errorPolicy: 'all',\n });\n\n const [initiateUpload] = useMutation<{\n initiateUpload: { uploadUrl?: string \| null; session: { id: string } };\n }>(INITIATE_UPLOAD_MUTATION);\n const [completeUpload] = useMutation(COMPLETE_UPLOAD_MUTATION);\n const [createShareLink] = useMutation<{\n createFileShareLink: { id: string; shareUrl?: string \| null };\n }>(CREATE_SHARE_LINK_MUTATION);\n\n const files = useMemo(() => data?.getFiles.files ?? [], [data]);\n\n const handleFileSelected = async (event: React.ChangeEvent<HTMLInputElement>) => {\n const file = event.target.files?.[0];\n // Reset the input so selecting the same file again re-triggers change.\n event.target.value = '';\n if (!file) return;\n\n setUploading(true);\n try {\n const initiated = await initiateUpload({\n variables: {\n input: {\n fileName: file.name,\n extension: extensionOf(file.name),\n fileSize: file.size,\n mimeType: file.type \|\| 'application/octet-stream',\n visibility: 'WORKSPACE',\n },\n },\n });\n\n const uploadUrl = initiated.data?.initiateUpload.uploadUrl;\n const sessionId = initiated.data?.initiateUpload.session.id;\n if (!uploadUrl \|\| !sessionId) {\n throw new Error('Upload could not be initialised.');\n }\n\n const putResponse = await fetch(uploadUrl, {\n method: 'PUT',\n body: file,\n headers: { 'Content-Type': file.type \|\| 'application/octet-stream' },\n });\n if (!putResponse.ok) {\n throw new Error(`Storage rejected the upload (HTTP ${putResponse.status}).`);\n }\n\n await completeUpload({\n variables: { input: { sessionId, fileSize: file.size } },\n });\n\n notify.success('File uploaded', `${file.name} is now available on this record.`);\n await refetch();\n } catch (error) {\n notify.error(\n 'Upload failed',\n error instanceof Error ? error.message : 'The file could not be uploaded.'\n );\n } finally {\n setUploading(false);\n }\n };\n\n const handleShare = async (fileId: string) => {\n setSharingId(fileId);\n try {\n const result = await createShareLink({\n variables: { input: { resourceId: fileId, role: 'VIEWER' } },\n });\n const url = result.data?.createFileShareLink.shareUrl;\n if (!url) {\n throw new Error('No share link was returned.');\n }\n if (navigator.clipboard?.writeText) {\n await navigator.clipboard.writeText(url);\n notify.success('Share link copied', 'A view-only link is on your clipboard.');\n } else {\n notify.info('Share link ready', url);\n }\n } catch (error) {\n notify.error(\n 'Could not create share link',\n error instanceof Error ? error.message : 'Please try again.'\n );\n } finally {\n setSharingId(null);\n }\n };\n\n const total = data?.getFiles.total ?? 0;\n const hasFiles = files.length > 0;\n\n return (\n <Card>\n <CardHeader className=\"flex flex-row items-center justify-between gap-2 space-y-0\">\n <CardTitle className=\"flex items-center gap-2 text-base\">\n <Paperclip className=\"h-4 w-4\" />\n Attachments\n {total ? (\n <span className=\"text-sm font-normal text-text-secondary\">\n {total} file{total === 1 ? '' : 's'}\n </span>\n ) : null}\n </CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n <input\n ref={fileInputRef}\n type=\"file\"\n className=\"hidden\"\n onChange={(event) => void handleFileSelected(event)}\n aria-label={`Upload a file for ${entityType} ${entityId}`}\n />\n\n {loading && !hasFiles ? (\n <div className=\"space-y-2\">\n {Array.from({ length: 3 }).map((_, i) => (\n <div\n key={i}\n className=\"h-14 rounded-lg bg-bg-sunken motion-safe:animate-vc-shimmer\"\n />\n ))}\n </div>\n ) : !hasFiles ? (\n <IllustratedEmptyState\n illustration=\"empty-data\"\n title=\"No files yet\"\n description=\"Upload photos, receipts, warranties or documents to keep them with this record.\"\n />\n ) : (\n <ul className=\"space-y-1.5\">\n {files.map((file) => {\n const isSharing = sharingId === file.id;\n return (\n <li\n key={file.id}\n className=\"flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-2.5\"\n >\n <FileBadge file={file} />\n <div className=\"min-w-0 flex-1\">\n <p className=\"truncate text-sm font-medium\" title={file.name}>\n {file.name}\n </p>\n <p className=\"truncate text-xs text-text-secondary\">\n {formatSize(Number(file.size))} · {relativeTime(file.createdAt)}\n </p>\n </div>\n {/ Desktop: inline actions. Mobile: kebab menu to avoid crowding. /}\n <div className=\"hidden items-center gap-1 sm:flex\">\n {file.downloadUrl ? (\n <a\n href={file.downloadUrl}\n target=\"_blank\"\n rel=\"noreferrer\"\n className=\"rounded-md p-1.5 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n aria-label={`Download ${file.name}`}\n title=\"Download\"\n >\n <Download className=\"h-4 w-4\" />\n </a>\n ) : null}\n <button\n type=\"button\"\n disabled={isSharing}\n onClick={() => void handleShare(file.id)}\n className=\"rounded-md p-1.5 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary disabled:opacity-60\"\n aria-label={`Copy share link for ${file.name}`}\n title=\"Copy share link\"\n >\n {isSharing ? (\n <Loader2 className=\"h-4 w-4 animate-spin\" />\n ) : (\n <Link2 className=\"h-4 w-4\" />\n )}\n </button>\n </div>\n <div className=\"sm:hidden\">\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <button\n type=\"button\"\n className=\"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary\"\n aria-label={`Actions for ${file.name}`}\n >\n <MoreHorizontal className=\"h-4 w-4\" />\n </button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n {file.downloadUrl ? (\n <DropdownMenuItem asChild>\n <a href={file.downloadUrl} target=\"_blank\" rel=\"noreferrer\">\n <Download className=\"mr-2 h-4 w-4\" />\n Download\n </a>\n </DropdownMenuItem>\n ) : null}\n <DropdownMenuItem\n disabled={isSharing}\n onSelect={(e) => {\n e.preventDefault();\n void handleShare(file.id);\n }}\n >\n <Link2 className=\"mr-2 h-4 w-4\" />\n Copy share link\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n </div>\n </li>\n );\n })}\n </ul>\n )}\n\n {/ Prominent full-width primary upload CTA (matches the reference concept). */}\n <Button\n className=\"w-full\"\n disabled={uploading}\n onClick={() => fileInputRef.current?.click()}\n >\n {uploading ? (\n <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n ) : (\n <Upload className=\"mr-2 h-4 w-4\" />\n )}\n {uploading ? 'Uploading…' : 'Upload files'}\n </Button>\n </CardContent>\n </Card>\n );\n}\n"],"mappings":"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"}

package/dist/assethandler/components/CameraTagScanner.d.ts CHANGED Viewed

@@ -40,6 +40,5 @@ export interface CameraTagScannerProps {
     /** Injection point for tests; defaults to the best reader for the browser. */
     readerFactory?: () => Promise<ScanFrameReader>;
 }
-export declare function CameraTagScanner({ onDetected, onClose, readerFactory, }: CameraTagScannerProps): import("react").JSX.Element;
+export declare function CameraTagScanner({ onDetected, onClose, readerFactory, }: CameraTagScannerProps): import('react').JSX.Element;
 export {};
-//# sourceMappingURL=CameraTagScanner.d.ts.map

package/dist/assethandler/components/CameraTagScanner.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { useEffect as n, useRef as r, useState as i } from "react";
 import { CameraOff as a, X as o } from "lucide-react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { Button as l } from "@burdenoff/fe-libs/ui";
-//#region src/assethandler/components/CameraTagScanner.tsx
+// src/assethandler/components/CameraTagScanner.tsx
 var u = [
 	"qr_code",
 	"code_128",
@@ -159,7 +159,6 @@ function v({ onDetected: e, onClose: u, readerFactory: f = g }) {
 		})]
 	});
 }
-//#endregion
-export { v as CameraTagScanner };
+export { v as CameraTagScanner, _ as cameraErrorKind, h as createCanvasReader, g as createFrameReader, m as createNativeReader };
 //# sourceMappingURL=CameraTagScanner.js.map

package/dist/assethandler/components/CameraTagScanner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CameraTagScanner.js","names":[],"sources":["../../../src/assethandler/components/CameraTagScanner.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { CameraOff, X } from 'lucide-react';\nimport { useTr } from '../hooks/useTr';\n\n/*\n Live camera tag scanner for the field app (BOFF-3952).\n \n Uses the platform `BarcodeDetector` where the browser ships it (Chrome and\n * Android WebView, which is what the Capacitor Android shell runs), reading\n * QR codes plus the common 1D symbologies on third-party labels. Elsewhere\n * (iOS Safari / WKWebView, Firefox) it falls back to jsQR, a pure-JS QR\n * decoder that is only loaded on demand. AssetHandler prints QR tags, so both\n * paths read every tag the product generates.\n /\n\ninterface DetectedBarcode {\n rawValue: string;\n}\n\ninterface BarcodeDetectorLike {\n detect(source: CanvasImageSource): Promise<DetectedBarcode[]>;\n}\n\ninterface BarcodeDetectorCtor {\n new (options?: { formats?: string[] }): BarcodeDetectorLike;\n getSupportedFormats?: () => Promise<string[]>;\n}\n\ntype QrDecoder = (\n data: Uint8ClampedArray,\n width: number,\n height: number,\n options?: { inversionAttempts?: 'dontInvert' \| 'onlyInvert' \| 'attemptBoth' \| 'invertFirst' }\n) => { data: string } \| null;\n\nconst WANTED_FORMATS = ['qr_code', 'code_128', 'code_39', 'ean_13', 'ean_8', 'data_matrix'];\n\n/* Frames per second the decoder samples; enough to feel instant. /\nconst SAMPLE_INTERVAL_MS = 200;\n\n/* Longest edge of the frame handed to jsQR; larger costs CPU, not accuracy. /\nconst FALLBACK_MAX_EDGE = 640;\n\nexport type ScanFrameReader = (video: HTMLVideoElement) => Promise<string \| null>;\n\nfunction nativeDetector(): BarcodeDetectorCtor \| null {\n const ctor = (globalThis as { BarcodeDetector?: BarcodeDetectorCtor }).BarcodeDetector;\n return typeof ctor === 'function' ? ctor : null;\n}\n\n/* Builds a frame reader on BarcodeDetector, restricted to formats it supports. /\nexport async function createNativeReader(ctor: BarcodeDetectorCtor): Promise<ScanFrameReader> {\n const supported = (await ctor.getSupportedFormats?.()) ?? WANTED_FORMATS;\n const formats = WANTED_FORMATS.filter((f) => supported.includes(f));\n const detector = new ctor(formats.length > 0 ? { formats } : undefined);\n return async (video) => {\n const codes = await detector.detect(video);\n const value = codes.find((c) => c.rawValue.trim() !== '')?.rawValue;\n return value ?? null;\n };\n}\n\n/* Builds a frame reader that samples the video onto a canvas for jsQR. /\nexport function createCanvasReader(\n decode: QrDecoder,\n canvas: HTMLCanvasElement = document.createElement('canvas')\n): ScanFrameReader {\n return async (video) => {\n const { videoWidth, videoHeight } = video;\n if (!videoWidth \|\| !videoHeight) return null;\n const scale = Math.min(1, FALLBACK_MAX_EDGE / Math.max(videoWidth, videoHeight));\n const width = Math.round(videoWidth scale);\n const height = Math.round(videoHeight * scale);\n canvas.width = width;\n canvas.height = height;\n const ctx = canvas.getContext('2d', { willReadFrequently: true });\n if (!ctx) return null;\n ctx.drawImage(video, 0, 0, width, height);\n const frame = ctx.getImageData(0, 0, width, height);\n return decode(frame.data, width, height, { inversionAttempts: 'attemptBoth' })?.data ?? null;\n };\n}\n\n/** Picks the best available reader for this browser. /\nexport async function createFrameReader(): Promise<ScanFrameReader> {\n const ctor = nativeDetector();\n if (ctor) {\n try {\n return await createNativeReader(ctor);\n } catch {\n // Some builds expose the constructor but reject every format; use jsQR.\n }\n }\n const { default: jsQR } = await import('jsqr');\n return createCanvasReader(jsQR);\n}\n\nexport type CameraErrorKind = 'denied' \| 'unavailable' \| 'unsupported' \| 'failed';\n\nexport function cameraErrorKind(error: unknown): CameraErrorKind {\n const name = error instanceof Error \|\| error instanceof DOMException ? error.name : '';\n if (name === 'NotAllowedError' \|\| name === 'SecurityError') return 'denied';\n if (name === 'NotFoundError' \|\| name === 'OverconstrainedError' \|\| name === 'NotReadableError')\n return 'unavailable';\n return 'failed';\n}\n\nexport interface CameraTagScannerProps {\n onDetected: (value: string) => void;\n onClose: () => void;\n /* Injection point for tests; defaults to the best reader for the browser. */\n readerFactory?: () => Promise<ScanFrameReader>;\n}\n\nexport function CameraTagScanner({\n onDetected,\n onClose,\n readerFactory = createFrameReader,\n}: CameraTagScannerProps) {\n const tr = useTr();\n const videoRef = useRef<HTMLVideoElement>(null);\n const [error, setError] = useState<CameraErrorKind \| null>(null);\n const [ready, setReady] = useState(false);\n const onDetectedRef = useRef(onDetected);\n useEffect(() => {\n onDetectedRef.current = onDetected;\n });\n\n useEffect(() => {\n let cancelled = false;\n let stream: MediaStream \| null = null;\n let timer: number \| undefined;\n\n const stop = () => {\n if (timer !== undefined) window.clearTimeout(timer);\n stream?.getTracks().forEach((track) => track.stop());\n };\n\n const start = async () => {\n if (!navigator.mediaDevices?.getUserMedia) {\n setError('unsupported');\n return;\n }\n try {\n stream = await navigator.mediaDevices.getUserMedia({\n video: { facingMode: { ideal: 'environment' } },\n audio: false,\n });\n } catch (err) {\n if (!cancelled) setError(cameraErrorKind(err));\n return;\n }\n if (cancelled) {\n stop();\n return;\n }\n const video = videoRef.current;\n if (!video) {\n stop();\n return;\n }\n video.srcObject = stream;\n try {\n await video.play();\n } catch {\n // Autoplay can reject while the element is still attaching; frames\n // still arrive because the element is muted and playsInline.\n }\n let read: ScanFrameReader;\n try {\n read = await readerFactory();\n } catch {\n if (!cancelled) setError('failed');\n stop();\n return;\n }\n if (cancelled) return;\n setReady(true);\n\n const tick = async () => {\n if (cancelled) return;\n try {\n const value = await read(video);\n if (value && !cancelled) {\n cancelled = true;\n stop();\n onDetectedRef.current(value);\n return;\n }\n } catch {\n // A single unreadable frame is normal; keep sampling.\n }\n if (!cancelled) timer = window.setTimeout(() => void tick(), SAMPLE_INTERVAL_MS);\n };\n void tick();\n };\n\n void start();\n return () => {\n cancelled = true;\n stop();\n };\n }, [readerFactory]);\n\n const errorCopy: Record<CameraErrorKind, string> = {\n denied: tr(\n 'assethandler.field.camera.denied',\n 'Camera access was blocked. Allow the camera for this app in your browser or device settings, or type the tag below.'\n ),\n unavailable: tr(\n 'assethandler.field.camera.unavailable',\n 'No usable camera was found on this device. Type the tag or use a handheld scanner instead.'\n ),\n unsupported: tr(\n 'assethandler.field.camera.unsupported',\n 'This browser cannot open the camera. Type the tag or use a handheld scanner instead.'\n ),\n failed: tr(\n 'assethandler.field.camera.failed',\n 'The camera could not be started. Close the scanner and try again.'\n ),\n };\n\n return (\n <div\n className=\"relative overflow-hidden rounded-2xl border border-border-seam bg-bg-sunken\"\n data-testid=\"field-camera-scanner\"\n >\n {error ? (\n <div role=\"alert\" className=\"flex flex-col items-center gap-3 p-6 text-center\">\n <CameraOff className=\"h-8 w-8 text-text-secondary\" aria-hidden=\"true\" />\n <p className=\"text-sm text-text-primary\">{errorCopy[error]}</p>\n </div>\n ) : (\n <div className=\"relative aspect-[3/4] w-full sm:aspect-video\">\n <video\n ref={videoRef}\n className=\"h-full w-full object-cover\"\n muted\n playsInline\n autoPlay\n aria-label={tr('assethandler.field.camera.preview', 'Camera preview')}\n />\n <div\n aria-hidden=\"true\"\n className=\"pointer-events-none absolute inset-0 flex items-center justify-center\"\n >\n <div className=\"h-1/2 w-2/3 rounded-xl border-2 border-action-primary-bg/80\" />\n </div>\n <p\n aria-live=\"polite\"\n className=\"absolute bottom-3 left-0 right-0 text-center text-xs font-medium text-text-primary\"\n >\n {ready\n ? tr('assethandler.field.camera.aim', 'Point the camera at the asset tag')\n : tr('assethandler.field.camera.starting', 'Starting camera…')}\n </p>\n </div>\n )}\n <Button\n type=\"button\"\n variant=\"secondary\"\n size=\"sm\"\n className=\"absolute right-2 top-2\"\n onClick={onClose}\n aria-label={tr('assethandler.field.camera.close', 'Close scanner')}\n >\n <X className=\"h-4 w-4\" aria-hidden=\"true\" />\n </Button>\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"CameraTagScanner.js","names":["WANTED_FORMATS","SAMPLE_INTERVAL_MS","FALLBACK_MAX_EDGE","nativeDetector","ctor","createNativeReader","supported","formats","f","detector","video","c","createCanvasReader","videoWidth","videoHeight","scale","width","height","ctx","canvas","decode","createFrameReader","jsQR","m","cameraErrorKind","name","error","CameraTagScanner","tr","useTr","videoRef","useRef","setError","useState","ready","setReady","onDetectedRef","onDetected","useEffect","cancelled","stream","timer","stop","track","err","read","readerFactory","tick","value","errorCopy","CameraOff","Button","onClose","X"],"sources":["../../../src/assethandler/components/CameraTagScanner.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { CameraOff, X } from 'lucide-react';\nimport { useTr } from '../hooks/useTr';\n\n/*\n Live camera tag scanner for the field app (BOFF-3952).\n \n Uses the platform `BarcodeDetector` where the browser ships it (Chrome and\n * Android WebView, which is what the Capacitor Android shell runs), reading\n * QR codes plus the common 1D symbologies on third-party labels. Elsewhere\n * (iOS Safari / WKWebView, Firefox) it falls back to jsQR, a pure-JS QR\n * decoder that is only loaded on demand. AssetHandler prints QR tags, so both\n * paths read every tag the product generates.\n /\n\ninterface DetectedBarcode {\n rawValue: string;\n}\n\ninterface BarcodeDetectorLike {\n detect(source: CanvasImageSource): Promise<DetectedBarcode[]>;\n}\n\ninterface BarcodeDetectorCtor {\n new (options?: { formats?: string[] }): BarcodeDetectorLike;\n getSupportedFormats?: () => Promise<string[]>;\n}\n\ntype QrDecoder = (\n data: Uint8ClampedArray,\n width: number,\n height: number,\n options?: { inversionAttempts?: 'dontInvert' \| 'onlyInvert' \| 'attemptBoth' \| 'invertFirst' }\n) => { data: string } \| null;\n\nconst WANTED_FORMATS = ['qr_code', 'code_128', 'code_39', 'ean_13', 'ean_8', 'data_matrix'];\n\n/* Frames per second the decoder samples; enough to feel instant. /\nconst SAMPLE_INTERVAL_MS = 200;\n\n/* Longest edge of the frame handed to jsQR; larger costs CPU, not accuracy. /\nconst FALLBACK_MAX_EDGE = 640;\n\nexport type ScanFrameReader = (video: HTMLVideoElement) => Promise<string \| null>;\n\nfunction nativeDetector(): BarcodeDetectorCtor \| null {\n const ctor = (globalThis as { BarcodeDetector?: BarcodeDetectorCtor }).BarcodeDetector;\n return typeof ctor === 'function' ? ctor : null;\n}\n\n/* Builds a frame reader on BarcodeDetector, restricted to formats it supports. /\nexport async function createNativeReader(ctor: BarcodeDetectorCtor): Promise<ScanFrameReader> {\n const supported = (await ctor.getSupportedFormats?.()) ?? WANTED_FORMATS;\n const formats = WANTED_FORMATS.filter((f) => supported.includes(f));\n const detector = new ctor(formats.length > 0 ? { formats } : undefined);\n return async (video) => {\n const codes = await detector.detect(video);\n const value = codes.find((c) => c.rawValue.trim() !== '')?.rawValue;\n return value ?? null;\n };\n}\n\n/* Builds a frame reader that samples the video onto a canvas for jsQR. /\nexport function createCanvasReader(\n decode: QrDecoder,\n canvas: HTMLCanvasElement = document.createElement('canvas')\n): ScanFrameReader {\n return async (video) => {\n const { videoWidth, videoHeight } = video;\n if (!videoWidth \|\| !videoHeight) return null;\n const scale = Math.min(1, FALLBACK_MAX_EDGE / Math.max(videoWidth, videoHeight));\n const width = Math.round(videoWidth scale);\n const height = Math.round(videoHeight * scale);\n canvas.width = width;\n canvas.height = height;\n const ctx = canvas.getContext('2d', { willReadFrequently: true });\n if (!ctx) return null;\n ctx.drawImage(video, 0, 0, width, height);\n const frame = ctx.getImageData(0, 0, width, height);\n return decode(frame.data, width, height, { inversionAttempts: 'attemptBoth' })?.data ?? null;\n };\n}\n\n/** Picks the best available reader for this browser. /\nexport async function createFrameReader(): Promise<ScanFrameReader> {\n const ctor = nativeDetector();\n if (ctor) {\n try {\n return await createNativeReader(ctor);\n } catch {\n // Some builds expose the constructor but reject every format; use jsQR.\n }\n }\n const { default: jsQR } = await import('jsqr');\n return createCanvasReader(jsQR);\n}\n\nexport type CameraErrorKind = 'denied' \| 'unavailable' \| 'unsupported' \| 'failed';\n\nexport function cameraErrorKind(error: unknown): CameraErrorKind {\n const name = error instanceof Error \|\| error instanceof DOMException ? error.name : '';\n if (name === 'NotAllowedError' \|\| name === 'SecurityError') return 'denied';\n if (name === 'NotFoundError' \|\| name === 'OverconstrainedError' \|\| name === 'NotReadableError')\n return 'unavailable';\n return 'failed';\n}\n\nexport interface CameraTagScannerProps {\n onDetected: (value: string) => void;\n onClose: () => void;\n /* Injection point for tests; defaults to the best reader for the browser. */\n readerFactory?: () => Promise<ScanFrameReader>;\n}\n\nexport function CameraTagScanner({\n onDetected,\n onClose,\n readerFactory = createFrameReader,\n}: CameraTagScannerProps) {\n const tr = useTr();\n const videoRef = useRef<HTMLVideoElement>(null);\n const [error, setError] = useState<CameraErrorKind \| null>(null);\n const [ready, setReady] = useState(false);\n const onDetectedRef = useRef(onDetected);\n useEffect(() => {\n onDetectedRef.current = onDetected;\n });\n\n useEffect(() => {\n let cancelled = false;\n let stream: MediaStream \| null = null;\n let timer: number \| undefined;\n\n const stop = () => {\n if (timer !== undefined) window.clearTimeout(timer);\n stream?.getTracks().forEach((track) => track.stop());\n };\n\n const start = async () => {\n if (!navigator.mediaDevices?.getUserMedia) {\n setError('unsupported');\n return;\n }\n try {\n stream = await navigator.mediaDevices.getUserMedia({\n video: { facingMode: { ideal: 'environment' } },\n audio: false,\n });\n } catch (err) {\n if (!cancelled) setError(cameraErrorKind(err));\n return;\n }\n if (cancelled) {\n stop();\n return;\n }\n const video = videoRef.current;\n if (!video) {\n stop();\n return;\n }\n video.srcObject = stream;\n try {\n await video.play();\n } catch {\n // Autoplay can reject while the element is still attaching; frames\n // still arrive because the element is muted and playsInline.\n }\n let read: ScanFrameReader;\n try {\n read = await readerFactory();\n } catch {\n if (!cancelled) setError('failed');\n stop();\n return;\n }\n if (cancelled) return;\n setReady(true);\n\n const tick = async () => {\n if (cancelled) return;\n try {\n const value = await read(video);\n if (value && !cancelled) {\n cancelled = true;\n stop();\n onDetectedRef.current(value);\n return;\n }\n } catch {\n // A single unreadable frame is normal; keep sampling.\n }\n if (!cancelled) timer = window.setTimeout(() => void tick(), SAMPLE_INTERVAL_MS);\n };\n void tick();\n };\n\n void start();\n return () => {\n cancelled = true;\n stop();\n };\n }, [readerFactory]);\n\n const errorCopy: Record<CameraErrorKind, string> = {\n denied: tr(\n 'assethandler.field.camera.denied',\n 'Camera access was blocked. Allow the camera for this app in your browser or device settings, or type the tag below.'\n ),\n unavailable: tr(\n 'assethandler.field.camera.unavailable',\n 'No usable camera was found on this device. Type the tag or use a handheld scanner instead.'\n ),\n unsupported: tr(\n 'assethandler.field.camera.unsupported',\n 'This browser cannot open the camera. Type the tag or use a handheld scanner instead.'\n ),\n failed: tr(\n 'assethandler.field.camera.failed',\n 'The camera could not be started. Close the scanner and try again.'\n ),\n };\n\n return (\n <div\n className=\"relative overflow-hidden rounded-2xl border border-border-seam bg-bg-sunken\"\n data-testid=\"field-camera-scanner\"\n >\n {error ? (\n <div role=\"alert\" className=\"flex flex-col items-center gap-3 p-6 text-center\">\n <CameraOff className=\"h-8 w-8 text-text-secondary\" aria-hidden=\"true\" />\n <p className=\"text-sm text-text-primary\">{errorCopy[error]}</p>\n </div>\n ) : (\n <div className=\"relative aspect-[3/4] w-full sm:aspect-video\">\n <video\n ref={videoRef}\n className=\"h-full w-full object-cover\"\n muted\n playsInline\n autoPlay\n aria-label={tr('assethandler.field.camera.preview', 'Camera preview')}\n />\n <div\n aria-hidden=\"true\"\n className=\"pointer-events-none absolute inset-0 flex items-center justify-center\"\n >\n <div className=\"h-1/2 w-2/3 rounded-xl border-2 border-action-primary-bg/80\" />\n </div>\n <p\n aria-live=\"polite\"\n className=\"absolute bottom-3 left-0 right-0 text-center text-xs font-medium text-text-primary\"\n >\n {ready\n ? tr('assethandler.field.camera.aim', 'Point the camera at the asset tag')\n : tr('assethandler.field.camera.starting', 'Starting camera…')}\n </p>\n </div>\n )}\n <Button\n type=\"button\"\n variant=\"secondary\"\n size=\"sm\"\n className=\"absolute right-2 top-2\"\n onClick={onClose}\n aria-label={tr('assethandler.field.camera.close', 'Close scanner')}\n >\n <X className=\"h-4 w-4\" aria-hidden=\"true\" />\n </Button>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/assethandler/components/ChartCard.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import { ComponentType, ReactNode } from 'react';
 export interface ChartCardProps {
     /** Card title (left of the header). */
     title: ReactNode;
@@ -28,5 +27,4 @@ export interface ChartCardProps {
  * subtitle, right-aligned actions) for charts and metric panels. Keeps chart
  * sections visually consistent with the rest of the AssetHandler surfaces.
  */
-export declare function ChartCard({ title, subtitle, actions, icon: Icon, emphasis, footer, bodyClassName, className, children, }: ChartCardProps): import("react").JSX.Element;
-//# sourceMappingURL=ChartCard.d.ts.map
+export declare function ChartCard({ title, subtitle, actions, icon: Icon, emphasis, footer, bodyClassName, className, children, }: ChartCardProps): import('react').JSX.Element;

package/dist/assethandler/components/ChartCard.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { cn as e } from "../utils/cn.js";
 import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 import { EmphasisPanel as i, GlassCard as a } from "@burdenoff/fe-libs/ui";
-//#region src/assethandler/components/ChartCard.tsx
+// src/assethandler/components/ChartCard.tsx
 function o({ title: o, subtitle: s, actions: c, icon: l, emphasis: u = !1, footer: d, bodyClassName: f, className: p, children: m }) {
 	let h = /* @__PURE__ */ r(t, { children: [
 		/* @__PURE__ */ r("div", {
@@ -44,7 +44,6 @@ function o({ title: o, subtitle: s, actions: c, icon: l, emphasis: u = !1, foote
 		})
 	});
 }
-//#endregion
 export { o as ChartCard };
 //# sourceMappingURL=ChartCard.js.map

package/dist/assethandler/components/ChartCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChartCard.js","names":[],"sources":["../../../src/assethandler/components/ChartCard.tsx"],"sourcesContent":["import type { ComponentType, ReactNode } from 'react';\nimport { EmphasisPanel, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\nexport interface ChartCardProps {\n /** Card title (left of the header). /\n title: ReactNode;\n /* Optional supporting line under the title. /\n subtitle?: ReactNode;\n /* Optional controls rendered on the right of the header (toggles, menus). /\n actions?: ReactNode;\n /* Optional leading icon beside the title. /\n icon?: ComponentType<{ className?: string }>;\n /\n Render as the page's single hero surface (`EmphasisPanel`) instead of a\n * `GlassCard`. Use at most one per page.\n /\n emphasis?: boolean;\n /* Optional footer row under the body. /\n footer?: ReactNode;\n /* Extra classes for the body wrapper (e.g. spacing around the chart). /\n bodyClassName?: string;\n className?: string;\n children: ReactNode;\n}\n\n/\n ChartCard — a GlassCard/EmphasisPanel wrapper with a proper header (title,\n * subtitle, right-aligned actions) for charts and metric panels. Keeps chart\n * sections visually consistent with the rest of the AssetHandler surfaces.\n */\nexport function ChartCard({\n title,\n subtitle,\n actions,\n icon: Icon,\n emphasis = false,\n footer,\n bodyClassName,\n className,\n children,\n}: ChartCardProps) {\n const header = (\n <div className=\"flex items-start justify-between gap-3\">\n <div className=\"flex min-w-0 items-start gap-2\">\n {Icon ? <Icon className=\"mt-0.5 h-4 w-4 shrink-0 text-text-secondary\" /> : null}\n <div className=\"min-w-0\">\n <h3 className=\"truncate text-base font-semibold text-text-primary\">{title}</h3>\n {subtitle ? <p className=\"mt-0.5 text-sm text-text-secondary\">{subtitle}</p> : null}\n </div>\n </div>\n {actions ? <div className=\"flex shrink-0 items-center gap-2\">{actions}</div> : null}\n </div>\n );\n\n const body = (\n <>\n {header}\n <div className={cn('mt-4', bodyClassName)}>{children}</div>\n {footer ? <div className=\"mt-4 border-t border-border-seam pt-3\">{footer}</div> : null}\n </>\n );\n\n if (emphasis) {\n return <EmphasisPanel className={className}>{body}</EmphasisPanel>;\n }\n\n return (\n <GlassCard treatment=\"glass\" className={cn('border-border-seam', className)}>\n <div className=\"p-5\">{body}</div>\n </GlassCard>\n );\n}\n"],"mappings":";;;;AA+BA,~~SAAgB~~,EAAU,EACxB,UACA,aACA,YACA,~~MAAM~~,GACN,cAAW,IACX,WACA,kBACA,cACA,eACiB;CAcjB,~~IAAM~~,IACJ,~~kBAAA~~,GAAA,EAAA,UAAA;~~EAbA~~,kBAAC,OAAD;GAAK,WAAU;~~aAAf~~,CACE,kBAAC,OAAD;IAAK,WAAU;~~cAAf~~,~~CACG~~,IAAO,~~kBAAC~~,GAAD,EAAM,WAAU,8CAA+C,CAAA,IAAI,MAC3E,kBAAC,OAAD;KAAK,WAAU;~~eAAf~~,CACE,kBAAC,MAAD;MAAI,WAAU;~~gBAAsD~~;KAAU,CAAA,~~GAC7E~~,IAAW,kBAAC,KAAD;MAAG,WAAU;~~gBAAsC~~;KAAY,CAAA,IAAI,IAC5E;~~MACF~~;~~OACJ~~,IAAU,kBAAC,OAAD;IAAK,WAAU;~~cAAoC~~;GAAa,CAAA,IAAI,IAC5E;~~GAKF~~;EACD,kBAAC,OAAD;GAAK,~~WAAW~~,EAAG,~~QAAQ~~,CAAa;GAAI;EAAc,CAAA;~~EACzD~~,IAAS,kBAAC,OAAD;GAAK,WAAU;~~aAAyC~~;EAAY,CAAA,IAAI;CAClF,EAAA,CAAA;CAOJ,~~OAJI~~,IACK,~~kBAAC~~,GAAD;EAA0B;~~YAAY~~;CAAoB,CAAA,IAIjE,~~kBAAC~~,GAAD;EAAW,WAAU;EAAQ,~~WAAW~~,EAAG,~~sBAAsB~~,CAAS;~~YACxE~~,kBAAC,OAAD;GAAK,WAAU;~~aAAO~~;EAAU,CAAA;CACvB,CAAA;AAEf"}
1	+ {"version":3,"file":"ChartCard.js","names":["_Fragment","_jsxs","ChartCard","Icon","body","Fragment","title","subtitle","actions","cn","bodyClassName","footer","emphasis","EmphasisPanel","GlassCard","className"],"sources":["../../../src/assethandler/components/ChartCard.tsx"],"sourcesContent":["import type { ComponentType, ReactNode } from 'react';\nimport { EmphasisPanel, GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\nexport interface ChartCardProps {\n /** Card title (left of the header). /\n title: ReactNode;\n /* Optional supporting line under the title. /\n subtitle?: ReactNode;\n /* Optional controls rendered on the right of the header (toggles, menus). /\n actions?: ReactNode;\n /* Optional leading icon beside the title. /\n icon?: ComponentType<{ className?: string }>;\n /\n Render as the page's single hero surface (`EmphasisPanel`) instead of a\n * `GlassCard`. Use at most one per page.\n /\n emphasis?: boolean;\n /* Optional footer row under the body. /\n footer?: ReactNode;\n /* Extra classes for the body wrapper (e.g. spacing around the chart). /\n bodyClassName?: string;\n className?: string;\n children: ReactNode;\n}\n\n/\n ChartCard — a GlassCard/EmphasisPanel wrapper with a proper header (title,\n * subtitle, right-aligned actions) for charts and metric panels. Keeps chart\n * sections visually consistent with the rest of the AssetHandler surfaces.\n */\nexport function ChartCard({\n title,\n subtitle,\n actions,\n icon: Icon,\n emphasis = false,\n footer,\n bodyClassName,\n className,\n children,\n}: ChartCardProps) {\n const header = (\n <div className=\"flex items-start justify-between gap-3\">\n <div className=\"flex min-w-0 items-start gap-2\">\n {Icon ? <Icon className=\"mt-0.5 h-4 w-4 shrink-0 text-text-secondary\" /> : null}\n <div className=\"min-w-0\">\n <h3 className=\"truncate text-base font-semibold text-text-primary\">{title}</h3>\n {subtitle ? <p className=\"mt-0.5 text-sm text-text-secondary\">{subtitle}</p> : null}\n </div>\n </div>\n {actions ? <div className=\"flex shrink-0 items-center gap-2\">{actions}</div> : null}\n </div>\n );\n\n const body = (\n <>\n {header}\n <div className={cn('mt-4', bodyClassName)}>{children}</div>\n {footer ? <div className=\"mt-4 border-t border-border-seam pt-3\">{footer}</div> : null}\n </>\n );\n\n if (emphasis) {\n return <EmphasisPanel className={className}>{body}</EmphasisPanel>;\n }\n\n return (\n <GlassCard treatment=\"glass\" className={cn('border-border-seam', className)}>\n <div className=\"p-5\">{body}</div>\n </GlassCard>\n );\n}\n"],"mappings":";;;;AA+BA,SAAgBE,EAAU,EACxB,UACA,aACA,YACA,MAAMC,GACN,cAAW,IACX,WACA,kBACA,cACA,eACiB;CAcjB,IAAMC,IACJ,kBAAAJ,GAAA,EAAA,UAAA;EAbAC,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACGE,IAAO,kBAACA,GAAD,EAAM,WAAU,8CAA+C,CAAA,IAAI,MAC3E,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,kBAAC,MAAD;MAAI,WAAU;MAAsD,UAAAG;KAAU,CAAA,GAC7EC,IAAW,kBAAC,KAAD;MAAG,WAAU;MAAsC,UAAAA;KAAY,CAAA,IAAI,IAC5E;IACF,CAAA,CAAA;GACJ,CAAA,GAAAC,IAAU,kBAAC,OAAD;IAAK,WAAU;IAAoC,UAAAA;GAAa,CAAA,IAAI,IAC5E;E,CAKF;EACD,kBAAC,OAAD;GAAK,WAAWC,EAAG,QAAQC,CAAa;GAAI;EAAc,CAAA;EACzDC,IAAS,kBAAC,OAAD;GAAK,WAAU;GAAyC,UAAAA;EAAY,CAAA,IAAI;CAClF,EAAA,CAAA;CAOJ,OAJIC,IACK,kBAACC,GAAD;EAA0B;EAAY,UAAAT;CAAoB,CAAA,IAIjE,kBAACU,GAAD;EAAW,WAAU;EAAQ,WAAWL,EAAG,sBAAsBM,CAAS;EACxE,UAAA,kBAAC,OAAD;GAAK,WAAU;GAAO,UAAAX;EAAU,CAAA;CACvB,CAAA;AAEf"}