-
-
- {resources.map((r: any) => (
-
-
- {r.resource?.name}
- {r.quantity > 1 && ` × ${r.quantity}`}
-
- ))}
+
+
+ {resources.map((r: any) => {
+ const statusColors: Record
= {
+ available: "text-emerald-600 bg-emerald-50 dark:bg-emerald-950/30 border-emerald-200 dark:border-emerald-800",
+ in_use: "text-amber-600 bg-amber-50 dark:bg-amber-950/30 border-amber-200 dark:border-amber-800",
+ maintenance: "text-red-600 bg-red-50 dark:bg-red-950/30 border-red-200 dark:border-red-800",
+ retired: "text-muted-foreground bg-muted/50 border-muted",
+ };
+ const getStatusLabel = (status: string) => {
+ const labels: Record = {
+ available: t("terminal.resources.status.available"),
+ in_use: t("terminal.resources.status.inUse"),
+ maintenance: t("terminal.resources.status.maintenance"),
+ retired: t("terminal.resources.status.retired"),
+ };
+ return labels[status] || status;
+ };
+ return (
+
+
+
+
+
+ {r.resource?.name}
+ {r.quantity > 1 && (
+ ×{r.quantity}
+ )}
+
+
+
{t("operations.type")}: {r.resource?.type?.replace("_", " ")}
+ {r.resource?.identifier &&
ID: {r.resource.identifier}
}
+ {r.resource?.location && (
+
+
+ {t("terminal.resources.location")}: {r.resource.location}
+
+ )}
+
+
+ {r.resource?.status && (
+
+ {getStatusLabel(r.resource.status)}
+
+ )}
+
+ {r.notes && (
+
+ )}
+
)}
diff --git a/src/components/terminal/AssemblyDependencies.tsx b/src/components/terminal/AssemblyDependencies.tsx
new file mode 100644
index 00000000..11ced580
--- /dev/null
+++ b/src/components/terminal/AssemblyDependencies.tsx
@@ -0,0 +1,158 @@
+import React, { useEffect, useState } from 'react';
+import { AlertTriangle, CheckCircle2, Layers, Circle, Clock } from 'lucide-react';
+import { supabase } from '@/integrations/supabase/client';
+import { useTranslation } from 'react-i18next';
+import { useAuth } from '@/contexts/AuthContext';
+import { cn } from '@/lib/utils';
+
+interface ChildPart {
+ id: string;
+ part_number: string;
+ status: 'not_started' | 'in_progress' | 'completed';
+}
+
+interface AssemblyDependenciesProps {
+ partId: string;
+ className?: string;
+}
+
+/**
+ * Compact assembly dependencies display for terminal DetailPanel
+ * Shows status of child parts that need to be complete before assembly can start
+ */
+export function AssemblyDependencies({ partId, className }: AssemblyDependenciesProps) {
+ const { t } = useTranslation();
+ const { profile } = useAuth();
+ const [childParts, setChildParts] = useState
([]);
+ const [loading, setLoading] = useState(true);
+ const [hasChildren, setHasChildren] = useState(false);
+
+ useEffect(() => {
+ const fetchChildParts = async () => {
+ if (!partId || !profile?.tenant_id) return;
+
+ try {
+ const { data, error } = await supabase
+ .from('parts')
+ .select('id, part_number, status')
+ .eq('parent_part_id', partId)
+ .eq('tenant_id', profile.tenant_id)
+ .order('part_number');
+
+ if (!error && data && data.length > 0) {
+ setChildParts(data as ChildPart[]);
+ setHasChildren(true);
+ } else {
+ setHasChildren(false);
+ }
+ } catch (error) {
+ console.error('Error fetching child parts:', error);
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ fetchChildParts();
+ }, [partId, profile?.tenant_id]);
+
+ if (loading || !hasChildren) {
+ return null;
+ }
+
+ const completedCount = childParts.filter(p => p.status === 'completed').length;
+ const incompleteCount = childParts.length - completedCount;
+ const allComplete = incompleteCount === 0;
+
+ const getStatusIcon = (status: string) => {
+ switch (status) {
+ case 'completed':
+ return ;
+ case 'in_progress':
+ return ;
+ default:
+ return ;
+ }
+ };
+
+ const getStatusLabel = (status: string) => {
+ switch (status) {
+ case 'completed':
+ return t('terminal.assembly.partStatus.completed');
+ case 'in_progress':
+ return t('terminal.assembly.partStatus.inProgress');
+ default:
+ return t('terminal.assembly.partStatus.notStarted');
+ }
+ };
+
+ return (
+
+
+ {allComplete ? (
+
+ ) : (
+
+ )}
+ {t('terminal.assembly.title')}
+
+
+ {!allComplete && (
+
+
+
+ {t('terminal.assembly.warning')}
+
+
+ {t('terminal.assembly.componentsPending', { count: incompleteCount })}
+
+
+ )}
+
+ {allComplete && (
+
+
+
+ {t('terminal.assembly.allComplete')}
+
+
+ )}
+
+
+ {childParts.map((part) => (
+
+
+ {getStatusIcon(part.status)}
+
+ {part.part_number}
+
+
+
+ {getStatusLabel(part.status)}
+
+
+ ))}
+
+
+ {/* Required Resources for this Operation */}
+
+
+ {/* Assembly Dependencies - show if this part has child parts */}
+
+