@burdenoff/microfe-movethewheels 2026.1012.2 → 2026.1013.1

package/src/movethewheels/pages/FreeTimePage.tsx

@@ -1,5 +1,7 @@
 import { useState, type ReactNode } from 'react';
 import { Clock } from 'lucide-react';
+import { PermissionProvider } from '@burdenoff/fe-libs/shared/providers/shell';
+import { useShipmentPermissions } from '../hooks/useShipmentPermissions';
 
 import { PageLayout } from '../components/PageLayout';
 import { Button, Input } from '../components/ui';
@@ -105,11 +107,22 @@ export default function FreeTimePage() {
       subtitle="Separate sourced commercial obligations, actual events and recorded counterparty decisions."
       icon={<Clock aria-hidden="true" />}
     >
-      <Workbench key={`${workspaceId}:${tenantId}:${currentUser?.id}:${apiGatewayUrl}`} />
+      <PermissionProvider
+        key={`${workspaceId}:${tenantId}:${currentUser?.id}:${apiGatewayUrl}`}
+        scopeId={workspaceId ?? null}
+        gateway="workspace"
+      >
+        <FreeTimeAccess />
+      </PermissionProvider>
     </PageLayout>
   );
 }
-function Workbench() {
+function FreeTimeAccess() {
+  const access = useShipmentPermissions();
+  return <Workbench access={access} />;
+}
+
+function Workbench({ access }: { access: ReturnType<typeof useShipmentPermissions> }) {
   const [containerId, setContainerId] = useState('');
   const [cycleId, setCycleId] = useState('');
   const [clockId, setClockId] = useState('');
@@ -131,41 +144,56 @@ function Workbench() {
   const [extensionId, setExtensionId] = useState('');
   const [decisionKind, setDecisionKind] = useState<'ACCEPTED' | 'REJECTED' | 'EXPIRED'>('ACCEPTED');
   const mutations = useConditionAction();
-  const containers = useConditionQuery<FreeContainersQuery>(FreeContainersDocument, {
-    pagination: { limit: pageSize, offset: containerOffset },
-  });
+  const containers = useConditionQuery<FreeContainersQuery>(
+    FreeContainersDocument,
+    access.canRead
+      ? {
+          pagination: { limit: pageSize, offset: containerOffset },
+        }
+      : null
+  );
   const cycles = useConditionQuery<FreeCyclesQuery>(
     FreeCyclesDocument,
-    containerId ? { containerId, pagination: { limit: pageSize, offset: cycleOffset } } : null
+    access.canRead && containerId
+      ? { containerId, pagination: { limit: pageSize, offset: cycleOffset } }
+      : null
   );
   const events = useConditionQuery<FreeEventsQuery>(
     FreeEventsDocument,
-    cycleId ? { cycleId, pagination: { limit: pageSize, offset: eventOffset } } : null,
+    access.canRead && cycleId
+      ? { cycleId, pagination: { limit: pageSize, offset: eventOffset } }
+      : null,
     mutations.revision
   );
   const clocks = useConditionQuery<FreeClocksQuery>(
     FreeClocksDocument,
-    cycleId ? { cycleId, pagination: { limit: pageSize, offset: clockOffset } } : null,
+    access.canRead && cycleId
+      ? { cycleId, pagination: { limit: pageSize, offset: clockOffset } }
+      : null,
     mutations.revision
   );
   const agreements = useConditionQuery<FreeAgreementsQuery>(
     FreeAgreementsDocument,
-    clockId ? { clockId, pagination: { limit: pageSize, offset: agreementOffset } } : null,
+    access.canRead && clockId
+      ? { clockId, pagination: { limit: pageSize, offset: agreementOffset } }
+      : null,
     mutations.revision
   );
   const currentAgreement = useConditionQuery<FreeAgreementsQuery>(
     FreeAgreementsDocument,
-    clockId ? { clockId, pagination: { limit: 1, offset: 0 } } : null,
+    access.canRead && clockId ? { clockId, pagination: { limit: 1, offset: 0 } } : null,
     mutations.revision
   );
   const extensions = useConditionQuery<FreeExtensionsQuery>(
     FreeExtensionsDocument,
-    clockId ? { clockId, pagination: { limit: pageSize, offset: extensionOffset } } : null,
+    access.canRead && clockId
+      ? { clockId, pagination: { limit: pageSize, offset: extensionOffset } }
+      : null,
     mutations.revision
   );
   const exposure = useConditionQuery<FreeExposureQuery>(
     FreeExposureDocument,
-    clockId ? { clockId, asOf: evaluation } : null,
+    access.canRead && clockId ? { clockId, asOf: evaluation } : null,
     mutations.revision
   );
   const clock = clocks.data?.mtwFreeTimeClockPage.items.find((item) => item.id === clockId);
@@ -192,6 +220,16 @@ function Workbench() {
     if (!evidence.length) throw new Error('Select exact decision/request evidence versions.');
     return evidence.map(({ fileId, versionId }) => ({ fileId, versionId }));
   };
+  if (!access.canRead)
+    return (
+      <p role={access.failed ? 'alert' : 'status'}>
+        {access.loading
+          ? 'Checking shipment permissions…'
+          : access.failed
+            ? 'Shipment permissions are unavailable. Reload to retry.'
+            : 'Shipment read permission is required.'}
+      </p>
+    );
   return (
     <div className="space-y-6">
       <p className="rounded-lg border p-4 text-sm">
@@ -370,7 +408,7 @@ function Workbench() {
           </RecordState>
         </section>
       )}
-      {cycleId && (
+      {cycleId && access.canUpdate && (
         <section className={card} aria-label="Record contractual change">
           <h2 className="text-lg font-semibold">Record contractual change</h2>
           <label className="block">
@@ -456,6 +494,8 @@ function Workbench() {
                     (action === 'correct' && currentAgreement.loading)
                   }
                   onSubmit={async (agreement) => {
+                    if (!access.allows('update'))
+                      throw new Error('Shipment update permission is required.');
                     if (action === 'open') {
                       if (!obligation.trim())
                         throw new Error('Enter a distinct commercial obligation reference.');
@@ -485,6 +525,8 @@ function Workbench() {
                 event.preventDefault();
                 setValidation(null);
                 try {
+                  if (!access.allows('update'))
+                    throw new Error('Shipment update permission is required.');
                   if (!clock || !current)
                     throw new Error('Reload the current obligation and agreement.');
                   const values = new FormData(event.currentTarget);