u

src/colors.js

@@ -1,2 +1,2 @@
 // Mirrored in index.html and index.css for paint before JS loads.
-export const MAIN_BACKGROUND = '#c5ddd8';
+export const MAIN_BACKGROUND = '#85b7ad';

src/components/TextInput.jsx

@@ -112,6 +112,7 @@ export default class TextInput extends Component {
 
     const mergedSlotProps = {
       ...restSlotProps,
+      ...(resolvedInputProps ? { input: resolvedInputProps } : {}),
       inputLabel: {
         ...(label ? { shrink: true } : {}),
         ...InputLabelProps,
@@ -128,7 +129,6 @@ export default class TextInput extends Component {
         autoComplete="one-time-code"
         onFocus={this.handleFocus}
         onMouseDown={this.handleMouseDown}
-        InputProps={resolvedInputProps}
         slotProps={mergedSlotProps}
         sx={resolveSx(sx)}
         {...rest}

src/components/article/tabs/ArticleAttributesTab.jsx

@@ -246,20 +246,19 @@ export default class ArticleAttributesTab extends PureComponent {
       const isExclusive = Boolean(targetAttr.exclusive);
       const targetValId = Number(effectiveItemId);
       const isAlreadyAssigned = assignedAttributes.some((a) => a.attributeValueId === targetValId);
+      const isMerkmalAlreadyAssigned = assignedAttributes.some((a) => a.attributeId === targetAttr.id);
+
+      if (isExclusive && isMerkmalAlreadyAssigned) {
+        enqueueSnackbar('Eindeutiges Merkmal ist bereits zugeordnet.', { variant: 'info' });
+        return;
+      }
 
       if (isAlreadyAssigned) {
         enqueueSnackbar('Bereits zugeordnet.', { variant: 'info' });
         return;
       }
 
-      const nextValues = isExclusive
-        ? [
-            ...assignedAttributes
-              .filter((a) => a.attributeId !== targetAttr.id)
-              .map((a) => a.attributeValueId),
-            targetValId,
-          ]
-        : [...assignedAttributes.map((a) => a.attributeValueId), targetValId];
+      const nextValues = [...assignedAttributes.map((a) => a.attributeValueId), targetValId];
 
       this.setState({ saving: true });
       try {
@@ -282,6 +281,13 @@ export default class ArticleAttributesTab extends PureComponent {
       if (!targetProp || !val) return;
 
       const isExclusive = Boolean(targetProp.exclusive);
+      const isMerkmalAlreadyAssigned = assignedProperties.some((p) => p.propertyId === propId);
+
+      if (isExclusive && isMerkmalAlreadyAssigned) {
+        enqueueSnackbar('Eindeutiges Merkmal ist bereits zugeordnet.', { variant: 'info' });
+        return;
+      }
+
       if (!isExclusive) {
         const isAlreadyAssigned = assignedProperties.some(
           (p) => p.propertyId === propId && p.value.trim().toLowerCase() === val.toLowerCase()
@@ -291,11 +297,8 @@ export default class ArticleAttributesTab extends PureComponent {
           return;
         }
       }
-      const sourceProps = isExclusive
-        ? assignedProperties.filter((p) => p.propertyId !== propId)
-        : assignedProperties;
       const nextProps = [
-        ...sourceProps.map((p) => ({ propertyId: p.propertyId, value: p.value, sort: p.sort })),
+        ...assignedProperties.map((p) => ({ propertyId: p.propertyId, value: p.value, sort: p.sort })),
         { propertyId: propId, value: val },
       ];
 
@@ -470,6 +473,36 @@ export default class ArticleAttributesTab extends PureComponent {
 
     assignedGroups.sort((a, b) => a.sort - b.sort || a.name.localeCompare(b.name));
 
+    const isExclusive = Boolean(selectedOption?.exclusive);
+    const isMerkmalAlreadyAssigned = isAttr
+      ? assignedAttributes.some((a) => a.attributeId === selectedOption?.id)
+      : assignedProperties.some((p) => p.propertyId === selectedOption?.id);
+
+    const isValueAlreadyAssigned = isAttr
+      ? assignedAttributes.some((a) => a.attributeValueId === Number(currentItemId))
+      : (Boolean(customValueText.trim()) && assignedProperties.some(
+          (p) => p.propertyId === selectedOption?.id && p.value.trim().toLowerCase() === customValueText.trim().toLowerCase()
+        ));
+
+    const isUniqueAlreadyAdded = isExclusive && isMerkmalAlreadyAssigned;
+
+    const isAddDisabled =
+      saving ||
+      isVariantBlocked ||
+      !selectedMerkmalKey ||
+      (isAttr ? !currentItemId || availableItems.length === 0 : !customValueText.trim()) ||
+      isUniqueAlreadyAdded ||
+      isValueAlreadyAssigned;
+
+    let addTooltipTitle = 'Hinzufügen';
+    if (isUniqueAlreadyAdded) {
+      addTooltipTitle = 'Eindeutiges Merkmal ist bereits zugeordnet';
+    } else if (isValueAlreadyAssigned) {
+      addTooltipTitle = 'Bereits zugeordnet';
+    } else if (isVariantBlocked) {
+      addTooltipTitle = 'Varianten-Merkmal kann nicht zugeordnet werden';
+    }
+
     return (
       <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>
         {/* Unified Add Bar: [Merkmal ▼] [Wert ▼ / Input] [+] */}
@@ -531,16 +564,11 @@ export default class ArticleAttributesTab extends PureComponent {
             />
           )}
 
-          <Tooltip title="Hinzufügen">
+          <Tooltip title={addTooltipTitle}>
             <span>
               <IconButton
                 color="primary"
-                disabled={
-                  saving ||
-                  isVariantBlocked ||
-                  !selectedMerkmalKey ||
-                  (isAttr ? !selectedItemId || availableItems.length === 0 : !customValueText.trim())
-                }
+                disabled={isAddDisabled}
                 onClick={() => void this.handleAddItem()}
                 sx={{
                   bgcolor: 'primary.main',

src/index.css

@@ -5,7 +5,7 @@ html,
 body,
 #root {
   min-height: 100%;
-  background-color: #c5ddd8;
+  background-color: #85b7ad;
 }
 
 html,
@@ -30,4 +30,4 @@ html {
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28);
   cursor: grabbing !important;
   user-select: none !important;
-}
+}