Disable menu/popover animations; update manifest handling

src/components/manifest/ManifestHeader.jsx

@@ -4,7 +4,7 @@ import Stack from '@mui/material/Stack';
 import TextField from '@mui/material/TextField';
 import SingleLineTextEdit from '../SingleLineTextEdit';
 import { PanelTile } from '../panels';
-import { partyDisplayName } from './manifestConfig';
+import { manifestConfig, partyDisplayName } from './manifestConfig';
 
 class ManifestHeader extends PureComponent {
   constructor(props) {
@@ -27,12 +27,20 @@ class ManifestHeader extends PureComponent {
       partyId,
       date,
       number,
+      externalNumber,
       saving,
       onDateChange,
       onNumberChange,
+      onExternalNumberChange,
     } = this.props;
 
-    const selected = parties.find((row) => row.id === partyId) ?? null;
+    // Delivery: number is server-allocated/read-only; the caller reference
+    // lives in the editable externalNumber field.
+    const cfg = manifestConfig(kind);
+    const useExternalNumber = Boolean(cfg.externalNumber);
+
+    const selected =
+      parties.find((row) => row.id === partyId) ?? null;
 
     return (
       <PanelTile wide={3} minHeight={160} color={headerColor} title="Kopfdaten">
@@ -80,10 +88,20 @@ class ManifestHeader extends PureComponent {
             size="small"
             label="Nummer"
             value={number}
-            disabled={saving}
+            disabled={saving || useExternalNumber}
             onChange={onNumberChange}
             sx={{ minWidth: 180, flex: 1 }}
           />
+          {useExternalNumber ? (
+            <SingleLineTextEdit
+              size="small"
+              label="Referenz"
+              value={externalNumber ?? ''}
+              disabled={saving}
+              onChange={onExternalNumberChange}
+              sx={{ minWidth: 180, flex: 1 }}
+            />
+          ) : null}
         </Stack>
       </PanelTile>
     );