Add note to signatures

frontend/src/components/SignatureCard.tsx

@@ -74,6 +74,13 @@ export const SignatureCard = ({ signature, onDelete, onUpdate }: SignatureCardPr
               <h3 className="text-white font-medium text-lg">
                 {signature.signame || 'Unnamed Signature'}
               </h3>
+              {signature.note && (
+                <div className="mt-2">
+                  <Badge variant="outline" className="bg-blue-900/50 text-blue-200 border-blue-500 px-3 py-1 text-sm font-semibold">
+                    {signature.note}
+                  </Badge>
+                </div>
+              )}
             </div>
             
             {/* Additional Info */}

frontend/src/components/SignatureEditModal.tsx

@@ -30,7 +30,8 @@ export const SignatureEditModal = ({ signature, isOpen, onClose, onSave }: Signa
 		signame: signature.signame || "",
 		dangerous: signature.dangerous || false,
 		scanned: signature.scanned || "",
-		identifier: signature.identifier || ""
+		identifier: signature.identifier || "",
+		note: signature.note || ""
 	});
 	const [isLoading, setIsLoading] = useState(false);
 
@@ -45,7 +46,8 @@ export const SignatureEditModal = ({ signature, isOpen, onClose, onSave }: Signa
 				type: formData.type === "unknown" ? undefined : formData.type,
 				signame: formData.signame || undefined,
 				dangerous: formData.dangerous,
-				scanned: formData.scanned || undefined
+				scanned: formData.scanned || undefined,
+				note: formData.note || undefined
 			});
 			onClose();
 			toast({
@@ -71,7 +73,8 @@ export const SignatureEditModal = ({ signature, isOpen, onClose, onSave }: Signa
 			signame: signature.signame || "",
 			dangerous: signature.dangerous || false,
 			scanned: signature.scanned || "",
-			identifier: signature.identifier || ""
+			identifier: signature.identifier || "",
+			note: signature.note || ""
 		});
 		onClose();
 	};
@@ -152,6 +155,18 @@ export const SignatureEditModal = ({ signature, isOpen, onClose, onSave }: Signa
 						/>
 					</div>
 
+					{/* Note Field - Add before the Dangerous Flag */}
+					<div className="space-y-2">
+						<Label htmlFor="note" className="text-slate-200">Important Note</Label>
+						<Input
+							id="note"
+							value={formData.note}
+							onChange={(e) => setFormData(prev => ({ ...prev, note: e.target.value }))}
+							placeholder="Add important information about this signature"
+							className="bg-slate-700 border-slate-600 text-slate-200"
+						/>
+					</div>
+
 					{/* Dangerous Flag */}
 					<div className="flex items-center justify-between">
 						<Label htmlFor="dangerous" className="text-slate-200">Dangerous</Label>

frontend/src/components/SignatureListItem.tsx

@@ -117,6 +117,11 @@ export const SignatureListItem = ({ signature, onDelete, onUpdate }: SignatureLi
 									</Badge>
 								)}
 							</h3>
+							{signature.note && (
+								<Badge variant="outline" className="bg-blue-900/50 text-blue-200 border-blue-500 px-2 py-0.5 text-sm font-semibold ml-2">
+									{signature.note}
+								</Badge>
+							)}
 						</div>
 					</div>
 

frontend/src/lib/pbtypes.ts

@@ -107,6 +107,7 @@ export type SignatureRecord = {
 	id: string
 	identifier: string
 	name?: string
+	note?: string
 	scanned?: string
 	system: RecordIdString
 	type?: string
@@ -118,6 +119,7 @@ export type SigviewRecord = {
 	dangerous?: boolean
 	id: string
 	identifier: string
+	note?: string
 	scanned?: string
 	signame?: string
 	sysid?: RecordIdString