@burdenoff/microfe-movethewheels 2026.930.4 → 2026.1010.1

package/src/movethewheels/pages/ConsolidationPage.tsx

@@ -0,0 +1,70 @@
+import { Boxes } from 'lucide-react';
+import { PageLayout } from '../components/PageLayout';
+import { Button } from '../components/ui';
+import { useConsolidationAction } from '../hooks/useConsolidationAction';
+import { OriginalConsolidationHistory } from '../components/consolidation/OriginalConsolidationHistory';
+import { ConsolidationPlanWorkbench } from '../components/consolidation/ConsolidationPlanWorkbench';
+export default function ConsolidationPage() {
+  const actions = useConsolidationAction();
+  return (
+    <PageLayout
+      title="Hub consolidation"
+      subtitle="Supplier lot plans, reported totals and immutable manifest history."
+      icon={<Boxes aria-hidden="true" />}
+    >
+      <div className="space-y-5">
+        <p className="rounded-lg border p-4">
+          Record one named hub and the supplier lot facts reported for this shipment. These records
+          do not reserve stock, confirm custody or stuffing, prove fit, or authorize customs or
+          carrier acceptance.
+        </p>
+        <Button variant="outline" disabled={actions.busy} onClick={actions.refresh}>
+          Refresh recorded history
+        </Button>
+        {actions.error && <p role="alert">{actions.error}</p>}
+        {actions.notice && <p role="status">{actions.notice}</p>}
+        {actions.uncertain && (
+          <section className="space-y-3 rounded-lg border p-4">
+            <h2 className="font-semibold">Original request remains unresolved</h2>
+            <p>
+              Check history first. A manual retry sends the exact original body, revisions and key;
+              refresh does not retag it. New records and selection changes are blocked.
+            </p>
+            {actions.originalContext && (
+              <p className="break-all">Original workspace: {actions.originalContext.workspaceId}</p>
+            )}
+            {actions.recoveryInvalid && (
+              <p>The retained request cannot be read safely. Nothing will be sent automatically.</p>
+            )}
+            <div className="flex flex-wrap gap-2">
+              <Button
+                disabled={!actions.canRetry || actions.busy}
+                onClick={() => void actions.retryOriginal()}
+              >
+                Retry original request
+              </Button>
+              <Button variant="outline" disabled={actions.busy} onClick={actions.discardAttempt}>
+                Abandon after checking history
+              </Button>
+            </div>
+          </section>
+        )}
+        {actions.uncertain && actions.originalHistoryTarget && (
+          <OriginalConsolidationHistory
+            key={JSON.stringify([actions.contextKey, actions.originalHistoryTarget])}
+            target={actions.originalHistoryTarget}
+            revision={actions.revision}
+            refresh={actions.refresh}
+          />
+        )}
+        {actions.uncertain && !actions.originalHistoryTarget && !actions.recoveryInvalid && (
+          <p>
+            Return to the original account, organization, workspace and project to read this
+            request’s history.
+          </p>
+        )}
+        <ConsolidationPlanWorkbench key={actions.contextKey} actions={actions} />
+      </div>
+    </PageLayout>
+  );
+}