@burdenoff/microfe-movethewheels 2026.1026.1 → 2026.1026.3

package/src/movethewheels/hooks/useSettings.ts

@@ -1,124 +0,0 @@
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import { useMoveTheWheels } from '../providers/MoveTheWheelsProvider';
-
-export type ModulePreferences = Record<string, unknown>;
-
-export interface ModuleSettings {
-  preferences: ModulePreferences;
-  updatedAt: string;
-  workspaceId: string;
-}
-
-interface UseModuleSettingsResult {
-  settings: ModuleSettings | null;
-  preferences: ModulePreferences;
-  isLoading: boolean;
-  isSaving: boolean;
-  error: Error | null;
-  refetch: () => void;
-  savePreferences: (preferences: ModulePreferences) => Promise<ModuleSettings>;
-}
-
-function readSettings(workspaceId: string): ModuleSettings | null {
-  if (typeof window === 'undefined') return null;
-  try {
-    const raw = window.localStorage.getItem(`movethewheels:moduleSettings:${workspaceId}`);
-    if (!raw) return null;
-    const parsed = JSON.parse(raw) as ModuleSettings;
-    if (parsed && typeof parsed === 'object' && 'preferences' in parsed) {
-      return parsed;
-    }
-    return null;
-  } catch {
-    return null;
-  }
-}
-
-function writeSettings(settings: ModuleSettings): void {
-  if (typeof window === 'undefined') return;
-  try {
-    window.localStorage.setItem(
-      `movethewheels:moduleSettings:${settings.workspaceId}`,
-      JSON.stringify(settings)
-    );
-  } catch {
-    // Ignore storage errors (e.g. private mode quota).
-  }
-}
-
-export function useModuleSettings(): UseModuleSettingsResult {
-  const { workspaceId } = useMoveTheWheels();
-  const [settings, setSettings] = useState<ModuleSettings | null>(null);
-  const [isLoading, setIsLoading] = useState(false);
-  const [isSaving, setIsSaving] = useState(false);
-  const [error, setError] = useState<Error | null>(null);
-
-  const load = useCallback(() => {
-    setIsLoading(true);
-    setError(null);
-    try {
-      const stored = workspaceId ? readSettings(workspaceId) : null;
-      setSettings(
-        stored ?? {
-          preferences: {},
-          updatedAt: new Date().toISOString(),
-          workspaceId: workspaceId ?? '',
-        }
-      );
-    } catch (loadError) {
-      setError(loadError instanceof Error ? loadError : new Error('Failed to load settings'));
-    } finally {
-      setIsLoading(false);
-    }
-  }, [workspaceId]);
-
-  useEffect(() => {
-    void load();
-  }, [load]);
-
-  const refetch = useCallback(() => {
-    void load();
-  }, [load]);
-
-  const savePreferences = useCallback(
-    async (preferences: ModulePreferences): Promise<ModuleSettings> => {
-      setIsSaving(true);
-      setError(null);
-      try {
-        const next: ModuleSettings = {
-          preferences,
-          updatedAt: new Date().toISOString(),
-          workspaceId: workspaceId ?? '',
-        };
-        writeSettings(next);
-        setSettings(next);
-        return next;
-      } catch (saveError) {
-        const normalized =
-          saveError instanceof Error ? saveError : new Error('Failed to save settings');
-        setError(normalized);
-        throw normalized;
-      } finally {
-        setIsSaving(false);
-      }
-    },
-    [workspaceId]
-  );
-
-  // Stabilize the preferences reference. Returning `settings?.preferences ?? {}`
-  // inline minted a fresh `{}` on every render while settings was null, which
-  // made SettingsPage's `useMemo(toForm, [preferences])` recompute every render
-  // and its `useEffect(setForm, [loadedForm])` fire in a loop → "Maximum update
-  // depth exceeded" → the page rendered blank behind the shell's error boundary.
-  const preferences = useMemo<ModulePreferences>(() => settings?.preferences ?? {}, [settings]);
-
-  return {
-    settings,
-    preferences,
-    isLoading,
-    isSaving,
-    error,
-    refetch,
-    savePreferences,
-  };
-}

package/src/movethewheels/pages/ImportExportPage.tsx

@@ -1,288 +0,0 @@
-/**
- * Import/Export Page
- *
- * Bulk data in/out wired to the backend exportData / importData mutations.
- * Activity is session-local (reflects actions the operator actually ran) — no
- * fabricated history is shown; the empty state renders until something happens.
- */
-
-import { useRef, useState } from 'react';
-import { Upload, Download, FileText, FileSpreadsheet, Check, X } from 'lucide-react';
-import { PageLayout } from '../components/PageLayout';
-import { Card, CardContent, CardHeader, CardTitle, Button, Badge } from '../components/ui';
-import { EmphasisPanel, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';
-import { useImportExport } from '../hooks/useImportExport';
-
-interface ImportOption {
-  name: string;
-  description: string;
-  resource: string;
-}
-
-interface ExportOption {
-  name: string;
-  description: string;
-  resource: string;
-  formats: string[];
-}
-
-interface ActivityEntry {
-  type: 'import' | 'export';
-  name: string;
-  at: Date;
-  success: boolean;
-  message: string;
-}
-
-const importOptions: ImportOption[] = [
-  { name: 'Orders', description: 'Import orders from CSV or JSON', resource: 'orders' },
-  { name: 'Customers', description: 'Import customer database', resource: 'customers' },
-  { name: 'Products', description: 'Import product catalog', resource: 'products' },
-  { name: 'Inventory', description: 'Import inventory levels', resource: 'inventory' },
-];
-
-const exportOptions: ExportOption[] = [
-  {
-    name: 'Orders Report',
-    description: 'Export all orders data',
-    resource: 'orders',
-    formats: ['CSV', 'JSON'],
-  },
-  {
-    name: 'Financial Report',
-    description: 'Export revenue and payments',
-    resource: 'finance',
-    formats: ['CSV', 'JSON'],
-  },
-  {
-    name: 'Fleet Report',
-    description: 'Export vehicle and driver data',
-    resource: 'fleet',
-    formats: ['CSV', 'JSON'],
-  },
-  {
-    name: 'Analytics Report',
-    description: 'Export performance metrics',
-    resource: 'analytics',
-    formats: ['CSV', 'JSON'],
-  },
-];
-
-export default function ImportExportPage() {
-  const { exportData, importData, isBusy } = useImportExport();
-  const [activity, setActivity] = useState<ActivityEntry[]>([]);
-  const [pendingResource, setPendingResource] = useState<string | null>(null);
-  const fileInputRef = useRef<HTMLInputElement | null>(null);
-  const importTargetRef = useRef<ImportOption | null>(null);
-
-  const record = (entry: ActivityEntry) => setActivity((previous) => [entry, ...previous]);
-
-  const handleExport = async (option: ExportOption, format: string) => {
-    setPendingResource(`${option.resource}:${format}`);
-    try {
-      const result = await exportData(option.resource, format);
-      if (result.success && result.payload) {
-        const contents = JSON.stringify(result.payload, null, 2);
-        const blob = new Blob([contents], { type: 'application/json' });
-        const url = URL.createObjectURL(blob);
-        const link = document.createElement('a');
-        link.href = url;
-        link.download = `${option.resource}-export.${format.toLowerCase() === 'csv' ? 'csv' : 'json'}`;
-        document.body.appendChild(link);
-        link.click();
-        link.remove();
-        URL.revokeObjectURL(url);
-      }
-      record({
-        type: 'export',
-        name: `${option.name} (${format})`,
-        at: new Date(),
-        success: result.success,
-        message: result.message,
-      });
-    } catch (exportError) {
-      record({
-        type: 'export',
-        name: `${option.name} (${format})`,
-        at: new Date(),
-        success: false,
-        message: exportError instanceof Error ? exportError.message : 'Export failed',
-      });
-    } finally {
-      setPendingResource(null);
-    }
-  };
-
-  const triggerImport = (option: ImportOption) => {
-    importTargetRef.current = option;
-    fileInputRef.current?.click();
-  };
-
-  const handleFileSelected = async (event: React.ChangeEvent<HTMLInputElement>) => {
-    const file = event.target.files?.[0];
-    const option = importTargetRef.current;
-    event.target.value = '';
-    if (!file || !option) return;
-    setPendingResource(`import:${option.resource}`);
-    try {
-      const content = await file.text();
-      const result = await importData(option.resource, { filename: file.name, content });
-      record({
-        type: 'import',
-        name: `${option.name} — ${file.name}`,
-        at: new Date(),
-        success: result.success,
-        message: result.message,
-      });
-    } catch (importError) {
-      record({
-        type: 'import',
-        name: `${option.name} — ${file.name}`,
-        at: new Date(),
-        success: false,
-        message: importError instanceof Error ? importError.message : 'Import failed',
-      });
-    } finally {
-      setPendingResource(null);
-    }
-  };
-
-  return (
-    <PageLayout
-      title="Import / Export"
-      subtitle="Import and export your data"
-      icon={<FileText size={24} />}
-    >
-      <PagePurpose icon={<FileText size={18} />}>
-        Move data in and out in bulk. Import orders, customers, products or inventory from CSV/JSON
-        to onboard or migrate without re-keying, and export any dataset for accounting, BI tools or
-        backups — no manual copy-paste required.
-      </PagePurpose>
-
-      <input
-        ref={fileInputRef}
-        type="file"
-        accept=".csv,.json,application/json,text/csv"
-        className="hidden"
-        onChange={handleFileSelected}
-      />
-
-      <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
-        {/* Import Data — the page's single emphasis zone */}
-        <EmphasisPanel className="space-y-4">
-          <h2 className="flex items-center gap-2 text-base font-semibold text-text-primary">
-            <Upload size={18} /> Import Data
-          </h2>
-          <div className="space-y-4">
-            {importOptions.map((opt) => (
-              <div
-                key={opt.name}
-                className="flex items-center justify-between p-4 border rounded-lg hover:border-primary/50 transition-colors"
-              >
-                <div className="flex items-center gap-3">
-                  <div className="w-10 h-10 rounded-lg bg-action-primary-bg/10 flex items-center justify-center">
-                    <FileSpreadsheet size={20} className="text-primary" />
-                  </div>
-                  <div>
-                    <p className="font-medium">{opt.name}</p>
-                    <p className="text-sm text-text-secondary">{opt.description}</p>
-                  </div>
-                </div>
-                <div className="text-right">
-                  <Badge variant="outline">CSV, JSON</Badge>
-                  <Button
-                    variant="outline"
-                    size="sm"
-                    className="ml-2"
-                    aria-label={`Import ${opt.name}`}
-                    disabled={isBusy}
-                    onClick={() => triggerImport(opt)}
-                  >
-                    <Upload size={14} />
-                  </Button>
-                </div>
-              </div>
-            ))}
-          </div>
-        </EmphasisPanel>
-
-        <Card>
-          <CardHeader>
-            <CardTitle className="flex items-center gap-2">
-              <Download size={18} /> Export Data
-            </CardTitle>
-          </CardHeader>
-          <CardContent className="space-y-4">
-            {exportOptions.map((opt) => (
-              <div
-                key={opt.name}
-                className="flex items-center justify-between p-4 border rounded-lg hover:border-primary/50 transition-colors"
-              >
-                <div>
-                  <p className="font-medium">{opt.name}</p>
-                  <p className="text-sm text-text-secondary">{opt.description}</p>
-                </div>
-                <div className="flex gap-1">
-                  {opt.formats.map((f) => (
-                    <Button
-                      key={f}
-                      variant="outline"
-                      size="sm"
-                      disabled={pendingResource === `${opt.resource}:${f}`}
-                      onClick={() => void handleExport(opt, f)}
-                    >
-                      {f}
-                    </Button>
-                  ))}
-                </div>
-              </div>
-            ))}
-          </CardContent>
-        </Card>
-      </div>
-
-      <Card>
-        <CardHeader>
-          <CardTitle>Recent Activity</CardTitle>
-        </CardHeader>
-        <CardContent>
-          {activity.length === 0 ? (
-            <IllustratedEmptyState
-              illustration="empty-data"
-              title="No import or export activity yet"
-              description="Your recent imports and exports will show up here once you run one."
-            />
-          ) : (
-            <div className="space-y-3">
-              {activity.map((entry, i) => (
-                <div
-                  key={i}
-                  className="flex items-center justify-between p-3 bg-bg-sunken/50 rounded-lg"
-                >
-                  <div className="flex items-center gap-3">
-                    {entry.type === 'import' ? (
-                      <Upload size={16} className="text-primary" />
-                    ) : (
-                      <Download size={16} className="text-primary" />
-                    )}
-                    <div>
-                      <p className="font-medium">{entry.name}</p>
-                      <p className="text-sm text-text-secondary">
-                        {entry.type === 'import' ? 'Imported' : 'Exported'} at{' '}
-                        {entry.at.toLocaleTimeString()} — {entry.message}
-                      </p>
-                    </div>
-                  </div>
-                  <Badge variant={entry.success ? 'default' : 'destructive'} className="gap-1">
-                    {entry.success ? <Check size={12} /> : <X size={12} />}
-                    {entry.success ? 'done' : 'failed'}
-                  </Badge>
-                </div>
-              ))}
-            </div>
-          )}
-        </CardContent>
-      </Card>
-    </PageLayout>
-  );
-}

package/src/movethewheels/pages/MarketplacePage.tsx

@@ -1,36 +0,0 @@
-/**
- * Marketplace Page
- *
- * The collaborative logistics marketplace (service providers / service offerings)
- * was withdrawn from wspace-movethewheels-svc by migration
- * 20260707000001_movethewheels_reuse_cleanup. The original query and mutation
- * documents are preserved verbatim in
- * src/operations/wspace/movethewheels/{queries,mutations}/marketplace-reports.withdrawn.graphql
- * so they can be restored if the surface returns. Until then the page renders a
- * static "coming soon" state.
- */
-
-import { Store } from 'lucide-react';
-import { PageLayout } from '../components/PageLayout';
-import { Card, CardContent } from '../components/ui';
-import { IllustratedEmptyState } from '@burdenoff/fe-libs/ui';
-
-export default function MarketplacePage() {
-  return (
-    <PageLayout
-      title="Marketplace"
-      subtitle="Find logistics service providers"
-      icon={<Store size={24} />}
-    >
-      <Card>
-        <CardContent className="p-0">
-          <IllustratedEmptyState
-            illustration="empty-people"
-            title="Marketplace is coming soon"
-            description="The collaborative logistics marketplace is not open yet. Check back after it launches to browse verified third-party service providers."
-          />
-        </CardContent>
-      </Card>
-    </PageLayout>
-  );
-}