@adcops/autocore-react 3.3.73 → 3.3.77

package/src/components/ams/AssetDetailView.tsx

@@ -6,19 +6,97 @@
  * <CalibrationEntryDialog>.
  */
 
-import React, { useEffect, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { Button } from 'primereact/button';
 import { DataTable } from 'primereact/datatable';
 import { Column } from 'primereact/column';
+import { ConfirmDialog, confirmDialog } from 'primereact/confirmdialog';
+import { EventEmitterContext } from '../../core/EventEmitterContext';
+import { MessageType } from '../../hub/CommandMessage';
 import { useAms } from './AmsProvider';
 import { CalibrationEntryDialog } from './CalibrationEntryDialog';
 
 export const AssetDetailView: React.FC = () => {
-    const { selection, schemas, roles, readAsset, listCalibrations, readCalibration, readUsage } = useAms();
+    const { selection, schemas, roles, readAsset, listCalibrations, readCalibration, readUsage,
+            refreshAssets, setSelection } = useAms();
+    const { invoke } = useContext(EventEmitterContext);
     const [asset, setAsset] = useState<any | null>(null);
     const [cals, setCals]   = useState<any[]>([]);
     const [usage, setUsage] = useState<any | null>(null);
     const [calDialogOpen, setCalDialogOpen] = useState(false);
+    const [deleting, setDeleting] = useState(false);
+
+    /** Two-step asset retirement: flip status to retired via update_asset.
+     *  The hard delete (delete_asset) is a separate action, only visible
+     *  after this completes. Both go through ams.* IPC. */
+    const retire = async () => {
+        if (!asset) return;
+        try {
+            const resp: any = await invoke('ams.update_asset' as any, MessageType.Request, {
+                asset_id: asset.asset_id,
+                status:   'retired',
+            } as any);
+            if (resp?.success) {
+                await refreshAssets();
+                await refresh();
+            } else {
+                console.warn('[AssetDetailView] retire failed:', resp?.error_message);
+            }
+        } catch (e) {
+            console.error('[AssetDetailView] retire threw:', e);
+        }
+    };
+
+    /** Permanent delete. Removes the AMS record (asset.json + cal
+     *  history + usage). Historical test records still reference this
+     *  asset_id but carry the full asset+calibration snapshot inline
+     *  so the audit trail survives the purge. */
+    const performDelete = async () => {
+        if (!asset) return;
+        setDeleting(true);
+        try {
+            const resp: any = await invoke('ams.delete_asset' as any, MessageType.Request, {
+                asset_id: asset.asset_id,
+            } as any);
+            if (resp?.success) {
+                setSelection({ assetType: null, assetId: null });
+                await refreshAssets();
+            } else {
+                console.warn('[AssetDetailView] delete failed:', resp?.error_message);
+                alert(`Delete failed: ${resp?.error_message ?? 'unknown error'}`);
+            }
+        } catch (e: any) {
+            console.error('[AssetDetailView] delete threw:', e);
+            alert(`Delete threw: ${e?.message ?? e}`);
+        } finally {
+            setDeleting(false);
+        }
+    };
+
+    const confirmDelete = () => {
+        if (!asset) return;
+        confirmDialog({
+            message: (
+                <div>
+                    <p style={{ marginTop: 0 }}>
+                        Permanently delete asset <code>{asset.asset_id}</code>?
+                    </p>
+                    <p style={{ marginBottom: 0, fontSize: '0.875rem', color: '#9ca3af' }}>
+                        This removes the AMS record (nameplate, calibration history,
+                        usage counters). Historical test records that referenced this
+                        asset are unaffected — they carry the full asset and
+                        calibration data inline.
+                    </p>
+                </div>
+            ),
+            header: 'Delete asset',
+            icon: 'pi pi-exclamation-triangle',
+            acceptLabel: 'Delete',
+            rejectLabel: 'Cancel',
+            acceptClassName: 'p-button-danger',
+            accept: () => { void performDelete(); },
+        });
+    };
 
     const refresh = async () => {
         if (!selection.assetId) {
@@ -56,6 +134,22 @@ export const AssetDetailView: React.FC = () => {
     const roleHit = roles[asset.asset_type]?.find(r => r.location === asset.location);
     const roleLabel = roleHit ? (roleHit.label ?? roleHit.location) : asset.location;
 
+    // Schema-declared nameplate fields (capacity_n, sensitivity_mv_v,
+    // etc.). Rendered in their own panel so operators can verify what
+    // the placeholder resolver will read for `${ams.by_location.*}`
+    // references at module-start time. Missing values render as a
+    // muted "(not set)" rather than empty space — that's the failure
+    // mode the resolver will block on, so we draw attention to it.
+    const schemaFields: any[] = Array.isArray(schemas[asset.asset_type]?.fields)
+        ? schemas[asset.asset_type].fields
+        : [];
+    const custom = (asset.custom ?? {}) as Record<string, any>;
+
+    // Modules that resolve placeholders against this role. Drawn from
+    // ams.list_roles so the operator can see "this load cell feeds NI
+    // bridge channel calibration" at a glance.
+    const modulesUsingRole = roleHit?.used_by_modules ?? [];
+
     return (
         <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>
             <div style={{ display: 'grid', gridTemplateColumns: 'auto 1fr auto 1fr', gap: '0.5rem 1.5rem', alignItems: 'baseline' }}>
@@ -74,11 +168,76 @@ export const AssetDetailView: React.FC = () => {
                 <strong>Cycles</strong>   <span>{usage?.cycles ?? 0}</span>
             </div>
 
+            {modulesUsingRole.length > 0 && (
+                <div style={{ fontSize: '0.875rem', color: '#34d399' }}>
+                    ✓ Feeds module {modulesUsingRole.length === 1 ? 'config' : 'configs'}:{' '}
+                    <strong>{modulesUsingRole.join(', ')}</strong>
+                    {' — '}their <code>${'${ams.by_location.' + asset.location + '.*}'}</code>{' '}
+                    placeholders will resolve to the values below.
+                </div>
+            )}
+
+            {schemaFields.length > 0 && (
+                <div>
+                    <h4 style={{ margin: '0 0 0.5rem 0' }}>Nameplate</h4>
+                    <div style={{ display: 'grid', gridTemplateColumns: 'auto 1fr',
+                                  gap: '0.25rem 1rem', alignItems: 'baseline',
+                                  fontSize: '0.9rem' }}>
+                        {schemaFields.map((f: any) => {
+                            const v = custom[f.name];
+                            const present = v !== undefined && v !== null && v !== '';
+                            const label = f.label ?? f.name;
+                            const display = present
+                                ? (f.units ? `${v} ${f.units}` : String(v))
+                                : '(not set)';
+                            return (
+                                <React.Fragment key={f.name}>
+                                    <strong title={f.description ?? undefined}>{label}</strong>
+                                    <span style={{ color: present ? undefined : '#f59e0b' }}>
+                                        {display}
+                                    </span>
+                                </React.Fragment>
+                            );
+                        })}
+                    </div>
+                </div>
+            )}
+
+            <SubLocationsPanel
+                schema={schemas[asset.asset_type]?.sub_locations}
+                values={asset.sub_locations}
+            />
+
+            <SubLocationsCalibrationPanel
+                schema={schemas[asset.asset_type]?.sub_locations}
+                currentCalibration={cals.find(c => c.cal_id === asset.current_calibration_id)}
+            />
+
             <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
                 <h4 style={{ margin: 0 }}>Calibration History</h4>
-                <Button label="+ Calibration" icon="pi pi-plus"
-                    onClick={() => setCalDialogOpen(true)} />
+                <div style={{ display: 'flex', gap: '0.5rem' }}>
+                    {asset.status === 'active' && (
+                        <Button label="Retire" icon="pi pi-power-off"
+                            severity="warning" outlined
+                            onClick={retire}
+                            tooltip="Mark inactive. The asset stays on disk; deletion is a separate action available after retirement."
+                            tooltipOptions={{ position: 'left' }}
+                        />
+                    )}
+                    {asset.status === 'retired' && (
+                        <Button label="Delete" icon="pi pi-trash"
+                            severity="danger" outlined
+                            loading={deleting}
+                            onClick={confirmDelete}
+                            tooltip="Permanent. Removes the AMS record; historical test snapshots are preserved inline."
+                            tooltipOptions={{ position: 'left' }}
+                        />
+                    )}
+                    <Button label="+ Calibration" icon="pi pi-plus"
+                        onClick={() => setCalDialogOpen(true)} />
+                </div>
             </div>
+            <ConfirmDialog />
             <DataTable value={cals} size="small" stripedRows
                 emptyMessage="No calibrations recorded for this asset."
             >
@@ -106,3 +265,127 @@ export const AssetDetailView: React.FC = () => {
         </div>
     );
 };
+
+// -------------------------------------------------------------------------
+// Per-axis nameplate matrix. Renders when the asset's type declares a
+// keyed-fields sub_locations schema (multi-axis transducers etc.).
+// Read-only — registration / edits happen in the Add dialog.
+// -------------------------------------------------------------------------
+const SubLocationsPanel: React.FC<{ schema: any; values: any }> = ({ schema, values }) => {
+    if (!schema || !Array.isArray(schema.keys) || !Array.isArray(schema.fields)) {
+        return null;
+    }
+    const obj = (values && typeof values === 'object') ? values : {};
+    return (
+        <div>
+            <h4 style={{ margin: '0 0 0.5rem 0' }}>{schema.label ?? 'Sub-locations'}</h4>
+            <div style={{ overflowX: 'auto' }}>
+                <table style={{ width: '100%', borderCollapse: 'collapse', fontSize: '0.875rem' }}>
+                    <thead>
+                        <tr>
+                            <th style={{ textAlign: 'left', padding: '0.25rem 0.5rem',
+                                         borderBottom: '1px solid var(--surface-border)' }}>
+                                {schema.key_label ?? 'Key'}
+                            </th>
+                            {schema.fields.map((f: any) => (
+                                <th key={f.name}
+                                    title={f.description ?? undefined}
+                                    style={{ textAlign: 'left', padding: '0.25rem 0.5rem',
+                                             borderBottom: '1px solid var(--surface-border)' }}>
+                                    {(f.label ?? f.name)}{f.units ? ` [${f.units}]` : ''}
+                                </th>
+                            ))}
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {schema.keys.map((key: string) => {
+                            const row = (obj[key] ?? {}) as Record<string, any>;
+                            return (
+                                <tr key={key}>
+                                    <td style={{ padding: '0.25rem 0.5rem', fontWeight: 600 }}>{key}</td>
+                                    {schema.fields.map((f: any) => {
+                                        const v = row[f.name];
+                                        const present = v !== undefined && v !== null && v !== '';
+                                        return (
+                                            <td key={f.name}
+                                                style={{ padding: '0.25rem 0.5rem',
+                                                         color: present ? undefined : '#f59e0b' }}>
+                                                {present ? String(v) : '(not set)'}
+                                            </td>
+                                        );
+                                    })}
+                                </tr>
+                            );
+                        })}
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    );
+};
+
+// -------------------------------------------------------------------------
+// Per-axis calibration matrix. Renders when the schema declares
+// per-axis calibration_fields AND a current calibration is on file.
+// Reads from `currentCalibration.values.<key>.<field>`. Read-only.
+// -------------------------------------------------------------------------
+const SubLocationsCalibrationPanel: React.FC<{
+    schema: any;
+    currentCalibration: any | undefined;
+}> = ({ schema, currentCalibration }) => {
+    if (!schema || !Array.isArray(schema.keys) || !Array.isArray(schema.calibration_fields)
+        || schema.calibration_fields.length === 0) {
+        return null;
+    }
+    if (!currentCalibration) return null;
+    const values = (currentCalibration.values && typeof currentCalibration.values === 'object')
+        ? currentCalibration.values as Record<string, any>
+        : {};
+    return (
+        <div>
+            <h4 style={{ margin: '0 0 0.5rem 0' }}>
+                Current Calibration — Per-axis Values
+            </h4>
+            <div style={{ overflowX: 'auto' }}>
+                <table style={{ width: '100%', borderCollapse: 'collapse', fontSize: '0.875rem' }}>
+                    <thead>
+                        <tr>
+                            <th style={{ textAlign: 'left', padding: '0.25rem 0.5rem',
+                                         borderBottom: '1px solid var(--surface-border)' }}>
+                                {schema.key_label ?? 'Key'}
+                            </th>
+                            {schema.calibration_fields.map((f: any) => (
+                                <th key={f.name}
+                                    style={{ textAlign: 'left', padding: '0.25rem 0.5rem',
+                                             borderBottom: '1px solid var(--surface-border)' }}>
+                                    {(f.label ?? f.name)}{f.units ? ` [${f.units}]` : ''}
+                                </th>
+                            ))}
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {schema.keys.map((key: string) => {
+                            const row = (values[key] ?? {}) as Record<string, any>;
+                            return (
+                                <tr key={key}>
+                                    <td style={{ padding: '0.25rem 0.5rem', fontWeight: 600 }}>{key}</td>
+                                    {schema.calibration_fields.map((f: any) => {
+                                        const v = row[f.name];
+                                        const present = v !== undefined && v !== null && v !== '';
+                                        return (
+                                            <td key={f.name}
+                                                style={{ padding: '0.25rem 0.5rem',
+                                                         color: present ? undefined : '#f59e0b' }}>
+                                                {present ? String(v) : '(not set)'}
+                                            </td>
+                                        );
+                                    })}
+                                </tr>
+                            );
+                        })}
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    );
+};