@burdenoff/microfe-planmagnet 2026.801.1 → 2026.829.1

package/dist/planmagnet/pages/ReportsReportsPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReportsReportsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ReportsReportsPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Button } from '@burdenoff/fe-libs/ui';\nimport { BarChart3, Plus, Clock, Calendar } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\nconst GET_REPORTS_DATA = gql`\n  query GetReportsData(\n    $workspaceId: ID!\n    $projectPagination: PlanmagnetPaginationInput\n    $sprintPagination: PlanmagnetPaginationInput\n    $workItemPagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: $projectPagination) {\n      items {\n        id\n        name\n        key\n        status\n        methodology\n        startDate\n        endDate\n      }\n      totalCount\n    }\n    planmagnetSprints(workspaceId: $workspaceId, pagination: $sprintPagination) {\n      items {\n        id\n        name\n        status\n        velocity\n        startDate\n        endDate\n      }\n      totalCount\n    }\n    planmagnetWorkItems(workspaceId: $workspaceId, pagination: $workItemPagination) {\n      items {\n        id\n        status\n        storyPoints\n        createdAt\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface ProjectNode {\n  id: string;\n  name: string;\n  key: string;\n  status: string;\n  methodology: string | null;\n  startDate: string | null;\n  endDate: string | null;\n}\n\ninterface SprintNode {\n  id: string;\n  name: string;\n  status: string;\n  velocity: number | null;\n  startDate: string | null;\n  endDate: string | null;\n}\n\ninterface WorkItemNode {\n  id: string;\n  status: string;\n  storyPoints: number | null;\n  createdAt: string;\n}\n\ninterface ReportsData {\n  projects: { items: ProjectNode[]; totalCount: number };\n  sprints: { items: SprintNode[]; totalCount: number };\n  workItems: { items: WorkItemNode[]; totalCount: number };\n}\n\nconst typeColor: Record<string, string> = {\n  velocity: 'bg-blue-100 text-blue-800',\n  burndown: 'bg-orange-100 text-orange-800',\n  burnup: 'bg-green-100 text-green-800',\n  cumulative_flow: 'bg-purple-100 text-purple-800',\n  cycle_time: 'bg-yellow-100 text-yellow-800',\n  lead_time: 'bg-pink-100 text-pink-800',\n  project_status: 'bg-gray-100 text-gray-800',\n};\n\nexport function ReportsReportsPagePage() {\n  const { workspaceId, currentUser } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [typeFilter, setTypeFilter] = useState<string>('all');\n\n  const { data, loading, error } = useQuery<ReportsData>(GET_REPORTS_DATA, {\n    variables: {\n      workspaceId,\n      projectPagination: { first: 100 },\n      sprintPagination: { first: 100 },\n      workItemPagination: { first: 500 },\n    },\n    skip: !workspaceId,\n  });\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-red-500\">Error: {error.message}</div>;\n  }\n\n  const projects = data?.planmagnetProjects?.items ?? [];\n  const sprints = data?.planmagnetSprints?.items ?? [];\n  const workItems = data?.planmagnetWorkItems?.items ?? [];\n\n  const completedSprints = sprints.filter((s) => s.status === 'COMPLETED');\n  const activeSprints = sprints.filter((s) => s.status === 'ACTIVE');\n  const creatorName = currentUser?.name ?? currentUser?.firstName ?? 'System';\n\n  const reports = [\n    ...completedSprints.map((sprint) => ({\n      id: `velocity-${sprint.id}`,\n      name: `${sprint.name} Velocity Report`,\n      description: `Velocity analysis for ${sprint.name} (${sprint.velocity ?? 0} pts)`,\n      type: 'velocity',\n      createdBy: creatorName,\n      lastRun: sprint.endDate ?? '',\n      schedule: null as string | null,\n    })),\n    ...activeSprints.map((sprint) => ({\n      id: `burndown-${sprint.id}`,\n      name: `${sprint.name} Burndown`,\n      description: `Active burndown tracking for ${sprint.name}`,\n      type: 'burndown',\n      createdBy: creatorName,\n      lastRun: new Date().toISOString().split('T')[0],\n      schedule: 'daily' as string | null,\n    })),\n    ...projects\n      .filter((p) => p.status === 'ACTIVE')\n      .map((project) => ({\n        id: `status-${project.id}`,\n        name: `${project.name} Status Report`,\n        description: `Project status overview for ${project.key}`,\n        type: 'project_status',\n        createdBy: creatorName,\n        lastRun: new Date().toISOString().split('T')[0],\n        schedule: 'weekly' as string | null,\n      })),\n  ];\n\n  const types = ['all', ...new Set(reports.map((r) => r.type))];\n  const filtered = typeFilter === 'all' ? reports : reports.filter((r) => r.type === typeFilter);\n\n  const scheduledCount = reports.filter((r) => r.schedule).length;\n  const todayStr = new Date().toISOString().split('T')[0];\n  const runTodayCount = reports.filter((r) => r.lastRun === todayStr).length;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Reports</h1>\n          <p className=\"text-sm text-muted-foreground\">{reports.length} reports configured</p>\n        </div>\n        <Button size=\"sm\" onClick={() => navigate('/reports/create')}>\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New Report\n        </Button>\n      </div>\n      <div className=\"grid grid-cols-3 gap-4\">\n        <Card>\n          <CardContent className=\"pt-4\">\n            <p className=\"text-xs text-muted-foreground\">Total Reports</p>\n            <p className=\"text-xl font-bold\">{reports.length}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <p className=\"text-xs text-muted-foreground\">Scheduled</p>\n            <p className=\"text-xl font-bold\">{scheduledCount}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <p className=\"text-xs text-muted-foreground\">Run Today</p>\n            <p className=\"text-xl font-bold\">{runTodayCount}</p>\n          </CardContent>\n        </Card>\n      </div>\n      <div className=\"flex gap-1\">\n        {types.map((t) => (\n          <button\n            key={t}\n            onClick={() => setTypeFilter(t)}\n            className={`px-3 py-1.5 text-sm rounded-md capitalize ${typeFilter === t ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:bg-muted'}`}\n          >\n            {t === 'all' ? 'All' : t.replace('_', ' ')}\n          </button>\n        ))}\n      </div>\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {filtered.map((report) => (\n          <Card key={report.id}>\n            <CardHeader className=\"pb-2\">\n              <div className=\"flex items-center justify-between\">\n                <CardTitle className=\"text-base flex items-center gap-2\">\n                  <BarChart3 className=\"h-4 w-4 text-primary\" />\n                  {report.name}\n                </CardTitle>\n                <span\n                  className={`text-xs px-2 py-0.5 rounded-full capitalize ${typeColor[report.type] ?? 'bg-gray-100'}`}\n                >\n                  {report.type.replace('_', ' ')}\n                </span>\n              </div>\n            </CardHeader>\n            <CardContent className=\"space-y-2\">\n              <p className=\"text-sm text-muted-foreground\">{report.description}</p>\n              <div className=\"flex gap-3 text-xs text-muted-foreground\">\n                {report.schedule && (\n                  <span className=\"flex items-center gap-1\">\n                    <Clock className=\"h-3 w-3\" />\n                    {report.schedule}\n                  </span>\n                )}\n                {report.lastRun && (\n                  <span className=\"flex items-center gap-1\">\n                    <Calendar className=\"h-3 w-3\" />\n                    Last: {report.lastRun}\n                  </span>\n                )}\n                <span className=\"flex items-center gap-1\">{report.createdBy}</span>\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n        {filtered.length === 0 && (\n          <div className=\"col-span-2 text-center py-12\">\n            <BarChart3 className=\"h-12 w-12 text-muted-foreground mx-auto mb-3\" />\n            <p className=\"text-sm text-muted-foreground\">\n              No reports found for the selected filter.\n            </p>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ReportsReportsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ReportsReportsPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Button } from '@burdenoff/fe-libs/ui';\nimport { BarChart3, Plus, Clock, Calendar } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\nconst GET_REPORTS_DATA = gql`\n  query GetReportsData(\n    $workspaceId: ID!\n    $projectPagination: PlanmagnetPaginationInput\n    $sprintPagination: PlanmagnetPaginationInput\n    $workItemPagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: $projectPagination) {\n      items {\n        id\n        name\n        key\n        status\n        methodology\n        startDate\n        endDate\n      }\n      totalCount\n    }\n    planmagnetSprints(workspaceId: $workspaceId, pagination: $sprintPagination) {\n      items {\n        id\n        name\n        status\n        velocity\n        startDate\n        endDate\n      }\n      totalCount\n    }\n    planmagnetWorkItems(workspaceId: $workspaceId, pagination: $workItemPagination) {\n      items {\n        id\n        status\n        storyPoints\n        createdAt\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface ProjectNode {\n  id: string;\n  name: string;\n  key: string;\n  status: string;\n  methodology: string | null;\n  startDate: string | null;\n  endDate: string | null;\n}\n\ninterface SprintNode {\n  id: string;\n  name: string;\n  status: string;\n  velocity: number | null;\n  startDate: string | null;\n  endDate: string | null;\n}\n\ninterface WorkItemNode {\n  id: string;\n  status: string;\n  storyPoints: number | null;\n  createdAt: string;\n}\n\ninterface ReportsData {\n  projects: { items: ProjectNode[]; totalCount: number };\n  sprints: { items: SprintNode[]; totalCount: number };\n  workItems: { items: WorkItemNode[]; totalCount: number };\n}\n\nconst typeColor: Record<string, string> = {\n  velocity: 'bg-blue-100 text-blue-800',\n  burndown: 'bg-orange-100 text-orange-800',\n  burnup: 'bg-green-100 text-green-800',\n  cumulative_flow: 'bg-purple-100 text-purple-800',\n  cycle_time: 'bg-yellow-100 text-yellow-800',\n  lead_time: 'bg-pink-100 text-pink-800',\n  project_status: 'bg-gray-100 text-gray-800',\n};\n\nexport function ReportsReportsPagePage() {\n  const { workspaceId, currentUser } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [typeFilter, setTypeFilter] = useState<string>('all');\n\n  const { data, loading, error } = useQuery<ReportsData>(GET_REPORTS_DATA, {\n    variables: {\n      workspaceId,\n      projectPagination: { first: 100 },\n      sprintPagination: { first: 100 },\n      workItemPagination: { first: 500 },\n    },\n    skip: !workspaceId,\n  });\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-red-500\">Error: {error.message}</div>;\n  }\n\n  const projects = data?.planmagnetProjects?.items ?? [];\n  const sprints = data?.planmagnetSprints?.items ?? [];\n  const workItems = data?.planmagnetWorkItems?.items ?? [];\n\n  const completedSprints = sprints.filter((s) => s.status === 'COMPLETED');\n  const activeSprints = sprints.filter((s) => s.status === 'ACTIVE');\n  const creatorName = currentUser?.name ?? currentUser?.firstName ?? 'System';\n\n  const reports = [\n    ...completedSprints.map((sprint) => ({\n      id: `velocity-${sprint.id}`,\n      name: `${sprint.name} Velocity Report`,\n      description: `Velocity analysis for ${sprint.name} (${sprint.velocity ?? 0} pts)`,\n      type: 'velocity',\n      createdBy: creatorName,\n      lastRun: sprint.endDate ?? '',\n      schedule: null as string | null,\n    })),\n    ...activeSprints.map((sprint) => ({\n      id: `burndown-${sprint.id}`,\n      name: `${sprint.name} Burndown`,\n      description: `Active burndown tracking for ${sprint.name}`,\n      type: 'burndown',\n      createdBy: creatorName,\n      lastRun: new Date().toISOString().split('T')[0],\n      schedule: 'daily' as string | null,\n    })),\n    ...projects\n      .filter((p) => p.status === 'ACTIVE')\n      .map((project) => ({\n        id: `status-${project.id}`,\n        name: `${project.name} Status Report`,\n        description: `Project status overview for ${project.key}`,\n        type: 'project_status',\n        createdBy: creatorName,\n        lastRun: new Date().toISOString().split('T')[0],\n        schedule: 'weekly' as string | null,\n      })),\n  ];\n\n  const types = ['all', ...new Set(reports.map((r) => r.type))];\n  const filtered = typeFilter === 'all' ? reports : reports.filter((r) => r.type === typeFilter);\n\n  const scheduledCount = reports.filter((r) => r.schedule).length;\n  const todayStr = new Date().toISOString().split('T')[0];\n  const runTodayCount = reports.filter((r) => r.lastRun === todayStr).length;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Reports</h1>\n          <p className=\"text-sm text-muted-foreground\">{reports.length} reports configured</p>\n        </div>\n        {/* The route is `reports/create-report-page`; `/reports/create` has never\n            existed, so this button navigated into the catch-all. */}\n        <Button size=\"sm\" onClick={() => navigate('/reports/create-report-page')}>\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New Report\n        </Button>\n      </div>\n      <div className=\"grid grid-cols-3 gap-4\">\n        <Card>\n          <CardContent className=\"pt-4\">\n            <p className=\"text-xs text-muted-foreground\">Total Reports</p>\n            <p className=\"text-xl font-bold\">{reports.length}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <p className=\"text-xs text-muted-foreground\">Scheduled</p>\n            <p className=\"text-xl font-bold\">{scheduledCount}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <p className=\"text-xs text-muted-foreground\">Run Today</p>\n            <p className=\"text-xl font-bold\">{runTodayCount}</p>\n          </CardContent>\n        </Card>\n      </div>\n      <div className=\"flex gap-1\">\n        {types.map((t) => (\n          <button\n            key={t}\n            onClick={() => setTypeFilter(t)}\n            className={`px-3 py-1.5 text-sm rounded-md capitalize ${typeFilter === t ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:bg-muted'}`}\n          >\n            {t === 'all' ? 'All' : t.replace('_', ' ')}\n          </button>\n        ))}\n      </div>\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {filtered.map((report) => (\n          <Card key={report.id}>\n            <CardHeader className=\"pb-2\">\n              <div className=\"flex items-center justify-between\">\n                <CardTitle className=\"text-base flex items-center gap-2\">\n                  <BarChart3 className=\"h-4 w-4 text-primary\" />\n                  {report.name}\n                </CardTitle>\n                <span\n                  className={`text-xs px-2 py-0.5 rounded-full capitalize ${typeColor[report.type] ?? 'bg-gray-100'}`}\n                >\n                  {report.type.replace('_', ' ')}\n                </span>\n              </div>\n            </CardHeader>\n            <CardContent className=\"space-y-2\">\n              <p className=\"text-sm text-muted-foreground\">{report.description}</p>\n              <div className=\"flex gap-3 text-xs text-muted-foreground\">\n                {report.schedule && (\n                  <span className=\"flex items-center gap-1\">\n                    <Clock className=\"h-3 w-3\" />\n                    {report.schedule}\n                  </span>\n                )}\n                {report.lastRun && (\n                  <span className=\"flex items-center gap-1\">\n                    <Calendar className=\"h-3 w-3\" />\n                    Last: {report.lastRun}\n                  </span>\n                )}\n                <span className=\"flex items-center gap-1\">{report.createdBy}</span>\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n        {filtered.length === 0 && (\n          <div className=\"col-span-2 text-center py-12\">\n            <BarChart3 className=\"h-12 w-12 text-muted-foreground mx-auto mb-3\" />\n            <p className=\"text-sm text-muted-foreground\">\n              No reports found for the selected filter.\n            </p>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/shared/hooks/useTr.d.ts

@@ -0,0 +1,12 @@
+/**
+ * useTr — translation hook with fallback semantics.
+ *
+ * Wraps `useI18n().t()` so that when a key has no translation (i.e. the
+ * provider returns the key itself), the caller's English fallback is used
+ * instead. This keeps consumer call sites consistent and avoids leaking
+ * untranslated keys into the UI.
+ *
+ * Supports optional interpolation params using `{{key}}` placeholders.
+ */
+export declare function useTr(): (key: string, fallback: string, params?: Record<string, string | number>) => string;
+//# sourceMappingURL=useTr.d.ts.map

package/dist/shared/hooks/useTr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTr.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/useTr.ts"],"names":[],"mappings":"AAIA;;;;;;;;;GASG;AACH,wBAAgB,KAAK,IAAI,CACvB,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,EAChB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,KACrC,MAAM,CAcV"}

package/dist/shared/hooks/useTr.js

@@ -0,0 +1,15 @@
+import { interpolate as e } from "../utils/i18n.js";
+import { useCallback as t } from "react";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/shared/hooks/useTr.ts
+function r() {
+	let { t: r } = n();
+	return t((t, n, i) => {
+		let a = r(t);
+		return e(a === t ? n : a, i);
+	}, [r]);
+}
+//#endregion
+export { r as useTr };
+
+//# sourceMappingURL=useTr.js.map

package/dist/shared/hooks/useTr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTr.js","names":[],"sources":["../../../src/shared/hooks/useTr.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport { interpolate } from \"../utils/i18n\";\n\n/**\n * useTr — translation hook with fallback semantics.\n *\n * Wraps `useI18n().t()` so that when a key has no translation (i.e. the\n * provider returns the key itself), the caller's English fallback is used\n * instead. This keeps consumer call sites consistent and avoids leaking\n * untranslated keys into the UI.\n *\n * Supports optional interpolation params using `{{key}}` placeholders.\n */\nexport function useTr(): (\n  key: string,\n  fallback: string,\n  params?: Record<string, string | number>,\n) => string {\n  const { t } = useI18n();\n  return useCallback(\n    (\n      key: string,\n      fallback: string,\n      params?: Record<string, string | number>,\n    ): string => {\n      const translated = t(key);\n      const raw = translated === key ? fallback : translated;\n      return interpolate(raw, params);\n    },\n    [t],\n  );\n}\n"],"mappings":";;;;AAcA,SAAgB,IAIJ;CACV,IAAM,EAAE,SAAM,GAAS;AACvB,QAAO,GAEH,GACA,GACA,MACW;EACX,IAAM,IAAa,EAAE,EAAI;AAEzB,SAAO,EADK,MAAe,IAAM,IAAW,GACpB,EAAO;IAEjC,CAAC,EAAE,CACJ"}

package/dist/shared/utils/i18n.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Interpolate placeholders of the form {{key}} in a translation string.
+ */
+export declare function interpolate(template: string, params?: Record<string, string | number>): string;
+//# sourceMappingURL=i18n.d.ts.map

package/dist/shared/utils/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/shared/utils/i18n.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,WAAW,CACzB,QAAQ,EAAE,MAAM,EAChB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,GACvC,MAAM,CAOR"}

package/dist/shared/utils/i18n.js

@@ -0,0 +1,8 @@
+//#region src/shared/utils/i18n.ts
+function e(e, t) {
+	return t ? Object.entries(t).reduce((e, [t, n]) => e.replace(RegExp(`\\{\\{${t}\\}\\}`, "g"), String(n)), e) : e;
+}
+//#endregion
+export { e as interpolate };
+
+//# sourceMappingURL=i18n.js.map

package/dist/shared/utils/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","names":[],"sources":["../../../src/shared/utils/i18n.ts"],"sourcesContent":["/**\n * Interpolate placeholders of the form {{key}} in a translation string.\n */\nexport function interpolate(\n  template: string,\n  params?: Record<string, string | number>,\n): string {\n  if (!params) return template;\n  return Object.entries(params).reduce(\n    (str, [key, value]) =>\n      str.replace(new RegExp(`\\\\{\\\\{${key}\\\\}\\\\}`, \"g\"), String(value)),\n    template,\n  );\n}\n"],"mappings":";AAGA,SAAgB,EACd,GACA,GACQ;AAER,QADK,IACE,OAAO,QAAQ,EAAO,CAAC,QAC3B,GAAK,CAAC,GAAK,OACV,EAAI,QAAY,OAAO,SAAS,EAAI,SAAS,IAAI,EAAE,OAAO,EAAM,CAAC,EACnE,EACD,GALmB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-planmagnet",
-  "version": "2026.801.1",
+  "version": "2026.829.1",
   "description": "Burdenoff PlanMagnet Microfrontend",
   "type": "module",
   "files": [
@@ -98,7 +98,7 @@
     "zustand": "^5.0.0"
   },
   "publishConfig": {
-    "access": "restricted"
+    "access": "public"
   },
   "overrides": {
     "lodash": ">=4.17.21",